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/.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..a456260f5 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -9,6 +9,7 @@ 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) 🧑‍💻
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..52289b4af
--- /dev/null
+++ b/.github/actions/build/action.yml
@@ -0,0 +1,78 @@
+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
+
+  e2e_mnemonic:
+    description: 'Mnemonic for the E2E tests'
+    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_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_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_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 }}
+        NEXT_PUBLIC_ECOSYSTEM_ID_ADDRESS: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_ECOSYSTEM_ID_ADDRESS }}
+
+    - 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..4a6c28b5d
--- /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 }}/apps/web/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 }}/apps/web/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..6dec02fbd
--- /dev/null
+++ b/.github/actions/cypress/action.yml
@@ -0,0 +1,63 @@
+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 }}
+        e2e_mnemonic: ${{ fromJSON(inputs.secrets).NEXT_PUBLIC_CYPRESS_MNEMONIC }}
+
+    - 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
+        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
index 26ffce42c..f578a7653 100644
--- a/.github/workflows/cla.yml
+++ b/.github/workflows/cla.yml
@@ -13,7 +13,7 @@ jobs:
       - 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
+        uses: contributor-assistant/github-action@v2.6.1
         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
@@ -24,7 +24,7 @@ jobs:
           # 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*
+          allowlist: clovisdasilvaneto,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)
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-lint.yml b/.github/workflows/mobile-lint.yml
new file mode 100644
index 000000000..8b63f19f8
--- /dev/null
+++ b/.github/workflows/mobile-lint.yml
@@ -0,0 +1,40 @@
+name: Mobile Lint
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - apps/mobile/**
+      - packages/store/**
+  pull_request:
+    paths:
+      - apps/mobile/**
+      - packages/store/**
+
+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..d4ca3e507
--- /dev/null
+++ b/.github/workflows/mobile-unit-tests.yml
@@ -0,0 +1,45 @@
+name: Mobile Tests and Coverage
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - apps/mobile/**
+  pull_request:
+    paths:
+      - apps/mobile/**
+
+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/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..7f50959c7
--- /dev/null
+++ b/.github/workflows/web-deploy-dev.yml
@@ -0,0 +1,108 @@
+name: Web Deploy to dev/staging
+
+on:
+  pull_request:
+
+  push:
+    branches:
+      - dev
+      - main
+    paths:
+      - apps/web/**
+      - packages/store/**
+
+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: 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..934bc60dd
--- /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/store/**
+
+  push:
+    branches:
+      - main
+      - dev
+    paths:
+      - apps/web/**
+      - packages/store/**
+
+  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..7aa82c08d
--- /dev/null
+++ b/.github/workflows/web-deploy-production.yml
@@ -0,0 +1,77 @@
+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: 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..bf7785d21
--- /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 4 * * 1-5'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-20.04
+    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..04a549dc6
--- /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-20.04
+    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..48ea3641e
--- /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: '0 4 * * 1-5'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-20.04
+    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..a5f603c19
--- /dev/null
+++ b/.github/workflows/web-e2e-smoke.yml
@@ -0,0 +1,31 @@
+name: Web Smoke tests
+
+on:
+  pull_request:
+    paths:
+      - apps/web/**
+      - packages/store/**
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-20.04
+    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..27ba8b4d6
--- /dev/null
+++ b/.github/workflows/web-lint.yml
@@ -0,0 +1,32 @@
+name: Web Lint
+on:
+  pull_request:
+    paths:
+      - apps/web/**
+      - packages/store/**
+
+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.8
+        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..b36339314
--- /dev/null
+++ b/.github/workflows/web-nextjs-bundle-analysis.yml
@@ -0,0 +1,74 @@
+# 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/store/**
+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: Download base branch bundle stats
+        if: success() && github.event.number
+        run: |
+          cd apps/web
+          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: |
+          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..a38b4a902
--- /dev/null
+++ b/.github/workflows/web-tag-release.yml
@@ -0,0 +1,43 @@
+name: Web Tag & GitHub release
+
+on:
+  pull_request_target:
+    branches:
+      - main
+    types: [closed]
+    paths:
+      - apps/web/**
+      - packages/store/**
+
+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 }}
+        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..2327e0509
--- /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/store/**
+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..56c8693b3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,18 +1,14 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
 # dependencies
 /node_modules
+**/node_modules/*
 /.pnp
 .pnp.js
 
 # testing
 /coverage
 
-# types
-/src/types/contracts/
-
 # next.js
-/.next/
+**/.next/
 /out/
 
 # production
@@ -23,6 +19,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 +41,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 +59,25 @@ 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/*
\ No newline at end of file
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-deployments-npm-1.37.36-7beb5df7ca.patch b/.yarn/patches/@safe-global-safe-deployments-npm-1.37.36-7beb5df7ca.patch
new file mode 100644
index 000000000..22e52a249
--- /dev/null
+++ b/.yarn/patches/@safe-global-safe-deployments-npm-1.37.36-7beb5df7ca.patch
@@ -0,0 +1,288 @@
+diff --git a/dist/assets/v1.4.1/compatibility_fallback_handler.json b/dist/assets/v1.4.1/compatibility_fallback_handler.json
+index 8aae58c5b759044920025c337da9607c30e2132b..d49c455446796c085359853386eb412fb68c4fe6 100644
+--- a/dist/assets/v1.4.1/compatibility_fallback_handler.json
++++ b/dist/assets/v1.4.1/compatibility_fallback_handler.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/dist/assets/v1.4.1/create_call.json b/dist/assets/v1.4.1/create_call.json
+index a81c9fe449ccd1c1c2da2e3fd3c94f5bf3ac5225..4be740782ab76c273c51eddddd9a8dbadc4b536b 100644
+--- a/dist/assets/v1.4.1/create_call.json
++++ b/dist/assets/v1.4.1/create_call.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/dist/assets/v1.4.1/multi_send.json b/dist/assets/v1.4.1/multi_send.json
+index fb442a679ecc7bed8e4dcc9f90f4f8d3ecf8e7ab..42e4f3b67d3d3955325977ec330774a4f0f134e3 100644
+--- a/dist/assets/v1.4.1/multi_send.json
++++ b/dist/assets/v1.4.1/multi_send.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/dist/assets/v1.4.1/multi_send_call_only.json b/dist/assets/v1.4.1/multi_send_call_only.json
+index 8f3bfb668c630787b8394e886fd7684c4e1fa6b6..0e450f75e63366b01639415d5828b624f7afcfb7 100644
+--- a/dist/assets/v1.4.1/multi_send_call_only.json
++++ b/dist/assets/v1.4.1/multi_send_call_only.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/dist/assets/v1.4.1/safe.json b/dist/assets/v1.4.1/safe.json
+index d137e32496e8071b55a81ea24c8d45e86e037fc3..8810be4cc13cf6f4ec3e3c1e70e947267078db82 100644
+--- a/dist/assets/v1.4.1/safe.json
++++ b/dist/assets/v1.4.1/safe.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/dist/assets/v1.4.1/safe_l2.json b/dist/assets/v1.4.1/safe_l2.json
+index b35947906aee7d5ad33b46e66ff6c230dc614d48..544be5aeaeb38908cda758c98d91e94ed4e9bc63 100644
+--- a/dist/assets/v1.4.1/safe_l2.json
++++ b/dist/assets/v1.4.1/safe_l2.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/dist/assets/v1.4.1/safe_migration.json b/dist/assets/v1.4.1/safe_migration.json
+index bca25d5ae40c3d233f6c4fffadf47fdcdbf4ea47..83c05332c82b7c5bfe3f39b33e4e96e5a99e114c 100644
+--- a/dist/assets/v1.4.1/safe_migration.json
++++ b/dist/assets/v1.4.1/safe_migration.json
+@@ -16,6 +16,7 @@
+         "1": "canonical",
+         "10": "canonical",
+         "14": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "44": "canonical",
+diff --git a/dist/assets/v1.4.1/safe_proxy_factory.json b/dist/assets/v1.4.1/safe_proxy_factory.json
+index b563fe7627c92df5b4f1dbd5d19e71003d59ec93..82477dd352924d5202457cbdf5a8a546243c3f1a 100644
+--- a/dist/assets/v1.4.1/safe_proxy_factory.json
++++ b/dist/assets/v1.4.1/safe_proxy_factory.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/dist/assets/v1.4.1/safe_to_l2_migration.json b/dist/assets/v1.4.1/safe_to_l2_migration.json
+index 0c62796545ec4005b663a1a6843a3816b365eed8..6b435992fd9eb195455788bb3c2b8a659816763b 100644
+--- a/dist/assets/v1.4.1/safe_to_l2_migration.json
++++ b/dist/assets/v1.4.1/safe_to_l2_migration.json
+@@ -16,6 +16,7 @@
+         "1": "canonical",
+         "10": "canonical",
+         "14": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "44": "canonical",
+diff --git a/dist/assets/v1.4.1/safe_to_l2_setup.json b/dist/assets/v1.4.1/safe_to_l2_setup.json
+index 3e37b8f58267495d6435bf58997def9fb64d3b77..9b14201684455d13e448f2ff6043d194743a63d5 100644
+--- a/dist/assets/v1.4.1/safe_to_l2_setup.json
++++ b/dist/assets/v1.4.1/safe_to_l2_setup.json
+@@ -16,6 +16,7 @@
+         "1": "canonical",
+         "10": "canonical",
+         "14": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "44": "canonical",
+diff --git a/dist/assets/v1.4.1/sign_message_lib.json b/dist/assets/v1.4.1/sign_message_lib.json
+index 9ca62b34089e6d74b27182e0e71f5f33fd5af773..448fc72f91dcfa2aab9fa29e9603bb84a6755089 100644
+--- a/dist/assets/v1.4.1/sign_message_lib.json
++++ b/dist/assets/v1.4.1/sign_message_lib.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/dist/assets/v1.4.1/simulate_tx_accessor.json b/dist/assets/v1.4.1/simulate_tx_accessor.json
+index ea664eaa31909f0286478a4cd618f3145b85a8bd..292f9f2a20533f10df3056f6ead2d5336e99267a 100644
+--- a/dist/assets/v1.4.1/simulate_tx_accessor.json
++++ b/dist/assets/v1.4.1/simulate_tx_accessor.json
+@@ -20,6 +20,7 @@
+         "16": "canonical",
+         "19": "canonical",
+         "25": "canonical",
++        "30": "canonical",
+         "31": "canonical",
+         "39": "canonical",
+         "40": "canonical",
+diff --git a/src/assets/v1.4.1/compatibility_fallback_handler.json b/src/assets/v1.4.1/compatibility_fallback_handler.json
+index 3d5c7bc8e3f051f34aa63e8539af1e1329d8e6a8..089e7a3fe08411e582a1c86ad545ad3639153036 100644
+--- a/src/assets/v1.4.1/compatibility_fallback_handler.json
++++ b/src/assets/v1.4.1/compatibility_fallback_handler.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
+diff --git a/src/assets/v1.4.1/create_call.json b/src/assets/v1.4.1/create_call.json
+index 3ed815de575524e10366568c94436734405df8f5..21625d4852f97e2b9e8e82db79c0806297464f56 100644
+--- a/src/assets/v1.4.1/create_call.json
++++ b/src/assets/v1.4.1/create_call.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
+diff --git a/src/assets/v1.4.1/multi_send.json b/src/assets/v1.4.1/multi_send.json
+index 77f1209ed617c2a81db2fcce857bfc5b4e62f3a4..99a6b05b208b8f640bb92daf414c5ced20250a9d 100644
+--- a/src/assets/v1.4.1/multi_send.json
++++ b/src/assets/v1.4.1/multi_send.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
+diff --git a/src/assets/v1.4.1/multi_send_call_only.json b/src/assets/v1.4.1/multi_send_call_only.json
+index 2cedf40ad73ad5679575d5f63d82f9525b7e13bf..ca321f4112aa4f4590d545235563851f8c01f0b1 100644
+--- a/src/assets/v1.4.1/multi_send_call_only.json
++++ b/src/assets/v1.4.1/multi_send_call_only.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
+diff --git a/src/assets/v1.4.1/safe.json b/src/assets/v1.4.1/safe.json
+index 38f8cc671aadf16b6043c0c2e9540b7914936d94..1f9629998841f2032d7302ba2d7cdffd9443a9c2 100644
+--- a/src/assets/v1.4.1/safe.json
++++ b/src/assets/v1.4.1/safe.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
+diff --git a/src/assets/v1.4.1/safe_l2.json b/src/assets/v1.4.1/safe_l2.json
+index 264dc7f7f0e69787af77dd4fffbcc2e5b8dcaa44..5cab674c6c91f698ffb4cd873d7d888f77d58a47 100644
+--- a/src/assets/v1.4.1/safe_l2.json
++++ b/src/assets/v1.4.1/safe_l2.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
+diff --git a/src/assets/v1.4.1/safe_migration.json b/src/assets/v1.4.1/safe_migration.json
+index 8541e72c20c9971c08a817dd61f490eae2be4719..88ea76ec329fc5d8b59dcf1d10339706b2e5542a 100644
+--- a/src/assets/v1.4.1/safe_migration.json
++++ b/src/assets/v1.4.1/safe_migration.json
+@@ -16,6 +16,7 @@
+     "1": "canonical",
+     "10": "canonical",
+     "14": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "44": "canonical",
+diff --git a/src/assets/v1.4.1/safe_proxy_factory.json b/src/assets/v1.4.1/safe_proxy_factory.json
+index 9316c88da97e4898852dcae09d1424b4d1c3ed61..bd66a769a382f4d5a8ebddeb63fc46c437000fdf 100644
+--- a/src/assets/v1.4.1/safe_proxy_factory.json
++++ b/src/assets/v1.4.1/safe_proxy_factory.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
+diff --git a/src/assets/v1.4.1/safe_to_l2_migration.json b/src/assets/v1.4.1/safe_to_l2_migration.json
+index ef342bd38872ccfb2e61480e9f1aab3022afede8..7de716556e2ab1f5a30eae70e5c5179bddc465ae 100644
+--- a/src/assets/v1.4.1/safe_to_l2_migration.json
++++ b/src/assets/v1.4.1/safe_to_l2_migration.json
+@@ -16,6 +16,7 @@
+     "1": "canonical",
+     "10": "canonical",
+     "14": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "44": "canonical",
+diff --git a/src/assets/v1.4.1/safe_to_l2_setup.json b/src/assets/v1.4.1/safe_to_l2_setup.json
+index 74899f912f0f62b3d592d662b2237e5f27384e94..a2fd1b38989699d326d63ab16a30f5ef4ca40a01 100644
+--- a/src/assets/v1.4.1/safe_to_l2_setup.json
++++ b/src/assets/v1.4.1/safe_to_l2_setup.json
+@@ -16,6 +16,7 @@
+     "1": "canonical",
+     "10": "canonical",
+     "14": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "44": "canonical",
+diff --git a/src/assets/v1.4.1/sign_message_lib.json b/src/assets/v1.4.1/sign_message_lib.json
+index 7bb64ef714c7354e5c8be069fb0ff6e8312f8092..f93cd0c33eb384af90ed703de2e0fc5147b98549 100644
+--- a/src/assets/v1.4.1/sign_message_lib.json
++++ b/src/assets/v1.4.1/sign_message_lib.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
+diff --git a/src/assets/v1.4.1/simulate_tx_accessor.json b/src/assets/v1.4.1/simulate_tx_accessor.json
+index 33a86b642cd9989faf9fc7371f470df10fbc1f90..db4d2b34b4914a753538f0590beee9d3bb96e91b 100644
+--- a/src/assets/v1.4.1/simulate_tx_accessor.json
++++ b/src/assets/v1.4.1/simulate_tx_accessor.json
+@@ -20,6 +20,7 @@
+     "16": "canonical",
+     "19": "canonical",
+     "25": "canonical",
++    "30": "canonical",
+     "31": "canonical",
+     "39": "canonical",
+     "40": "canonical",
diff --git a/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.6-78a093615c.patch b/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.6-78a093615c.patch
new file mode 100644
index 000000000..e7fc8524c
--- /dev/null
+++ b/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.6-78a093615c.patch
@@ -0,0 +1,13 @@
+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 a4fe2e54016c024afb0f83648b1a68712659c94f..e0abc80db9f1363a26206f8de6a6be21a863e3cc 100644
+--- a/dist/assets/allowance-module/v0.1.0/allowance-module.json
++++ b/dist/assets/allowance-module/v0.1.0/allowance-module.json
+@@ -7,6 +7,8 @@
+         "4": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+         "5": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+         "42": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
++        "30": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
++        "31": "0xE46FE78DBfCa5E835667Ba9dCd3F3315E7623F8a",
+         "56": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+         "100": "0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
+         "137": "0x1Fb403834C911eB98d56E74F5182b0d64C3b3b4D",
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/.yarnrc.yml b/.yarnrc.yml
new file mode 100644
index 000000000..e6ba598de
--- /dev/null
+++ b/.yarnrc.yml
@@ -0,0 +1,27 @@
+compressionLevel: mixed
+
+enableGlobalCache: true
+
+nodeLinker: node-modules
+
+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/CONTRIBUTING.md b/CONTRIBUTING.md
index b105d7c22..9041948b1 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,8 +1,16 @@
 # 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
+
+More information [here](./docs/code-style.md).
+We use [semantic commits](https://www.conventionalcommits.org/en/v1.0.0/) for pull request titles and commit messages.
 
 ## CLA
 
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..0ec7551af
--- /dev/null
+++ b/apps/mobile/.eas/build/build-and-maestro-test.yml
@@ -0,0 +1,38 @@
+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/flow.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/.gitignore b/apps/mobile/.gitignore
new file mode 100644
index 000000000..5b3c4fb19
--- /dev/null
+++ b/apps/mobile/.gitignore
@@ -0,0 +1,65 @@
+# 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
+GoogleService-Info.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
+
+# 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..48923c9f7
--- /dev/null
+++ b/apps/mobile/.storybook/main.ts
@@ -0,0 +1,52 @@
+import type { StorybookConfig as WebStorybookConfig } from '@storybook/react-webpack5'
+import type { StorybookConfig as RNStorybookConfig } from '@storybook/react-native'
+
+const isWeb = process.env.STORYBOOK_WEB
+import path from 'path'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
+
+let config: WebStorybookConfig | RNStorybookConfig
+
+if (isWeb) {
+  config = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: [
+      '@storybook/addon-essentials',
+      '@storybook/addon-interactions',
+      {
+        name: '@storybook/addon-react-native-web',
+        options: {
+          projectRoot: '../',
+          modulesToTranspile: [],
+        },
+      },
+      '@storybook/addon-webpack5-compiler-babel',
+    ],
+    framework: {
+      name: '@storybook/react-webpack5',
+      options: {},
+    },
+    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..86f9a4202
--- /dev/null
+++ b/apps/mobile/.storybook/preview.tsx
@@ -0,0 +1,40 @@
+import type { Preview } from '@storybook/react'
+import { NavigationIndependentTree } from '@react-navigation/native'
+import { SafeThemeProvider } from '@/src/theme/provider/safeTheme'
+import { View } from 'react-native'
+import { SafeToastProvider } from '@/src/theme/provider/toastProvider'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
+import { PortalProvider } from 'tamagui'
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => {
+      return (
+        <PortalProvider shouldAddRootHost>
+          <NavigationIndependentTree>
+            <SafeAreaProvider>
+              <SafeThemeProvider>
+                <SafeToastProvider>
+                  <View style={{ padding: 16, flex: 1 }}>
+                    <Story />
+                  </View>
+                </SafeToastProvider>
+              </SafeThemeProvider>
+            </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..972a9ac94
--- /dev/null
+++ b/apps/mobile/README.md
@@ -0,0 +1,168 @@
+# 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
+
+### 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-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..b1441353c
--- /dev/null
+++ b/apps/mobile/app.config.js
@@ -0,0 +1,87 @@
+/* eslint-disable no-undef */
+const IS_DEV = process.env.APP_VARIANT === 'development'
+
+export default {
+  expo: {
+    name: IS_DEV ? 'Safe{Wallet} MVP - Development' : 'Safe{Wallet} MVP',
+    slug: 'safe-mobileapp',
+    owner: 'safeglobal',
+    version: '1.0.0',
+    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'],
+      },
+      supportsTablet: true,
+      appleTeamId: 'MXRS32BBL4',
+      bundleIdentifier: IS_DEV ? 'global.safe.mobileapp.dev' : 'global.safe.mobileapp',
+      entitlements: {
+        'aps-environment': 'production',
+      },
+      googleServicesFile: process.env.GOOGLE_SERVICES_PLIST ?? './GoogleService-Info.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: process.env.GOOGLE_SERVICES_JSON ?? './google-services.json',
+    },
+    web: {
+      bundler: 'metro',
+      output: 'static',
+      favicon: './assets/images/favicon.png',
+    },
+    plugins: [
+      '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',
+          },
+        },
+      ],
+      ['./expo-plugins/withDrawableAssets.js', './assets/android/drawable'],
+      [
+        'expo-build-properties',
+        {
+          ios: {
+            useFrameworks: 'static',
+          },
+        },
+      ],
+      '@react-native-firebase/app',
+      '@react-native-firebase/messaging',
+    ],
+    experiments: {
+      typedRoutes: true,
+    },
+  },
+}
diff --git a/apps/mobile/app/(tabs)/_layout.tsx b/apps/mobile/app/(tabs)/_layout.tsx
new file mode 100644
index 000000000..9810e0b32
--- /dev/null
+++ b/apps/mobile/app/(tabs)/_layout.tsx
@@ -0,0 +1,42 @@
+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'
+
+export default function TabLayout() {
+  return (
+    <Tabs>
+      <Tabs.Screen
+        name="index"
+        options={{
+          header: AssetsNavbar,
+          title: 'Home',
+          tabBarButtonTestID: 'tabHome',
+          tabBarIcon: ({ color }) => <TabBarIcon name={'wallet'} color={color} />,
+        }}
+      />
+
+      <Tabs.Screen
+        name="transactions"
+        options={{
+          title: 'Transactions',
+          headerShown: false,
+          tabBarButtonTestID: 'tabTransactions',
+          tabBarIcon: ({ color }) => <TabBarIcon name={'transactions'} color={color} />,
+        }}
+      />
+
+      <Tabs.Screen
+        name="settings"
+        options={() => {
+          return {
+            title: 'Settings',
+            headerShown: false,
+            tabBarButtonTestID: 'tabSettings',
+            tabBarIcon: ({ color }) => <TabBarIcon name={'settings'} color={color} />,
+          }
+        }}
+      />
+    </Tabs>
+  )
+}
diff --git a/apps/mobile/app/(tabs)/index.tsx b/apps/mobile/app/(tabs)/index.tsx
new file mode 100644
index 000000000..d160099bc
--- /dev/null
+++ b/apps/mobile/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/app/(tabs)/settings.tsx b/apps/mobile/app/(tabs)/settings.tsx
new file mode 100644
index 000000000..413651cba
--- /dev/null
+++ b/apps/mobile/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/app/(tabs)/transactions/(tabs)/_layout.tsx b/apps/mobile/app/(tabs)/transactions/(tabs)/_layout.tsx
new file mode 100644
index 000000000..35623ec2b
--- /dev/null
+++ b/apps/mobile/app/(tabs)/transactions/(tabs)/_layout.tsx
@@ -0,0 +1,54 @@
+import React from 'react'
+
+import {
+  MaterialTopTabNavigationEventMap,
+  MaterialTopTabNavigationOptions,
+  createMaterialTopTabNavigator,
+} from '@react-navigation/material-top-tabs'
+import { withLayoutContext } from 'expo-router'
+import { ParamListBase, TabNavigationState } from '@react-navigation/native'
+import { useTheme } from 'tamagui'
+
+const { Navigator } = createMaterialTopTabNavigator()
+
+export const MaterialTopTabs = withLayoutContext<
+  MaterialTopTabNavigationOptions,
+  typeof Navigator,
+  TabNavigationState<ParamListBase>,
+  MaterialTopTabNavigationEventMap
+>(Navigator)
+
+export default function TransactionsLayout() {
+  const theme = useTheme()
+
+  return (
+    <MaterialTopTabs
+      screenOptions={{
+        tabBarStyle: {
+          backgroundColor: 'transparent',
+          shadowColor: 'transparent',
+        },
+        tabBarItemStyle: {
+          backgroundColor: 'transparent',
+          shadowColor: 'transparent',
+          width: 100,
+          alignSelf: 'center',
+          borderBottomWidth: 0,
+        },
+        tabBarIndicatorStyle: {
+          backgroundColor: theme?.color?.get(),
+          width: 100,
+          alignItems: 'center',
+        },
+        tabBarLabelStyle: {
+          color: theme?.color?.get(),
+          fontSize: 14,
+          fontWeight: '600',
+        },
+      }}
+    >
+      <MaterialTopTabs.Screen name="index" options={{ title: 'History' }} />
+      <MaterialTopTabs.Screen name="messages" options={{ title: 'Messages' }} />
+    </MaterialTopTabs>
+  )
+}
diff --git a/apps/mobile/app/(tabs)/transactions/(tabs)/index.tsx b/apps/mobile/app/(tabs)/transactions/(tabs)/index.tsx
new file mode 100644
index 000000000..a7053dae7
--- /dev/null
+++ b/apps/mobile/app/(tabs)/transactions/(tabs)/index.tsx
@@ -0,0 +1,10 @@
+import { TxHistoryContainer } from '@/src/features/TxHistory'
+import { View } from 'react-native'
+
+export default function TransactionsScreen() {
+  return (
+    <View style={{ flex: 1 }}>
+      <TxHistoryContainer />
+    </View>
+  )
+}
diff --git a/apps/mobile/app/(tabs)/transactions/(tabs)/messages.tsx b/apps/mobile/app/(tabs)/transactions/(tabs)/messages.tsx
new file mode 100644
index 000000000..1748ff3e1
--- /dev/null
+++ b/apps/mobile/app/(tabs)/transactions/(tabs)/messages.tsx
@@ -0,0 +1,41 @@
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { formatWithSchema } from '@/src/utils/date'
+import React from 'react'
+import { ScrollView, Text, View } from 'tamagui'
+import { SafeAreaView } from 'react-native-safe-area-context'
+import { StyleSheet } from 'react-native'
+
+function Messages() {
+  return (
+    <SafeAreaView style={styles.wrapper}>
+      <ScrollView>
+        <View paddingHorizontal="$3">
+          <SafeListItem.Header title={formatWithSchema(Date.now(), 'MMM d, yyyy')} />
+          <SafeListItem
+            label={'Hello Web3Modal Eth'}
+            leftNode={
+              <View backgroundColor="$borderLightDark" padding="$2" borderRadius={100}>
+                <SafeFontIcon name="sign" color="$colorSecondary" />
+              </View>
+            }
+            rightNode={
+              <View backgroundColor="#1D3D28" paddingHorizontal={'$3'} paddingVertical={'$1'} borderRadius={25}>
+                <Text color={'$primary'}>Success</Text>
+              </View>
+            }
+          />
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    flexDirection: 'column',
+  },
+})
+
+export default Messages
diff --git a/apps/mobile/app/(tabs)/transactions/_layout.tsx b/apps/mobile/app/(tabs)/transactions/_layout.tsx
new file mode 100644
index 000000000..21fc11789
--- /dev/null
+++ b/apps/mobile/app/(tabs)/transactions/_layout.tsx
@@ -0,0 +1,32 @@
+import { Stack } from 'expo-router'
+import React from 'react'
+import type { Route } from '@react-navigation/routers'
+
+import { getFocusedRouteNameFromRoute } from '@react-navigation/native'
+
+const getHeaderTitle = (route: Partial<Route<string>>) => {
+  const routeName = getFocusedRouteNameFromRoute(route) ?? 'index'
+  const name = {
+    ['index']: 'Transactions',
+    ['messages']: 'Messages',
+  }[routeName]
+  return name || 'Transactions'
+}
+
+export default function TransactionsLayout() {
+  return (
+    <Stack
+      screenOptions={{
+        headerLargeTitle: false,
+        headerShadowVisible: false,
+      }}
+    >
+      <Stack.Screen
+        name="(tabs)"
+        options={({ route }) => ({
+          headerTitle: getHeaderTitle(route),
+        })}
+      />
+    </Stack>
+  )
+}
diff --git a/apps/mobile/app/+html.tsx b/apps/mobile/app/+html.tsx
new file mode 100644
index 000000000..3665df8e8
--- /dev/null
+++ b/apps/mobile/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/app/+not-found.tsx b/apps/mobile/app/+not-found.tsx
new file mode 100644
index 000000000..f3ff98d10
--- /dev/null
+++ b/apps/mobile/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/app/_layout.tsx b/apps/mobile/app/_layout.tsx
new file mode 100644
index 000000000..1eb06fa2d
--- /dev/null
+++ b/apps/mobile/app/_layout.tsx
@@ -0,0 +1,85 @@
+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 { HeaderBackButton } from '@react-navigation/elements'
+import { BottomSheetModalProvider } from '@gorhom/bottom-sheet'
+import { PortalProvider } from '@tamagui/portal'
+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 { install } from 'react-native-quick-crypto'
+
+install()
+
+configureReanimatedLogger({
+  level: ReanimatedLogLevel.warn,
+  strict: false,
+})
+
+function RootLayout() {
+  store.dispatch(apiSliceWithChainsConfig.endpoints.getChainsConfig.initiate())
+
+  return (
+    <GestureHandlerRootView>
+      <Provider store={store}>
+        <NotificationsProvider>
+          <PortalProvider shouldAddRootHost>
+            <BottomSheetModalProvider>
+              <PersistGate loading={null} persistor={persistor}>
+                <SafeThemeProvider>
+                  <SafeToastProvider>
+                    <Stack
+                      screenOptions={({ navigation }) => ({
+                        headerBackButtonDisplayMode: 'minimal',
+                        headerShadowVisible: false,
+                        headerLeft: (props) => (
+                          <HeaderBackButton
+                            {...props}
+                            testID={'go-back'}
+                            onPress={navigation.goBack}
+                            displayMode={'minimal'}
+                          />
+                        ),
+                      })}
+                    >
+                      <Stack.Screen
+                        name="index"
+                        options={{
+                          header: OnboardingHeader,
+                        }}
+                      />
+                      <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+                      <Stack.Screen name="pending-transactions" options={{ headerShown: true, title: '' }} />
+                      <Stack.Screen name="signers" options={{ headerShown: true, title: 'Signers' }} />
+                      <Stack.Screen name="notifications" options={{ headerShown: true, title: '' }} />
+                      <Stack.Screen name="signers/[address]" options={{ headerShown: true, title: '' }} />
+                      <Stack.Screen name="import-signers" options={{ headerShown: true, title: '' }} />
+                      <Stack.Screen name="app-settings" options={{ headerShown: true, title: 'Settings' }} />
+                      <Stack.Screen name="notifications-opt-in" options={{ headerShown: true, title: '' }} />
+                      <Stack.Screen name="+not-found" />
+                    </Stack>
+                  </SafeToastProvider>
+                </SafeThemeProvider>
+              </PersistGate>
+            </BottomSheetModalProvider>
+          </PortalProvider>
+        </NotificationsProvider>
+      </Provider>
+    </GestureHandlerRootView>
+  )
+}
+
+let AppEntryPoint = RootLayout
+
+if (isStorybookEnv) {
+  AppEntryPoint = require('../.storybook').default
+}
+
+export default AppEntryPoint
diff --git a/apps/mobile/app/app-settings.tsx b/apps/mobile/app/app-settings.tsx
new file mode 100644
index 000000000..9a34c18c1
--- /dev/null
+++ b/apps/mobile/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/app/import-signers.tsx b/apps/mobile/app/import-signers.tsx
new file mode 100644
index 000000000..ac3328d98
--- /dev/null
+++ b/apps/mobile/app/import-signers.tsx
@@ -0,0 +1,66 @@
+import { SectionTitle } from '@/src/components/Title'
+import React from 'react'
+import { ScrollView } from 'react-native-gesture-handler'
+import Seed from '@/assets/images/seed.png'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { useScrollableHeader } from '@/src/navigation/useScrollableHeader'
+import { NavBarTitle } from '@/src/components/Title'
+import { SafeAreaView } from 'react-native-safe-area-context'
+import { SafeCard } from '@/src/components/SafeCard'
+
+/**
+ * TODO: Add the images for each items
+ * waiting for the design to exprot - figma is crazy
+ */
+const items = [
+  {
+    name: 'seed',
+    title: 'Import seed phrase or a private key',
+    description: 'Enter a private key or a 12-24 word seed phrase.',
+    icon: <SafeFontIcon name="wallet" size={16} />,
+    Image: Seed,
+  },
+  {
+    name: 'connectSigner',
+    title: 'Connect signer',
+    description: 'Connect any signer via one of your installed wallet apps.',
+    icon: <SafeFontIcon name="add-owner" size={16} />,
+    Image: Seed,
+  },
+  {
+    name: 'hardwareSigner',
+    title: 'Import hardware signer',
+    description: 'Use your Ledger or Keystone device.',
+    icon: <SafeFontIcon name="hardware" size={16} />,
+    Image: Seed,
+  },
+]
+
+function ImportSignersPage() {
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle paddingRight={5}>Import Signers</NavBarTitle>,
+  })
+
+  return (
+    <SafeAreaView edges={['bottom']}>
+      <ScrollView onScroll={handleScroll}>
+        <SectionTitle
+          title="Import Signers"
+          description="Select how you'd like to import your signer. Ensure it belongs to this Safe account so you can interact with it seamlessly."
+        />
+
+        {items.map((item, index) => (
+          <SafeCard
+            key={`${item.name}-${index}`}
+            title={item.title}
+            description={item.description}
+            icon={item.icon}
+            image={item.Image}
+          />
+        ))}
+      </ScrollView>
+    </SafeAreaView>
+  )
+}
+
+export default ImportSignersPage
diff --git a/apps/mobile/app/index.tsx b/apps/mobile/app/index.tsx
new file mode 100644
index 000000000..5d869fe8b
--- /dev/null
+++ b/apps/mobile/app/index.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/app/notifications-opt-in.tsx b/apps/mobile/app/notifications-opt-in.tsx
new file mode 100644
index 000000000..2705831eb
--- /dev/null
+++ b/apps/mobile/app/notifications-opt-in.tsx
@@ -0,0 +1,41 @@
+import React from 'react'
+import { useColorScheme } from 'react-native'
+import { OptIn } from '@/src/components/OptIn'
+import useNotifications from '@/src/hooks/useNotifications'
+import { router, useFocusEffect } from 'expo-router'
+
+function NotificationsOptIn() {
+  const { enableNotifications, isAppNotificationEnabled } = useNotifications()
+  const colorScheme = useColorScheme()
+
+  useFocusEffect(() => {
+    if (isAppNotificationEnabled) {
+      router.replace('/(tabs)')
+    }
+  })
+
+  const image =
+    colorScheme === 'dark'
+      ? require('@/assets/images/notifications-dark.png')
+      : require('@/assets/images/notifications-light.png')
+
+  return (
+    <OptIn
+      testID="notifications-opt-in"
+      title="Stay in the loop with account activity"
+      description="Get notified when you receive assets, and when transactions require your action."
+      image={image}
+      isVisible
+      ctaButton={{
+        onPress: enableNotifications,
+        label: 'Enable notifications',
+      }}
+      secondaryButton={{
+        onPress: () => router.back(),
+        label: 'Maybe later',
+      }}
+    />
+  )
+}
+
+export default NotificationsOptIn
diff --git a/apps/mobile/app/notifications.tsx b/apps/mobile/app/notifications.tsx
new file mode 100644
index 000000000..40f5da171
--- /dev/null
+++ b/apps/mobile/app/notifications.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { NotificationsContainer } from '@/src/features/Notifications'
+
+function NotificationsScreen() {
+  return <NotificationsContainer />
+}
+
+export default NotificationsScreen
diff --git a/apps/mobile/app/pending-transactions.tsx b/apps/mobile/app/pending-transactions.tsx
new file mode 100644
index 000000000..3c15b4c08
--- /dev/null
+++ b/apps/mobile/app/pending-transactions.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { View } from 'tamagui'
+
+import { PendingTxContainer } from '@/src/features/PendingTx'
+
+function PendingScreen() {
+  return (
+    <View paddingHorizontal={'$3'}>
+      <PendingTxContainer />
+    </View>
+  )
+}
+
+export default PendingScreen
diff --git a/apps/mobile/app/signers/[address]/index.tsx b/apps/mobile/app/signers/[address]/index.tsx
new file mode 100644
index 000000000..9d82b0e22
--- /dev/null
+++ b/apps/mobile/app/signers/[address]/index.tsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+
+function SignerDetailsPage() {
+  return (
+    <View>
+      <Text>Signer Details</Text>
+    </View>
+  )
+}
+
+export default SignerDetailsPage
diff --git a/apps/mobile/app/signers/index.tsx b/apps/mobile/app/signers/index.tsx
new file mode 100644
index 000000000..6763bcd3d
--- /dev/null
+++ b/apps/mobile/app/signers/index.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { SignersContainer } from '@/src/features/Signers'
+import { SafeAreaView } from 'react-native-safe-area-context'
+
+function SignersScreen() {
+  return (
+    <SafeAreaView edges={['bottom']}>
+      <SignersContainer />
+    </SafeAreaView>
+  )
+}
+
+export default SignersScreen
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/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..8a4a0963f
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..21e2ab77d
--- /dev/null
+++ b/apps/mobile/assets/fonts/safe-icons/selection.json
@@ -0,0 +1,2451 @@
+{
+  "IcoMoonType": "selection",
+  "icons": [
+    {
+      "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": { "11611631671181918125521401255951141": [{ "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 121, "id": 103, "name": "block", "prevSize": 32, "code": 59648 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 0
+    },
+    {
+      "icon": {
+        "paths": [
+          "M511.949 341.432c23.552 0 42.667 19.072 42.667 42.667v170.666c0 23.552-19.115 42.667-42.667 42.667-23.595 0-42.667-19.115-42.667-42.667v-170.666c0-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.349c-21.419 0-42.837 10.667-54.741 32.085l-406.612 728.62c-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.62c-11.947-21.419-33.365-32.085-54.784-32.085zM511.991 194.32l367.957 659.372h-735.871l367.914-659.372z"
+        ],
+        "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": { "11611631671181918125521401255951141": [{ "f": 4 }, { "f": 4 }, { "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 120, "id": 102, "name": "alert-triangle", "prevSize": 32, "code": 59649 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 1
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{ "f": 4 }, { "f": 4 }, { "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 119, "id": 101, "name": "alert", "prevSize": 32, "code": 59650 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 2
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 118, "id": 100, "name": "info", "prevSize": 32, "code": 59651 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 3
+    },
+    {
+      "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.829 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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 117, "id": 99, "name": "question", "prevSize": 32, "code": 59652 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 4
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 116, "id": 98, "name": "points", "prevSize": 32, "code": 59653 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 5
+    },
+    {
+      "icon": {
+        "paths": [
+          "M307.199 163.142c0-6.317 5.093-11.438 11.377-11.438h79.646c6.284 0 11.378 5.121 11.378 11.438v80.066c0 6.317-5.093 11.438-11.378 11.438h-91.023v-91.504z",
+          "M204.801 266.083c0-6.317 5.094-11.438 11.378-11.438h91.022v91.504c0 6.317-5.094 11.438-11.378 11.438h-91.022v-91.504z",
+          "M102.4 369.025c0-6.317 5.094-11.438 11.378-11.438h91.022v91.504c0 6.317-5.094 11.438-11.378 11.438h-91.022v-91.504z",
+          "M0 471.967c0-6.317 5.094-11.438 11.378-11.438h91.022v102.94h-91.022c-6.284 0-11.378-5.12-11.378-11.435v-80.068z",
+          "M102.4 563.469h91.022c6.284 0 11.378 5.124 11.378 11.438v91.504h-91.022c-6.284 0-11.378-5.12-11.378-11.438v-91.504z",
+          "M204.801 666.412h91.022c6.284 0 11.378 5.124 11.378 11.438v91.504h-91.022c-6.284 0-11.378-5.12-11.378-11.438v-91.504z",
+          "M307.199 769.354h91.023c6.284 0 11.378 5.12 11.378 11.438v80.065c0 6.318-5.093 11.438-11.378 11.438h-79.646c-6.284 0-11.377-5.12-11.377-11.438v-91.504z",
+          "M716.8 163.142c0-6.317-5.093-11.438-11.378-11.438h-79.644c-6.284 0-11.378 5.121-11.378 11.438v80.066c0 6.317 5.093 11.438 11.378 11.438h91.022v-91.504z",
+          "M819.2 266.083c0-6.317-5.093-11.438-11.378-11.438h-91.022v91.504c0 6.317 5.093 11.438 11.378 11.438h91.022v-91.504z",
+          "M921.6 369.025c0-6.317-5.093-11.438-11.378-11.438h-91.022v91.504c0 6.317 5.093 11.438 11.378 11.438h91.022v-91.504z",
+          "M1024 471.967c0-6.317-5.093-11.438-11.378-11.438h-91.022v102.94h91.022c6.284 0 11.378-5.12 11.378-11.435v-80.068z",
+          "M921.6 563.469h-91.022c-6.284 0-11.378 5.124-11.378 11.438v91.504h91.022c6.284 0 11.378-5.12 11.378-11.438v-91.504z",
+          "M819.2 666.412h-91.022c-6.284 0-11.378 5.124-11.378 11.438v91.504h91.022c6.284 0 11.378-5.12 11.378-11.438v-91.504z",
+          "M716.8 769.354h-91.022c-6.284 0-11.378 5.12-11.378 11.438v80.065c0 6.318 5.093 11.438 11.378 11.438h79.644c6.284 0 11.378-5.12 11.378-11.438v-91.504z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["code-blocks"],
+        "colorPermutations": {
+          "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]
+        }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 115, "id": 97, "name": "code-blocks", "prevSize": 32, "code": 59654 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 6
+    },
+    {
+      "icon": {
+        "paths": [
+          "M313.544 7.455l-0.002 0.002 2.236 2.012-0.002 0.002 92.821 88.767-95.054-90.783zM313.544 7.455l-0.114-0.096M313.544 7.455l-0.114-0.096M313.43 7.358c-9.616-8.124-21.647-12.158-33.609-12.158M313.43 7.358l-33.609-12.158M443.789 580.65l-191.421-183.062c-36.396-34.806-43.486-87.131-21.158-128.769l-0.106-0.097-0.079-0.073 0.001-0.001-92.82-88.777c-19.335-18.479-19.99-48.173-1.927-67.423l0.089-0.095 0.001 0.001 1.834-1.851 0.001 0.001 105.658-101.033 199.927 571.178zM443.789 580.65l-188.309 180.16c-61.842 62.166-60.854 160.595 2.94 221.603l0.001 0.003c32.357 30.931 74.734 46.384 117.054 46.384s84.707-15.453 117.053-46.387l362.618-346.848c61.84-62.166 60.854-160.589-2.941-221.597l-0.045-0.042-2.832-2.643-0.096-0.083-2.723-2.41c-2.022-2.138-4.115-4.24-6.269-6.301v0l-299.792-286.601c-22.122-19.726-50.352-29.554-78.528-29.554-18.176 0-36.368 4.088-52.922 12.287l34.79 482.028zM279.821-4.8c-12.97 0-25.998 4.735-35.956 14.27l35.956-14.27zM813.021 452.032v0c20.765 19.859 32.147 46.186 32.147 74.176 0 27.987-11.382 54.33-32.147 74.186l-362.298 346.403c-0.010 0.010-0.019 0.019-0.032 0.029-20.448 18.304-46.992 28.365-75.219 28.365-29.466 0-57.112-10.966-77.883-30.829-20.764-19.869-32.146-46.198-32.146-74.198 0-27.987 11.382-54.317 32.146-74.173l362.299-346.397c0.010-0.010 0.019-0.019 0.029-0.029 20.442-18.31 46.995-28.371 75.219-28.371 29.469 0 57.114 10.963 77.885 30.838zM504.246 156.711l0.003 0.002 220.826 211.163c-38.912 2.253-77.2 17.6-106.995 46.093 0 0 0 0 0 0l-134.816 128.915-193.652-185.283c-21.24-22.288-20.61-56.896 1.922-78.454l7.348-7.003c1.403-1.084 2.76-2.249 4.063-3.495h0l107.535-102.936 0.176-0.2 1.533-1.728 7.341-7.033 2.246-2.046c11.005-9.527 25.12-14.76 40.141-14.76 16.038 0 31.050 5.969 42.33 16.766zM181.005 145.102l98.797-94.513 85.788 82.206-98.808 94.493-85.777-82.186zM730.474 460.125c-39.981 0-72.758 31.046-72.758 69.792s32.778 69.792 72.758 69.792c39.981 0 72.771-31.043 72.771-69.792s-32.79-69.792-72.771-69.792zM730.474 513.731c9.68 0 17.152 7.45 17.152 16.182s-7.472 16.182-17.152 16.182c-9.67 0-17.139-7.443-17.139-16.182s7.469-16.182 17.139-16.182z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["hardware"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 122, "id": 96, "name": "hardware", "prevSize": 32, "code": 59655 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 7
+    },
+    {
+      "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.159 663.104c10.3 4.791 21.722 12.48 33.822 22.43 24.188 19.895 49.515 47.535 72.013 74.854 22.426 27.23 41.673 53.692 53.705 70.938 3.029 4.343 5.589 8.085 7.616 11.085-2.453 13.982-7.778 33.455-16.516 50.833-9.954 19.81-22.771 33.886-37.935 37.675-3.942 0.99-11.093 1.105-21.717-0.516-10.291-1.57-22.665-4.582-36.395-8.819-27.435-8.474-59.332-21.559-89.135-36.676-29.907-15.172-57.022-32.051-75.281-47.893-9.178-7.966-15.484-15.13-18.953-21.141-3.481-6.029-3.189-9.178-2.654-10.65l0.182-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 67.999-57.975 6.148-1.024 14.315 0.358 24.73 5.201zM635.755 804.851c-12.066-16.841-28.339-38.622-46.729-60.958-22.912-27.819-49.476-56.939-75.563-78.4-13.039-10.722-26.351-19.861-39.36-25.916-12.902-6.003-26.624-9.485-39.94-7.266-36.951 6.157-65.543 37.483-85.74 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.935 15.697 64.198 29.367 93.22 38.332 14.502 4.476 28.186 7.851 40.132 9.677 11.618 1.775 22.899 2.3 31.927 0.038 26.355-6.588 43.81-29.274 54.827-51.196 8.708-17.318 14.374-36.066 17.566-51.166 0.597-0.294 1.165-0.623 1.69-0.981 2.321-3.465 3.494-9.173 3.345-10.859-0.149-0.789-0.474-1.997-0.623-2.428-0.26-0.717-0.529-1.259-0.597-1.399-0.115-0.23-0.218-0.418-0.282-0.533-0.124-0.23-0.247-0.435-0.329-0.572-0.307-0.525-0.755-1.225-1.242-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.212c5.696 0 10.257 2.697 13.026 4.71 3.042 2.214 5.841 5.026 8.294 7.829 4.932 5.636 9.822 12.809 14.007 19.507 4.245 6.788 8.034 13.525 10.743 18.534 1.361 2.513 2.466 4.612 3.23 6.093l0.892 1.732 0.239 0.474 0.064 0.132 0.021 0.038 2.91 5.82-2.901 5.803c-11.085 22.165-30.345 55.407-52.335 83.315-10.982 13.935-22.98 26.97-35.311 36.638-12.066 9.463-26.044 16.956-40.725 16.956-9.199 0-18.897-3.081-28.194-7.428-9.476-4.425-19.511-10.628-29.649-17.916-20.288-14.583-41.967-34.214-61.794-54.865-19.836-20.663-38.148-42.697-51.601-62.242-6.716-9.762-12.382-19.136-16.422-27.58-3.861-8.068-6.946-16.717-6.946-24.576v-12.975h272.452zM851.46 658.078l11.593-5.815c0 0 0.009 0.017-11.593 5.815z",
+          "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.362-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.933 307.786l-103.795 168.66c-10.377 16.866-4.322 41.626 0 51.895h207.586l25.946-51.895c0-103.791-86.494-155.686-129.737-168.66z",
+          "M612.109 292.494l9.549 2.865c45.683 13.705 138.987 68.914 138.987 181.087v3.063l-30.903 61.807h-224.218l-3.341-7.94c-2.645-6.285-5.615-16.393-6.49-27.486-0.866-10.961 0.183-24.525 7.398-36.245l109.018-177.151zM623.548 323.414l-98.359 159.833c-3.166 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.532-86.647-69.111-133.952-111.121-150.024z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["keystone"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 123, "id": 95, "name": "keystone", "prevSize": 32, "code": 59656 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 8
+    },
+    {
+      "icon": {
+        "paths": [
+          "M0 383.312h233.335v225.015h-233.335v-225.015z",
+          "M404.647 772.372h233.336v225.014h-233.336v-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.647 0h508.866c68.751 0 124.488 55.735 124.488 124.489v483.87h-633.353v-608.358z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["ledger"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 124, "id": 94, "name": "ledger", "prevSize": 32, "code": 59657 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 9
+    },
+    {
+      "icon": {
+        "paths": [
+          "M992.614 100.156c4.012-23.876 4.003-23.877 3.994-23.878l17.813 2.798 2.895 17.217c0-0.009 0-0.017-24.702 3.863z",
+          "M6.683 96.311l-0.014 0.085-0.032 0.194-0.106 0.661-0.364 2.385c-0.303 2.051-0.719 5.011-1.192 8.786-0.946 7.549-2.125 18.376-3.098 31.74-1.942 26.684-3.079 63.708 0.178 105.067 6.437 81.744 30.398 185.086 104.557 256.765 55.461 53.606 129.141 79.951 197.454 92.463 55.22 10.114 108.439 11.469 148.772 10.175v288c0 30.32 25.431 54.9 56.803 54.9s56.804-24.581 56.804-54.9v-288.126c39.913 1.517 93.496 0.545 149.397-9.281 69.483-12.214 144.984-38.54 201.537-93.203 74.166-71.687 98.127-175.040 104.569-256.793 3.254-41.364 2.118-78.392 0.177-105.079-0.973-13.366-2.155-24.194-3.1-31.743-0.475-3.776-0.889-6.736-1.192-8.787l-0.363-2.385-0.107-0.661-0.033-0.194-0.014-0.085-24.702 3.863 3.994-23.878-0.968-0.147-2.472-0.352c-2.122-0.293-5.185-0.695-9.090-1.152-7.81-0.915-19.014-2.054-32.842-2.995-27.611-1.878-65.918-2.977-108.712 0.172-84.582 6.222-191.511 29.385-265.677 101.072-28.416 27.462-49.413 59.537-64.875 93.124-15.458-33.584-36.454-65.657-64.865-93.117-74.159-71.679-181.076-94.839-265.647-101.060-42.79-3.148-81.095-2.049-108.702-0.172-13.826 0.94-25.028 2.080-32.838 2.994-3.906 0.457-6.968 0.859-9.090 1.152l-2.468 0.352-0.684 0.102-0.2 0.031-0.088 0.014 3.995 23.878c-4.011-23.855-4.004-23.877-3.995-23.878l-17.813 2.798-2.895 17.217c0.001-0.009 0.022-0.013 24.703 3.863l-24.703-3.863zM851.144 181.295c21.267-1.564 41.365-1.884 59.127-1.55 0.344 17.168 0.014 36.593-1.606 57.149-5.739 72.92-26.382 143.758-71.619 187.481s-118.523 63.677-193.969 69.227c-21.267 1.564-41.365 1.884-59.127 1.55-0.344-17.169-0.014-36.593 1.606-57.149 5.739-72.92 26.387-143.758 71.619-187.481 45.238-43.724 118.528-63.677 193.969-69.227zM115.333 236.894c-1.618-20.549-1.948-39.968-1.603-57.132 17.758-0.334 37.848-0.014 59.109 1.55 75.433 5.549 148.709 25.499 193.938 69.215s65.869 114.542 71.61 187.453c1.618 20.549 1.948 39.968 1.604 57.132-17.758 0.334-37.848 0.014-59.109-1.55-75.433-5.549-148.709-25.499-193.938-69.215s-65.869-114.542-71.61-187.453z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["seed"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 114, "id": 93, "name": "seed", "prevSize": 32, "code": 59658 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 10
+    },
+    {
+      "icon": {
+        "paths": [
+          "M677.197 309.028l142.349-142.351M900.89 85.333v0zM510.033 476.19c21.001 20.719 37.696 45.389 49.122 72.589s17.361 56.393 17.459 85.892c0.098 29.504-5.636 58.735-16.883 86.007-11.243 27.277-27.772 52.058-48.631 72.917-20.864 20.864-45.645 37.393-72.922 48.636-27.273 11.243-56.503 16.981-86.005 16.883s-58.693-6.033-85.893-17.459c-27.199-11.426-51.869-28.122-72.591-49.122-40.748-42.189-63.295-98.692-62.785-157.346s24.035-114.756 65.51-156.233c41.475-41.476 97.58-65.001 156.232-65.51s115.159 22.037 157.348 62.784l0.038-0.038zM510.033 476.19v0zM677.197 309.028l122.014 122.016 142.353-142.352-122.018-122.016-142.349 142.351z"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["key"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 141, "id": 92, "name": "key", "prevSize": 32, "code": 59659 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 11
+    },
+    {
+      "icon": {
+        "paths": [
+          "M814.289 306.612c-166.95-163.458-437.63-163.458-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.673zM1017.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.039-5.47 2.039-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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 112, "id": 91, "name": "dapp-logo", "prevSize": 32, "code": 59660 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 12
+    },
+    {
+      "icon": {
+        "paths": [
+          "M285.865 780.378c16.64 16.64 43.52 16.64 60.16 0l165.975-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.959-8.636-7.095-13.798-9.237s-10.697-3.243-16.282-3.243c-5.589 0-11.123 1.101-16.286 3.243-5.158 2.142-9.847 5.278-13.794 9.237l-195.841 195.413c-16.64 16.64-16.64 43.52 0 60.16z",
+          "M285.865 499.2c16.64 16.64 43.52 16.64 60.16 0l165.975-165.121 165.547 165.548c16.64 16.64 43.52 16.64 60.16 0s16.64-43.52 0-60.16l-195.84-195.841c-3.947-3.956-8.636-7.095-13.798-9.236s-10.697-3.244-16.282-3.244c-5.589 0-11.123 1.102-16.286 3.244-5.158 2.141-9.847 5.28-13.794 9.236l-195.841 195.415c-16.64 16.64-16.64 43.52 0 60.16z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["double-arrow"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 111, "id": 90, "name": "double-arrow", "prevSize": 32, "code": 59661 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 13
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 110, "id": 89, "name": "arrow-sort", "prevSize": 32, "code": 59662 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 14
+    },
+    {
+      "icon": {
+        "paths": [
+          "M438.907 768.411c40.424 37.378 105.859 37.378 146.186 0l408.412-377.63c65.145-60.235 19-163.226-73.093-163.226l-816.824 0.090c-92.093 0-138.238 102.991-73.093 163.136l408.412 377.63z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["dropdown-arrow-small"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 109, "id": 88, "name": "dropdown-arrow-small", "prevSize": 32, "code": 59663 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 15
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 108, "id": 87, "name": "options-vertical", "prevSize": 32, "code": 59664 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 16
+    },
+    {
+      "icon": {
+        "paths": [
+          "M879.596 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.002 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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 107, "id": 86, "name": "options-horizontal", "prevSize": 32, "code": 59665 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 17
+    },
+    {
+      "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",
+          "M450.999 682.667v0c-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.997"
+        ],
+        "attrs": [
+          {},
+          {},
+          {
+            "fill": "none",
+            "stroke": "rgb(0, 0, 0)",
+            "strokeLinejoin": "miter",
+            "strokeLinecap": "butt",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 21.333333333333332
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": true,
+        "grid": 0,
+        "tags": ["check-oulined"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, { "s": 0 }] }
+      },
+      "attrs": [
+        {},
+        {},
+        {
+          "fill": "none",
+          "stroke": "rgb(0, 0, 0)",
+          "strokeLinejoin": "miter",
+          "strokeLinecap": "butt",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 21.333333333333332
+        }
+      ],
+      "properties": { "order": 131, "id": 85, "name": "check-oulined", "prevSize": 32, "code": 59666 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 18
+    },
+    {
+      "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",
+          "M422.393 725.333v0c-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.93"
+        ],
+        "attrs": [
+          {},
+          {
+            "fill": "none",
+            "stroke": "rgb(0, 0, 0)",
+            "strokeLinejoin": "miter",
+            "strokeLinecap": "butt",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": true,
+        "grid": 0,
+        "tags": ["check"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, { "s": 0 }] }
+      },
+      "attrs": [
+        {},
+        {
+          "fill": "none",
+          "stroke": "rgb(0, 0, 0)",
+          "strokeLinejoin": "miter",
+          "strokeLinecap": "butt",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 132, "id": 84, "name": "check", "prevSize": 32, "code": 59667 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 19
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 104, "id": 83, "name": "check-filled", "prevSize": 32, "code": 59668 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 20
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 103, "id": 82, "name": "arrow-down-1", "prevSize": 32, "code": 59669 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 21
+    },
+    {
+      "icon": {
+        "paths": [
+          "M760.567 390.761c9.911 9.014 9.911 23.629 0 32.643l-230.63 209.834c-9.907 9.015-25.967 9.015-35.874 0l-230.633-209.834c-9.907-9.014-9.907-23.629 0-32.643s25.97-9.014 35.878 0l212.692 193.513 212.693-193.513c9.907-9.014 25.967-9.014 35.874 0z"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-down"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 135, "id": 81, "name": "arrow-down", "prevSize": 32, "code": 59670 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 22
+    },
+    {
+      "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.011 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"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-up"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 136, "id": 80, "name": "arrow-up", "prevSize": 32, "code": 59671 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 23
+    },
+    {
+      "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"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-left"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 138, "id": 79, "name": "arrow-left", "prevSize": 32, "code": 59672 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 24
+    },
+    {
+      "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"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-right"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 137, "id": 78, "name": "arrow-right", "prevSize": 32, "code": 59673 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 25
+    },
+    {
+      "icon": {
+        "paths": [
+          "M873.997 602.462l-271.27 271.339c-7.027 7.040-15.373 12.621-24.555 16.431-9.186 3.81-19.034 5.769-28.979 5.769-9.941 0-19.789-1.958-28.975-5.769s-17.532-9.391-24.559-16.431l-324.992-324.698v-378.436h378.338l324.992 325.077c14.093 14.182 22.003 33.365 22.003 53.359 0 19.998-7.91 39.181-22.003 53.359z",
+          "M341.333 341.333h0.427"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "stroke": "rgb(161, 163, 167)",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "stroke": "rgb(161, 163, 167)",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["tag"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 3 }, { "s": 3 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "stroke": "rgb(161, 163, 167)",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "stroke": "rgb(161, 163, 167)",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 139, "id": 77, "name": "tag", "prevSize": 32, "code": 59674 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 26
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 100, "id": 76, "name": "camera", "prevSize": 32, "code": 59675 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 27
+    },
+    {
+      "icon": {
+        "paths": [
+          "M298.667 512.004c0-47.125 38.205-85.333 85.333-85.333 47.13 0 85.333 38.208 85.333 85.333 0 47.13-38.204 85.333-85.333 85.333-47.128 0-85.333-38.204-85.333-85.333z",
+          "M554.667 512.004c0-47.125 38.204-85.333 85.333-85.333s85.333 38.208 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.333 0 47.125-38.204 85.333-85.333 85.333-47.128 0-85.333-38.208-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.125-38.204 85.333-85.333 85.333s-85.333-38.208-85.333-85.333z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["element-drag"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 99, "id": 75, "name": "element-drag", "prevSize": 32, "code": 59676 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 28
+    },
+    {
+      "icon": {
+        "paths": [
+          "M832.499 512.32c0-176.555-143.543-320.181-320-320.32v-128c239.906 0.135 436.343 189.779 447.501 427.012v-1.557c0.38 7.573 0.576 15.198 0.576 22.865s-0.196 15.287-0.576 22.865v-1.557c-10.807 229.734-195.362 414.784-424.892 426.372h0.013c-0.905 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.457-0.141 320-143.765 320-320.256zM512.243 960.576c-7.612 0-15.181-0.192-22.703-0.567-0.055-0.004-0.111-0.004-0.166-0.009h0.013c-229.529-11.588-414.085-196.638-424.889-426.372v1.557c-0.383-7.578-0.576-15.198-0.576-22.865s0.193-15.292 0.576-22.865v1.557c11.156-237.233 207.59-426.877 447.502-427.012v896h0.499z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-partial-fill"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 98, "id": 74, "name": "transaction-partial-fill", "prevSize": 32, "code": 59677 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 29
+    },
+    {
+      "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": [
+          { "fill": "rgb(0, 0, 0)" },
+          { "fill": "rgb(0, 0, 0)" },
+          { "fill": "rgb(0, 0, 0)" },
+          { "fill": "rgb(18, 19, 18)" },
+          { "fill": "rgb(18, 19, 18)" },
+          { "fill": "rgb(18, 19, 18)" }
+        ],
+        "isMulticolor": true,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["rows-2"],
+        "colorPermutations": {
+          "11611631671181918125521401255951141": [
+            { "f": 0 },
+            { "f": 0 },
+            { "f": 0 },
+            { "f": 1 },
+            { "f": 1 },
+            { "f": 1 }
+          ]
+        }
+      },
+      "attrs": [
+        { "fill": "rgb(0, 0, 0)" },
+        { "fill": "rgb(0, 0, 0)" },
+        { "fill": "rgb(0, 0, 0)" },
+        { "fill": "rgb(18, 19, 18)" },
+        { "fill": "rgb(18, 19, 18)" },
+        { "fill": "rgb(18, 19, 18)" }
+      ],
+      "properties": {
+        "order": 97,
+        "id": 73,
+        "name": "rows-2",
+        "prevSize": 32,
+        "code": 59678,
+        "codes": [59678, 59679, 59680, 59681, 59682, 59683]
+      },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 30
+    },
+    {
+      "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.74 438.434c-17.204-16.102-44.204-15.21-60.307 1.993s-15.21 44.207 1.993 60.309l176.683 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.159-136.806z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check-notifications"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 96, "id": 72, "name": "check-notifications", "prevSize": 32, "code": 59684 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 31
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 95, "id": 71, "name": "qr-code-1", "prevSize": 32, "code": 59685 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 32
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}],
+      "properties": { "order": 94, "id": 70, "name": "scan-1", "prevSize": 32, "code": 59686 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 33
+    },
+    {
+      "icon": {
+        "paths": [
+          "M840.107 597.333c8.576-27.639 13.035-56.393 13.227-85.333v-298.667l-341.333-128-134.828 50.347",
+          "M201.813 201.812l-31.147 11.52v298.668c0 256 341.333 426.667 341.333 426.667 90.325-47.663 171.507-110.929 239.787-186.88",
+          "M42.667 42.667l938.667 938.667"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["shield-crossed"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }, { "s": 0 }, { "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 133, "id": 69, "name": "shield-crossed", "prevSize": 32, "code": 59687 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 34
+    },
+    {
+      "icon": {
+        "paths": [
+          "M498.129 935.945c9.698 3.639 20.386 3.631 30.076-0.030 168.346-63.599 275.204-151.066 328.93-250.807 10.091-18.052 17.984-38.097 24.009-59.78 6.959-25.050 11.2-51.371 13.321-78.067 1.434-18.014 1.745-33.506 1.455-47.334-0.068-2.987-0.068-2.987-0.073-2.688v-272c0-24.709-20.919-44.251-45.572-42.567-21.329 1.457-32.043 1.991-43.9 1.991-111.714 0-203.981-39.909-267.994-90.209-16.474-12.945-39.906-12.014-55.3 2.196-0.922 0.847-2.022 1.75-3.686 3.001-1.28 0.966-2.85 2.105-7.014 5.123-17.788 11.879-28.122 18.392-43.648 26.725-3.437 1.846-6.883 3.627-10.339 5.341-60.663 29.792-126.433 47.823-200.646 47.823-11.919 0-22.554-0.53-43.941-1.991-24.651-1.684-45.574 17.859-45.574 42.567v269.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.268 201.937zM782.524 643.695l-0.38 0.687c-41.929 78.042-127.91 149.965-269.060 205.888-112.85-44.476-195.069-101.325-245.661-168.384-8.823-11.2-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.389-4.13-60.429l0.086-228.169c1.385 0.012 2.78 0.017 4.198 0.017 88.57 0 166.714-21.424 238.411-56.636 4.442-2.202 8.7-4.403 12.932-6.676 15.774-8.467 26.914-15.258 42.914-25.824 75.383 51.486 175.313 89.135 294.37 89.135 1.399 0 2.773-0.006 4.139-0.017v227.26c0.038 2.308 0.038 2.308 0.094 4.467 0.23 11.183-0.026 23.915-1.207 38.793-1.719 21.615-5.111 42.675-10.475 61.986-4.331 15.59-9.809 29.461-16.401 41.212z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["shield"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 92, "id": 68, "name": "shield", "prevSize": 32, "code": 59688 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 35
+    },
+    {
+      "icon": {
+        "paths": [
+          "M383.875 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.186-72.832v-189.908c0-23.595 19.072-42.667 42.667-42.667s42.667 19.072 42.667 42.667v212.735c0 14.251-7.125 27.605-18.987 35.499l-128.172 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 91, "id": 67, "name": "clock", "prevSize": 32, "code": 59689 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 36
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 90, "id": 66, "name": "update", "prevSize": 32, "code": 59690 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 37
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 89, "id": 65, "name": "repeat", "prevSize": 32, "code": 59691 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 38
+    },
+    {
+      "icon": {
+        "paths": [
+          "M554.688 664.913v-536.873c0-23.595-19.115-42.667-42.667-42.667-23.595 0-42.667 19.072-42.667 42.667v536.873l-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.366 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 88, "id": 64, "name": "download", "prevSize": 32, "code": 59692 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 39
+    },
+    {
+      "icon": {
+        "paths": [
+          "M469.308 359.086v536.876c0 23.595 19.115 42.667 42.667 42.667 23.595 0 42.667-19.072 42.667-42.667v-536.876l175.872 175.83c16.683 16.683 43.691 16.683 60.331 0 16.683-16.683 16.683-43.648 0-60.331l-241.365-241.366c-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.366 241.366c-16.683 16.683-16.683 43.648 0 60.331 16.64 16.683 43.648 16.683 60.331 0l175.83-175.83z",
+          "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 87, "id": 63, "name": "upload", "prevSize": 32, "code": 59693 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 40
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 86, "id": 62, "name": "qr-code", "prevSize": 32, "code": 59694 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 41
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}],
+      "properties": { "order": 85, "id": 61, "name": "scan", "prevSize": 32, "code": 59695 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 42
+    },
+    {
+      "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.047 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.047-195.046-195.047zM512.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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 84, "id": 60, "name": "eye-n", "prevSize": 32, "code": 59696 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 43
+    },
+    {
+      "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.497c2.449-0.175 4.762-0.743 7.296-0.743 49.045 0 88.934 39.235 88.934 87.389 0 2.492-0.58 4.762-0.802 7.121l70.882 69.649c11.695-23.245 18.854-49.067 18.854-76.77 0-96.521-79.642-174.778-177.869-174.778-28.194 0-54.473 7.078-78.131 18.483l70.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.835 77.398-108.105l102.603 100.817c-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.861 73.831 189.001 256.039 322.842 469.364 322.842 45.295 0 88.947-6.643 130.624-17.941l76.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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 83, "id": 59, "name": "eye-off", "prevSize": 32, "code": 59697 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 44
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 82, "id": 58, "name": "unlock", "prevSize": 32, "code": 59698 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 45
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 81, "id": 57, "name": "lock", "prevSize": 32, "code": 59699 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 46
+    },
+    {
+      "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.812-0.213-187.308-52.395-236.247-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.761 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.090 170.653c28.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.378 0-75.99-61.824-137.814-137.813-137.814-75.947 0-137.771 61.824-137.771 137.814 0 45.312 22.272 85.291 56.149 110.378-16.939 7.168-33.195 15.957-48.213 27.264-28.203-45.654-67.328-79.958-112.299-98.987 33.877-25.131 56.192-65.109 56.192-110.421 0-75.947-61.865-137.813-137.812-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.769 38.016 133.161 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 80, "id": 56, "name": "replace-owner", "prevSize": 32, "code": 59700 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 47
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.132 170.667c70.571 0 128 57.387 128 128 0 70.571-57.429 128-128 128s-127.998-57.429-127.998-128c0-70.613 57.428-128 127.998-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.333-117.63 0-213.332 95.701-213.332 213.333 0 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.038-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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 79, "id": 55, "name": "edit-owner", "prevSize": 32, "code": 59701 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 48
+    },
+    {
+      "icon": {
+        "paths": [
+          "M555.115 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.947 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.624 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 78, "id": 54, "name": "add-owner", "prevSize": 32, "code": 59702 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 49
+    },
+    {
+      "icon": {
+        "paths": [
+          "M979.541 884.314c-65.873-225.809-162.812-360.751-316.979-401.515 63.13-37.052 105.519-105.64 105.519-184.123 0-117.815-95.518-213.333-213.333-213.333-117.845 0-213.334 95.505-213.334 213.333 0 78.872 42.786 147.741 106.424 184.661-72.535 19.913-133.866 61.282-184.672 122.799-15.005 18.172-12.44 45.065 5.728 60.070 18.169 15.002 45.062 12.437 60.067-5.73 58.092-70.34 130.554-105.549 225.62-105.549 172.625 0 272.363 111.010 343.040 353.284 6.601 22.618 30.289 35.61 52.907 29.009 22.622-6.601 35.61-30.285 29.013-52.907zM682.748 298.676c0 70.687-57.314 128-128 128-70.711 0-128-57.297-128-128s57.289-128 128-128c70.686 0 128 57.314 128 128z",
+          "M494.182 853.551h-366.161c-23.564 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h366.23l-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.661 16.666-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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 77, "id": 53, "name": "send-to", "prevSize": 32, "code": 59703 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 50
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 76, "id": 52, "name": "owners", "prevSize": 32, "code": 59704 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 51
+    },
+    {
+      "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.474 400.029c93.76-93.76 245.826-93.76 339.637 0 6.622 6.624 12.804 13.569 18.56 20.845 14.622 18.477 11.499 45.31-6.98 59.936-18.479 14.622-45.312 11.494-59.934-6.98-3.716-4.698-7.701-9.173-11.981-13.453-58.317-58.287-151.569-60.369-212.351-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.157 6.426l6.601-6.225 32.128-32.555c16.55-16.772 43.567-16.951 60.339-0.401 15.479 15.279 16.823 39.475 3.921 56.299l-3.524 4.041-32.324 32.755c-93.805 93.803-245.834 93.803-339.646-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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 75, "id": 51, "name": "link", "prevSize": 32, "code": 59705 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 52
+    },
+    {
+      "icon": {
+        "paths": [
+          "M426.656 512.149c0-15.859-2.47-31.138-7.048-45.474l216.957-131.441c27.311 29.952 66.65 48.745 110.387 48.745 82.483 0 149.333-66.847 149.333-149.333 0-82.456-66.859-149.333-149.333-149.333s-149.333 66.877-149.333 149.333c0 7.932 0.614 15.72 1.809 23.317l-228.064 138.169c-25.672-20.833-58.396-33.316-94.041-33.316-82.487 0-149.333 66.846-149.333 149.333 0 82.458 66.858 149.333 149.333 149.333 35.651 0 68.385-12.497 94.061-33.348l228.052 138.163c-1.199 7.62-1.818 15.433-1.818 23.39 0 82.487 66.846 149.333 149.333 149.333 82.483 0 149.333-66.846 149.333-149.333s-66.85-149.333-149.333-149.333c-43.712 0-83.034 18.773-110.34 48.695l-216.996-131.465c4.572-14.327 7.040-29.594 7.040-45.436zM746.953 170.645c35.341 0 64 28.666 64 64 0 35.358-28.642 64-64 64-35.362 0-64-28.642-64-64 0-35.334 28.655-64 64-64zM341.323 512.149c0 35.332-28.659 64-64 64s-64-28.668-64-64c0-35.358 28.641-64 64-64s64 28.642 64 64zM746.953 725.687c35.358 0 64 28.642 64 64s-28.642 64-64 64c-35.362 0-64-28.642-64-64s28.638-64 64-64z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["share"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 74, "id": 50, "name": "share", "prevSize": 32, "code": 59706 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 53
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 73, "id": 49, "name": "external-link", "prevSize": 32, "code": 59707 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 54
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.667 512v341.333c0 22.63 8.99 44.335 24.994 60.339s37.708 24.994 60.34 24.994h512c22.63 0 44.335-8.99 60.339-24.994s24.994-37.709 24.994-60.339v-341.333",
+          "M682.667 256l-170.667-170.667-170.667 170.667",
+          "M512 85.333v554.667"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["export"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }, { "s": 0 }, { "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 140, "id": 48, "name": "export", "prevSize": 32, "code": 59708 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 55
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 71, "id": 47, "name": "paste", "prevSize": 32, "code": 59709 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 56
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 70, "id": 46, "name": "copy", "prevSize": 32, "code": 59710 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 57
+    },
+    {
+      "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.085c0-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.666c0 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.666h255.915v171.52c0 46.464 37.888 84.267 84.437 84.267h171.648v43.050h0.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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 69, "id": 45, "name": "sign", "prevSize": 32, "code": 59711 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 58
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 68, "id": 44, "name": "document", "prevSize": 32, "code": 59712 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 59
+    },
+    {
+      "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.626l-0.013 82.82h80.794l-80.781-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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 67, "id": 43, "name": "file", "prevSize": 32, "code": 59713 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 60
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.682 426.662c0-141.184 114.816-256 256.001-256 141.141 0 256 114.816 256 256s-114.859 256-256 256c-141.185 0-256.001-114.816-256.001-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.545 0-341.335 152.832-341.335 341.333s152.789 341.333 341.335 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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 66, "id": 42, "name": "search", "prevSize": 32, "code": 59714 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 61
+    },
+    {
+      "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.163 853.333h-110.507v-111.829l408.962-406.955 110.72 111.659-409.175 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.852 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.108-582.485c16.64-16.811 26.027-40.149 25.685-64z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["edit"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 65, "id": 41, "name": "edit", "prevSize": 32, "code": 59715 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 62
+    },
+    {
+      "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.546 834.167c-0.555 10.837-11.008 19.328-21.205 19.243h-343.34c-9.813-1.109-19.669-8.363-20.224-19.541l-27.648-492.544h438.914l-26.496 492.843zM426.528 196.941c0-14.251 12.076-26.283 26.327-26.283h118.101c14.507 0 26.325 11.819 26.325 26.283v59.051h-170.754v-59.051zM853.325 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.57 0-111.66 50.091-111.66 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.767c55.467 0 102.357-44.544 105.045-100.181l26.709-497.237h36.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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 64, "id": 40, "name": "delete", "prevSize": 32, "code": 59716 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 63
+    },
+    {
+      "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.343 512l90.509 90.509c16.661 16.661 16.661 43.678 0 60.339-16.661 16.666-43.678 16.666-60.339 0l-90.509-90.509-90.511 90.509c-16.663 16.666-43.677 16.666-60.34 0-16.662-16.661-16.662-43.678 0-60.339l90.508-90.509-90.508-90.51c-16.662-16.663-16.662-43.677 0-60.34s43.677-16.662 60.34 0l90.511 90.511 90.509-90.511c16.661-16.662 43.678-16.662 60.339 0s16.661 43.677 0 60.34l-90.509 90.51z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close-outlined"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 63, "id": 39, "name": "close-outlined", "prevSize": 32, "code": 59717 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 64
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.675 511.987c0 235.648-191.061 426.667-426.667 426.667-235.646 0-426.665-191.019-426.665-426.667 0-235.605 191.019-426.667 426.665-426.667 235.605 0 426.667 191.061 426.667 426.667zM572.352 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.761 146.782-146.784-146.782c-16.597-16.597-43.733-16.597-60.331 0-16.597 16.64-16.597 43.733 0 60.373l146.763 146.765-146.763 146.782c-16.597 16.597-16.597 43.733 0 60.331s43.733 16.597 60.331 0l146.784-146.765 146.761 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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 62, "id": 38, "name": "close-filled", "prevSize": 32, "code": 59718 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 65
+    },
+    {
+      "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"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "miter",
+            "strokeLinecap": "butt",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "miter",
+          "strokeLinecap": "butt",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 134, "id": 37, "name": "close", "prevSize": 32, "code": 59719 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 66
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 60, "id": 36, "name": "plus-outlined", "prevSize": 32, "code": 59720 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 67
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 59, "id": 35, "name": "plus-filled", "prevSize": 32, "code": 59721 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 68
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 58, "id": 34, "name": "plus", "prevSize": 32, "code": 59722 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 69
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{ "f": 2 }, { "f": 0 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 214, 0)" }, { "fill": "rgb(0, 0, 0)" }],
+      "properties": {
+        "order": 57,
+        "id": 33,
+        "name": "transaction-Batch",
+        "prevSize": 32,
+        "code": 59723,
+        "codes": [59723, 59724]
+      },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 70
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 56, "id": 32, "name": "blocks-1", "prevSize": 32, "code": 59725 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 71
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 55, "id": 31, "name": "rows-1", "prevSize": 32, "code": 59726 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 72
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 54, "id": 30, "name": "batch", "prevSize": 32, "code": 59727 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 73
+    },
+    {
+      "icon": {
+        "paths": [
+          "M181.33 239.36c86.187 110.507 245.333 315.307 245.333 315.307v256c0 23.467 19.199 42.667 42.665 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.492c-35.413 0-55.467 40.533-33.707 68.693z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["filter"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 53, "id": 29, "name": "filter", "prevSize": 32, "code": 59728 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 74
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 52, "id": 28, "name": "bookmark-filled", "prevSize": 32, "code": 59729 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 75
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 51, "id": 27, "name": "bookmark", "prevSize": 32, "code": 59730 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 76
+    },
+    {
+      "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.842 465.613h-180.275v-180.275c0-25.617-20.766-46.409-46.409-46.409-25.617 0-46.409 20.791-46.409 46.409v180.275h-180.227c-25.641 0-46.408 20.791-46.408 46.409s20.768 46.409 46.408 46.409h180.227v180.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.404-20.791 46.404-46.409s-20.787-46.409-46.404-46.409z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-recovery"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 50, "id": 26, "name": "transaction-recovery", "prevSize": 32, "code": 59731 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 77
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.081 691.2c-101.632 0-184.235-80.213-184.235-179.2s82.517-179.2 184.32-179.2c101.717 0 184.149 80.213 184.149 179.2s-82.432 179.2-184.235 179.2zM903.164 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.31-15.198 1.165-6.026 0.098-12.269-2.995-17.57l-105.301-177.152c-3.136-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.277-20.606-57.178-37.48-88.917-50.176l-19.541-135.68c-1.161-6.099-4.429-11.595-9.237-15.526-4.804-3.931-10.837-6.047-17.045-5.978h-210.517c-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.517c6.208 0.068 12.241-2.048 17.045-5.978 4.809-3.93 8.077-9.429 9.237-15.526l19.541-135.68c31.757-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.995-17.57-1.161-6.025-4.467-11.426-9.31-15.198l-111.104-84.992z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-change-settings"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 49, "id": 25, "name": "transaction-change-settings", "prevSize": 32, "code": 59732 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 78
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 48, "id": 24, "name": "transaction-contract", "prevSize": 32, "code": 59733 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 79
+    },
+    {
+      "icon": {
+        "paths": [
+          "M897.032 99.153c2.961 2.253 5.607 4.901 7.86 7.872 37.29 49.112 14.074 242.14-55.288 328.405l-6.431 7.545-18.506 18.678 1.896 10.543c19.878 119.267 0.057 230.666-45.294 329.597-19.915 43.442-40.096 74.924-54.338 92.721-14.201 17.744-39.637 20.316-56.975 6.685l-3.846-3.432-136.684-138.031-29.475 29.848c-44.397 44.745-124.609 7.549-199.403-65.319l-7.22-7.16c-74.377-75.092-114.932-157.11-75.762-204.194l4.041-4.448 29.413-29.729-136.609-137.993c-17.2-17.371-15.702-45.96 3.219-61.4 17.623-14.381 48.802-34.757 91.823-54.863 100.859-47.136 214.813-66.956 336.893-43.851l18.629-18.704 8.995-7.909c58.298-48.033 152.216-71.286 241.275-71.286 37.99 0 65.409 3.976 81.785 16.428zM587.346 701.26l101.065 102.048c4.329-7.569 8.462-15.393 12.513-23.618l6.005-12.636c32.424-70.738 49.562-148.595 44.503-231.436l-164.086 165.642zM815.247 165.433c-71.029 0-146.907 18.706-187.163 50.672l-6.373 5.449-336.347 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.793 1.86 7.299 3.371 10.437 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.63-20.728 3.785-41.26 3.523-59.102l-0.324-10.362-0.647-9.090-9.339-0.623-6.836-0.232-7.27-0.079zM219.438 311.785l-11.529 6.395 101.072 102.037 164.131-165.614c-82.064-5.115-159.182 12.186-229.244 44.929-8.541 3.992-16.69 8.092-24.431 12.252z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-execute"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 47, "id": 23, "name": "transaction-execute", "prevSize": 32, "code": 59734 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 80
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 46, "id": 22, "name": "transaction-stake", "prevSize": 32, "code": 59735 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 81
+    },
+    {
+      "icon": {
+        "paths": [
+          "M690.655 133.067c-12.157-11.836-31.605-11.576-43.438 0.58-11.837 12.156-11.579 31.605 0.578 43.441l73.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.032c0 16.966 13.754 30.72 30.72 30.72s30.72-13.754 30.72-30.72v-62.032c0-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.284-0.578 43.441 11.833 12.153 31.281 12.415 43.438 0.578l127.418-124.060c5.939-5.783 9.29-13.721 9.29-22.010s-3.351-16.227-9.29-22.010l-127.418-124.062zM372.658 567.865c11.836 12.157 11.576 31.605-0.58 43.442l-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.716v-62.030c0-16.966 13.754-30.72 30.72-30.72s30.72 13.754 30.72 30.72v62.030c0 41.32-16.867 80.777-46.608 109.736-29.716 28.934-69.849 45.048-111.53 45.048h-370.384l73.27 71.34c12.156 11.833 12.415 31.285 0.58 43.438-11.836 12.157-31.284 12.415-43.441 0.582l-127.418-124.064c-1.823-1.774-3.403-3.752-4.716-5.882-2.755-4.452-4.403-9.667-4.561-15.249-0.009-0.295-0.013-0.59-0.013-0.885 0-8.847 3.739-16.818 9.723-22.426l126.985-123.638c12.156-11.837 31.605-11.575 43.441 0.578z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-swap"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 45, "id": 21, "name": "transaction-swap", "prevSize": 32, "code": 59736 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 82
+    },
+    {
+      "icon": {
+        "paths": [
+          "M777.183 648.356c-34.431 0.045-62.538-28.336-62.493-63.095v-204.367l-423.727 427.783c-24.309 24.543-64.087 24.543-88.396 0-24.353-24.584-24.309-64.7 0-89.24l423.727-427.787-202.472-0.044c-34.386 0-62.496-28.38-62.496-63.095s28.11-63.095 62.496-63.095l353.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.83 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": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-outgoing"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 44, "id": 20, "name": "transaction-outgoing", "prevSize": 32, "code": 59737 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 83
+    },
+    {
+      "icon": {
+        "paths": [
+          "M235.766 355.070c35.865-0.046 65.146 29.234 65.1 65.097v210.852l441.38-441.361c25.323-25.321 66.756-25.321 92.079 0 25.365 25.367 25.323 66.754 0 92.075l-441.38 441.361 210.908 0.047c35.819 0 65.097 29.278 65.097 65.097s-29.278 65.097-65.097 65.097l-368.086-0.047c-5.433 0.094-10.313-1.839-15.331-3.085-3.084-0.781-6.307-0.691-9.346-1.886-2.717-1.058-4.834-3.179-7.274-4.698-12.385-7.134-22.652-17.493-28.176-30.75-1.151-2.901-1.059-6.033-1.796-9.071-1.335-5.111-3.177-9.988-3.177-15.607v-368.023c0-35.817 29.281-65.097 65.1-65.097z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-incoming"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 43, "id": 19, "name": "transaction-incoming", "prevSize": 32, "code": 59738 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 84
+    },
+    {
+      "icon": {
+        "paths": [
+          "M682.667 85.329h-341.333c-70.357 0-128 57.6-128 128v597.333c0 70.4 57.643 128 128 128h341.333c70.4 0 128-57.6 128-128v-597.333c0-70.4-57.6-128-128-128zM682.667 170.663c23.125 0 42.667 19.541 42.667 42.667v597.333c0 23.125-19.541 42.667-42.667 42.667h-341.333c-23.125 0-42.667-19.541-42.667-42.667v-597.333c0-23.125 19.541-42.667 42.667-42.667h341.333z",
+          "M512 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 42, "id": 18, "name": "mobile", "prevSize": 32, "code": 59739 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 85
+    },
+    {
+      "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.667h128v-85.333h-128v85.333z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["wallet"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 41, "id": 17, "name": "wallet", "prevSize": 32, "code": 59740 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 86
+    },
+    {
+      "icon": {
+        "paths": [
+          "M895.996 545.707c-6.711 72.627-33.967 141.841-78.583 199.543-44.612 57.702-104.734 101.504-173.333 126.281-68.599 24.781-142.835 29.508-214.025 13.636s-136.384-51.695-187.958-103.266c-51.574-51.575-87.394-116.77-103.267-187.959s-11.144-145.425 13.634-214.025c24.779-68.599 68.581-128.722 126.283-173.335s126.916-71.869 199.543-78.581c-42.522 57.526-62.982 128.403-57.663 199.74s36.069 138.397 86.65 188.979c50.581 50.581 117.641 81.331 188.979 86.652s142.212-15.142 199.74-57.664v0z"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["appearance"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 142, "id": 16, "name": "appearance", "prevSize": 32, "code": 59741 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 87
+    },
+    {
+      "icon": {
+        "paths": [
+          "M704 401.066l-384-221.44",
+          "M896 682.667v-341.334c-0.017-14.964-3.964-29.661-11.456-42.617-7.488-12.956-18.253-23.714-31.211-31.197l-298.667-170.667c-12.971-7.489-27.686-11.433-42.667-11.433s-29.696 3.943-42.667 11.433l-298.667 170.667c-12.96 7.482-23.724 18.241-31.212 31.197s-11.439 27.653-11.454 42.617v341.334c0.015 14.963 3.965 29.662 11.454 42.615 7.489 12.958 18.253 23.714 31.212 31.198l298.667 170.667c12.971 7.488 27.686 11.43 42.667 11.43s29.696-3.942 42.667-11.43l298.667-170.667c12.958-7.484 23.723-18.24 31.211-31.198 7.492-12.954 11.439-27.652 11.456-42.615z",
+          "M139.521 296.96l372.479 215.467 372.48-215.467",
+          "M512 942.080v-430.080"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["experimental"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }, { "s": 0 }, { "s": 0 }, { "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 143, "id": 15, "name": "experimental", "prevSize": 32, "code": 59742 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 88
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 38, "id": 14, "name": "desktop", "prevSize": 32, "code": 59743 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 89
+    },
+    {
+      "icon": {
+        "paths": [
+          "M853.342 170.658c44.966 0 81.843 34.833 85.103 78.968l0.23 6.365v512c0 44.962-34.833 81.839-78.967 85.099l-6.494 0.192c0.004 22.118-16.439 40.128-37.679 42.59l-4.983 0.286c-21.867 0-39.91-16.444-42.377-37.683l-0.294-5.193h-511.956c0.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.839 78.968-85.099l6.365-0.234h682.665zM853.342 255.991h-682.665v512h682.665v-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.325c21.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.469-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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 24, "id": 13, "name": "safe", "prevSize": 32, "code": 59744 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 90
+    },
+    {
+      "icon": {
+        "paths": [
+          "M725.333 369.778c0-56.579-22.477-110.842-62.485-150.849-40.004-40.008-94.268-62.484-150.848-62.484s-110.842 22.476-150.849 62.484c-40.008 40.008-62.484 94.27-62.484 150.849 0 248.889-106.667 320.001-106.667 320.001h640c0 0-106.667-71.113-106.667-320.001z",
+          "M573.513 832c-6.251 10.778-15.223 19.721-26.018 25.937-10.795 6.221-23.036 9.493-35.494 9.493s-24.695-3.273-35.49-9.493c-10.799-6.217-19.767-15.159-26.022-25.937"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["bell"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }, { "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 144, "id": 12, "name": "bell", "prevSize": 32, "code": 59745 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 91
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 26, "id": 11, "name": "lightbulb", "prevSize": 32, "code": 59746 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 92
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 27, "id": 10, "name": "what-is-new", "prevSize": 32, "code": 59747 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 93
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 28, "id": 9, "name": "blocks", "prevSize": 32, "code": 59748 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 94
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 29, "id": 8, "name": "rows", "prevSize": 32, "code": 59749 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 95
+    },
+    {
+      "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.393 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.856-15.872 57.728 0l0.213 0.213c15.872 15.872 15.872 41.856 0 57.728l-122.198 122.197 122.215 122.197c15.872 15.915 15.872 41.899 0 57.771l-0.213 0.213c-15.872 15.872-41.856 15.872-57.728 0l-122.219-122.236z"
+        ],
+        "attrs": [{}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["apps"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 30, "id": 7, "name": "apps", "prevSize": 32, "code": 59750 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 96
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 31, "id": 6, "name": "address-book", "prevSize": 32, "code": 59751 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 97
+    },
+    {
+      "icon": {
+        "paths": [
+          "M896 490.667c0.145 56.316-13.009 111.868-38.4 162.133-30.106 60.233-76.382 110.899-133.658 146.317-57.271 35.418-123.273 54.191-190.609 54.217-56.316 0.145-111.867-13.009-162.133-38.4l-243.2 81.067 81.067-243.2c-25.39-50.266-38.547-105.818-38.4-162.133 0.026-67.338 18.799-133.34 54.217-190.611s86.081-103.551 146.316-133.655c50.266-25.39 105.818-38.547 162.133-38.4h21.333c88.93 4.906 172.928 42.443 235.908 105.423s100.518 146.978 105.425 235.91v21.333z"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chat"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 145, "id": 5, "name": "chat", "prevSize": 32, "code": 59752 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 98
+    },
+    {
+      "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.445-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.043-0.427-0.128-0.597-0.171 0 0-5.76 32.469-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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 33, "id": 4, "name": "settings", "prevSize": 32, "code": 59753 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 99
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 34, "id": 3, "name": "transactions", "prevSize": 32, "code": 59754 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 100
+    },
+    {
+      "icon": {
+        "paths": [
+          "M879.501 335.075h-737.449v73.955h737.449v-73.955z",
+          "M902.886 381.44l-9.216-7.055c-9.899-7.567-11.891-21.675-4.437-31.631l6.997-9.385c11.375-14.963 6.37-33.338-6.711-48.755l-95.347-133.518c-14.336-20.082-37.491-32.029-62.182-32.029h-440.261c-24.689 0-47.843 11.947-62.179 32.029l-95.119 133.518c-13.085 15.418-18.034 33.736-6.713 48.755l6.997 9.385c7.396 10.013 5.461 24.064-4.437 31.631l-9.216 7.055c-14.962 11.377-17.92 32.71-6.543 47.671l335.076 466.547c5.005 6.541 12.745 10.411 20.992 10.411h82.658c8.247 0 15.987-3.87 20.992-10.411l335.249-466.547c11.375-14.961 8.418-36.35-6.545-47.671h-0.055zM519.454 838.37c-3.81 5.009-11.319 5.009-15.13 0l-335.191-459.604c-3.813-5.006-2.56-12.288 1.138-17.236l105.984-148.538c8.931-12.573 23.381-19.968 38.798-19.968h393.615c15.415 0 29.867 7.453 38.797 19.968l106.155 148.538c3.755 4.948 4.949 12.288 1.139 17.236l-335.305 459.604z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["nft"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 35, "id": 2, "name": "nft", "prevSize": 32, "code": 59755 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 101
+    },
+    {
+      "icon": {
+        "paths": [
+          "M639.915 213.312c-164.907 0-298.665 133.76-298.665 298.667 0 164.949 133.758 298.667 298.665 298.667 164.949 0 298.667-133.717 298.667-298.667 0-164.907-133.717-298.667-298.667-298.667zM639.915 298.645c117.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.319 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.671-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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 36, "id": 1, "name": "token", "prevSize": 32, "code": 59756 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 102
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 37, "id": 0, "name": "home", "prevSize": 32, "code": 59757 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 103
+    }
+  ],
+  "height": 1024,
+  "metadata": { "name": "safe-icons" },
+  "preferences": {
+    "showGlyphs": 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,
+      "showSelector": false,
+      "showMetrics": false,
+      "showMetadata": false,
+      "showVersion": true
+    },
+    "imagePref": {
+      "prefix": "icon-",
+      "png": true,
+      "useClassSelector": true,
+      "color": 0,
+      "bgColor": 16777215,
+      "classSelector": ".icon",
+      "name": "icomoon"
+    },
+    "historySize": 50,
+    "showCodes": true,
+    "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..11fc00015
Binary files /dev/null and b/apps/mobile/assets/images/anywhere.png differ
diff --git a/apps/mobile/assets/images/favicon.png b/apps/mobile/assets/images/favicon.png
new file mode 100644
index 000000000..e75f697b1
Binary files /dev/null and b/apps/mobile/assets/images/favicon.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..a483b9d30
Binary files /dev/null and b/apps/mobile/assets/images/illustration.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..78376e847
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..ac49c8c69
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/react-logo.png b/apps/mobile/assets/images/react-logo.png
new file mode 100644
index 000000000..9d72a9ffc
Binary files /dev/null and b/apps/mobile/assets/images/react-logo.png differ
diff --git a/apps/mobile/assets/images/react-logo@2x.png b/apps/mobile/assets/images/react-logo@2x.png
new file mode 100644
index 000000000..2229b130a
Binary files /dev/null and b/apps/mobile/assets/images/react-logo@2x.png differ
diff --git a/apps/mobile/assets/images/react-logo@3x.png b/apps/mobile/assets/images/react-logo@3x.png
new file mode 100644
index 000000000..a99b20322
Binary files /dev/null and b/apps/mobile/assets/images/react-logo@3x.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..9faf2f95b
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/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/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/e2e/flow.yml b/apps/mobile/e2e/flow.yml
new file mode 100644
index 000000000..17ff3b922
--- /dev/null
+++ b/apps/mobile/e2e/flow.yml
@@ -0,0 +1,13 @@
+appId: global.safe.mobileapp
+---
+- launchApp
+- tapOn:
+    id: "pending-transactions"
+- tapOn: "(tabs)"
+- tapOn:
+    id: "tabTransactions"
+- "scroll"
+- tapOn:
+    id: "tabSettings"
+- assertVisible: "Signers"
+
diff --git a/apps/mobile/eas.json b/apps/mobile/eas.json
new file mode 100644
index 000000000..10f852016
--- /dev/null
+++ b/apps/mobile/eas.json
@@ -0,0 +1,85 @@
+{
+  "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",
+      "developmentClient": true,
+      "env": {
+        "APP_VARIANT": "development"
+      },
+      "android": {
+        "image": "ubuntu-18.04-jdk-11-ndk-r19c"
+      }
+    },
+    "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,
+      "config": "build-and-maestro-test.yml",
+      "android": {
+        "buildType": "apk",
+        "image": "latest"
+      },
+      "ios": {
+        "simulator": true,
+        "image": "latest"
+      }
+    }
+  },
+  "submit": {
+    "production": {
+      "ios": {
+        "ascAppId": "6738784305"
+      },
+      "android": {
+        "releaseStatus": "draft"
+      }
+    }
+  }
+}
diff --git a/apps/mobile/eslint.config.mjs b/apps/mobile/eslint.config.mjs
new file mode 100644
index 000000000..b70d033c0
--- /dev/null
+++ b/apps/mobile/eslint.config.mjs
@@ -0,0 +1,32 @@
+import globals from 'globals'
+import pluginJs from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import pluginReact from 'eslint-plugin-react'
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
+
+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,
+  eslintPluginPrettierRecommended,
+  {
+    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',
+    },
+  },
+]
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/firebase.json b/apps/mobile/firebase.json
new file mode 100644
index 000000000..97ec0198e
--- /dev/null
+++ b/apps/mobile/firebase.json
@@ -0,0 +1,9 @@
+{
+  "react-native": {
+    "analytics_auto_collection_enabled": false,
+    "messaging_auto_init_enabled": true,
+    "messaging_ios_auto_register_for_remote_messages": false,
+    "android_task_executor_maximum_pool_size": 10,
+    "android_task_executor_keep_alive_seconds": 3
+  }
+}
diff --git a/apps/mobile/index.js b/apps/mobile/index.js
new file mode 100644
index 000000000..a8644b15a
--- /dev/null
+++ b/apps/mobile/index.js
@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo'
+
+import App from './App'
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App)
diff --git a/apps/mobile/jest.config.js b/apps/mobile/jest.config.js
new file mode 100644
index 000000000..83b26166d
--- /dev/null
+++ b/apps/mobile/jest.config.js
@@ -0,0 +1,24 @@
+const preset = require('../../config/test/presets/jest-preset')
+
+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', './src/tests/test-utils.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..f3980d049
--- /dev/null
+++ b/apps/mobile/metro.config.js
@@ -0,0 +1,32 @@
+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
+}
+
+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..f0b470e76
--- /dev/null
+++ b/apps/mobile/package.json
@@ -0,0 +1,151 @@
+{
+  "name": "@safe-global/mobile",
+  "main": "expo-router/entry",
+  "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/* app/*",
+    "eslint:fix": "npm run lint -- --fix",
+    "prettier": "prettier --check \"**/*.{js,jsx,ts,tsx,json,md}\"",
+    "prettier:fix": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
+    "storybook-generate": "sb-rn-get-stories",
+    "generate:icons": "node ./scripts/generateIconTypes.js",
+    "prepare": "husky",
+    "build-storybook": "STORYBOOK_WEB='true' storybook build",
+    "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": "^2.3.0",
+    "@ethersproject/shims": "^5.7.0",
+    "@expo/config-plugins": "^9.0.10",
+    "@expo/vector-icons": "^14.0.2",
+    "@notifee/react-native": "^9.1.8",
+    "@react-native-clipboard/clipboard": "^1.15.0",
+    "@react-native-community/blur": "^4.4.1",
+    "@react-native-firebase/app": "^21.7.1",
+    "@react-native-firebase/messaging": "^21.7.1",
+    "@react-native-menu/menu": "^1.1.6",
+    "@react-native/babel-preset": "^0.76.2",
+    "@react-navigation/material-top-tabs": "^7.1.0",
+    "@react-navigation/native": "^7.0.14",
+    "@reduxjs/toolkit": "^2.4.0",
+    "@safe-global/store": "workspace:^",
+    "@storybook/addon-react-native-web": "^0.0.26",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@tamagui/animations-moti": "^1.117.1",
+    "@tamagui/babel-plugin": "^1.121.12",
+    "@tamagui/config": "^1.117.1",
+    "@tamagui/font-dm-sans": "^1.121.3",
+    "@tamagui/toast": "^1.117.1",
+    "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.13.4",
+    "expo": "~52.0.14",
+    "expo-blur": "~14.0.1",
+    "expo-build-properties": "^0.13.2",
+    "expo-constants": "~17.0.4",
+    "expo-dev-client": "~5.0.5",
+    "expo-font": "~13.0.3",
+    "expo-image": "~2.0.3",
+    "expo-linear-gradient": "^14.0.1",
+    "expo-linking": "~7.0.3",
+    "expo-router": "~4.0.15",
+    "expo-splash-screen": "^0.29.16",
+    "expo-status-bar": "~2.0.0",
+    "expo-system-ui": "~4.0.6",
+    "expo-web-browser": "~14.0.1",
+    "lodash": "^4.17.21",
+    "moti": "^0.29.0",
+    "react": "18.3.1",
+    "react-dom": "^18.3.1",
+    "react-native": "0.76.3",
+    "react-native-collapsible-tab-view": "^8.0.0",
+    "react-native-device-crypto": "^0.1.7",
+    "react-native-device-info": "^14.0.1",
+    "react-native-draggable-flatlist": "^4.0.1",
+    "react-native-gesture-handler": "~2.20.2",
+    "react-native-keychain": "^9.2.2",
+    "react-native-mmkv": "^3.1.0",
+    "react-native-pager-view": "^6.5.1",
+    "react-native-quick-crypto": "^0.7.11",
+    "react-native-reanimated": "^3.16.7",
+    "react-native-safe-area-context": "4.12.0",
+    "react-native-screens": "^4.0.0",
+    "react-native-web": "^0.19.13",
+    "react-redux": "^9.1.2",
+    "redux": "^5.0.1",
+    "redux-persist": "^6.0.0",
+    "tamagui": "^1.117.1",
+    "timezone-mock": "^1.3.6",
+    "tsconfig-paths-webpack-plugin": "^4.2.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@eslint/js": "^9.18.0",
+    "@gorhom/bottom-sheet": "^5.0.6",
+    "@react-native-async-storage/async-storage": "1.23.1",
+    "@react-native-community/datetimepicker": "8.2.0",
+    "@react-native-community/slider": "4.5.5",
+    "@rtk-query/codegen-openapi": "^2.0.0",
+    "@safe-global/test": "workspace:^",
+    "@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": "^12.7.2",
+    "@types/eslint__js": "^8.42.3",
+    "@types/jest": "^29.5.12",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^22.9.1",
+    "@types/react": "~18.3.12",
+    "babel-loader": "^8.4.1",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.1",
+    "globals": "^15.14.0",
+    "jest": "^29.7.0",
+    "jest-expo": "~52.0.2",
+    "react-native-svg": "15.8.0",
+    "redux-devtools-expo-dev-plugin": "^1.0.0",
+    "storybook": "^8.4.6",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.3.3",
+    "typescript-eslint": "^8.8.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..507cfa28a
--- /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 `npm run 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..60bc08c86
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/demo.html
@@ -0,0 +1,1494 @@
+<!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;104)</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-block"></span>
+                <span class="mls"> icon-block</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-alert-triangle"></span>
+                <span class="mls"> icon-alert-triangle</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-alert"></span>
+                <span class="mls"> icon-alert</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-info"></span>
+                <span class="mls"> icon-info</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e903" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe903;" 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="e904" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe904;" 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="e905" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe905;" 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="e906" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe906;" 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="e907" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe907;" 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="e908" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe908;" 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="e909" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe909;" 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="e90a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90a;" 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="e90b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90b;" 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="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-double-arrow"></span>
+                <span class="mls"> icon-double-arrow</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-arrow-sort"></span>
+                <span class="mls"> icon-arrow-sort</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-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="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-options-vertical"></span>
+                <span class="mls"> icon-options-vertical</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-options-horizontal"></span>
+                <span class="mls"> icon-options-horizontal</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-check-oulined"></span>
+                <span class="mls"> icon-check-oulined</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-check"></span>
+                <span class="mls"> icon-check</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-check-filled"></span>
+                <span class="mls"> icon-check-filled</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-down-1"></span>
+                <span class="mls"> icon-arrow-down-1</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-arrow-down"></span>
+                <span class="mls"> icon-arrow-down</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-arrow-up"></span>
+                <span class="mls"> icon-arrow-up</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-arrow-left"></span>
+                <span class="mls"> icon-arrow-left</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-arrow-right"></span>
+                <span class="mls"> icon-arrow-right</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-tag"></span>
+                <span class="mls"> icon-tag</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-camera"></span>
+                <span class="mls"> icon-camera</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-element-drag"></span>
+                <span class="mls"> icon-element-drag</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-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="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-rows-2"><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>
+                <span class="mls"> icon-rows-2</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-check-notifications"></span>
+                <span class="mls"> icon-check-notifications</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-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="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-scan-1"></span>
+                <span class="mls"> icon-scan-1</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-shield-crossed"></span>
+                <span class="mls"> icon-shield-crossed</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-shield"></span>
+                <span class="mls"> icon-shield</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-clock"></span>
+                <span class="mls"> icon-clock</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-update"></span>
+                <span class="mls"> icon-update</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-repeat"></span>
+                <span class="mls"> icon-repeat</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-download"></span>
+                <span class="mls"> icon-download</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-upload"></span>
+                <span class="mls"> icon-upload</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-qr-code"></span>
+                <span class="mls"> icon-qr-code</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-scan"></span>
+                <span class="mls"> icon-scan</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-eye-n"></span>
+                <span class="mls"> icon-eye-n</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-eye-off"></span>
+                <span class="mls"> icon-eye-off</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-unlock"></span>
+                <span class="mls"> icon-unlock</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-lock"></span>
+                <span class="mls"> icon-lock</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-replace-owner"></span>
+                <span class="mls"> icon-replace-owner</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-owner"></span>
+                <span class="mls"> icon-edit-owner</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-add-owner"></span>
+                <span class="mls"> icon-add-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-send-to"></span>
+                <span class="mls"> icon-send-to</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-owners"></span>
+                <span class="mls"> icon-owners</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-link"></span>
+                <span class="mls"> icon-link</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-share"></span>
+                <span class="mls"> icon-share</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-external-link"></span>
+                <span class="mls"> icon-external-link</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-export"></span>
+                <span class="mls"> icon-export</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-paste"></span>
+                <span class="mls"> icon-paste</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-copy"></span>
+                <span class="mls"> icon-copy</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-sign"></span>
+                <span class="mls"> icon-sign</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-document"></span>
+                <span class="mls"> icon-document</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-file"></span>
+                <span class="mls"> icon-file</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-search"></span>
+                <span class="mls"> icon-search</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-edit"></span>
+                <span class="mls"> icon-edit</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-delete"></span>
+                <span class="mls"> icon-delete</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-close-outlined"></span>
+                <span class="mls"> icon-close-outlined</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-close-filled"></span>
+                <span class="mls"> icon-close-filled</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-close"></span>
+                <span class="mls"> icon-close</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-plus-outlined"></span>
+                <span class="mls"> icon-plus-outlined</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-plus-filled"></span>
+                <span class="mls"> icon-plus-filled</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-plus"></span>
+                <span class="mls"> icon-plus</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-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="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-blocks-1"></span>
+                <span class="mls"> icon-blocks-1</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-rows-1"></span>
+                <span class="mls"> icon-rows-1</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-batch"></span>
+                <span class="mls"> icon-batch</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-filter"></span>
+                <span class="mls"> icon-filter</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-bookmark-filled"></span>
+                <span class="mls"> icon-bookmark-filled</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-bookmark"></span>
+                <span class="mls"> icon-bookmark</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-transaction-recovery"></span>
+                <span class="mls"> icon-transaction-recovery</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-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="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-transaction-contract"></span>
+                <span class="mls"> icon-transaction-contract</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-transaction-execute"></span>
+                <span class="mls"> icon-transaction-execute</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-transaction-stake"></span>
+                <span class="mls"> icon-transaction-stake</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-transaction-swap"></span>
+                <span class="mls"> icon-transaction-swap</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-transaction-outgoing"></span>
+                <span class="mls"> icon-transaction-outgoing</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-transaction-incoming"></span>
+                <span class="mls"> icon-transaction-incoming</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-mobile"></span>
+                <span class="mls"> icon-mobile</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-wallet"></span>
+                <span class="mls"> icon-wallet</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-appearance"></span>
+                <span class="mls"> icon-appearance</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-experimental"></span>
+                <span class="mls"> icon-experimental</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-desktop"></span>
+                <span class="mls"> icon-desktop</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-safe"></span>
+                <span class="mls"> icon-safe</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-bell"></span>
+                <span class="mls"> icon-bell</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-lightbulb"></span>
+                <span class="mls"> icon-lightbulb</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-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="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-blocks"></span>
+                <span class="mls"> icon-blocks</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-rows"></span>
+                <span class="mls"> icon-rows</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-apps"></span>
+                <span class="mls"> icon-apps</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-address-book"></span>
+                <span class="mls"> icon-address-book</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-chat"></span>
+                <span class="mls"> icon-chat</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-settings"></span>
+                <span class="mls"> icon-settings</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-transactions"></span>
+                <span class="mls"> icon-transactions</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-nft"></span>
+                <span class="mls"> icon-nft</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-home"></span>
+                <span class="mls"> icon-home</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>
+
+    <!--[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..38a451308
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/fonts/safe-icons.svg
@@ -0,0 +1,112 @@
+<?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="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="&#xe901;" glyph-name="alert-triangle" d="M511.949 618.568c23.552 0 42.667-19.072 42.667-42.667v-170.666c0-23.552-19.115-42.667-42.667-42.667-23.595 0-42.667 19.115-42.667 42.667v170.666c0 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.651c-21.419 0-42.837-10.667-54.741-32.085l-406.612-728.62c-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.62c-11.947 21.419-33.365 32.085-54.784 32.085zM511.991 765.68l367.957-659.372h-735.871l367.914 659.372z" />
+<glyph unicode="&#xe902;" 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="&#xe903;" 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="&#xe904;" 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.829 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="&#xe905;" 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="&#xe906;" glyph-name="code-blocks" d="M307.199 796.858c0 6.317 5.093 11.438 11.377 11.438h79.646c6.284 0 11.378-5.121 11.378-11.438v-80.066c0-6.317-5.093-11.438-11.378-11.438h-91.023v91.504zM204.801 693.917c0 6.317 5.094 11.438 11.378 11.438h91.022v-91.504c0-6.317-5.094-11.438-11.378-11.438h-91.022v91.504zM102.4 590.975c0 6.317 5.094 11.438 11.378 11.438h91.022v-91.504c0-6.317-5.094-11.438-11.378-11.438h-91.022v91.504zM0 488.033c0 6.317 5.094 11.438 11.378 11.438h91.022v-102.94h-91.022c-6.284 0-11.378 5.12-11.378 11.435v80.068zM102.4 396.531h91.022c6.284 0 11.378-5.124 11.378-11.438v-91.504h-91.022c-6.284 0-11.378 5.12-11.378 11.438v91.504zM204.801 293.588h91.022c6.284 0 11.378-5.124 11.378-11.438v-91.504h-91.022c-6.284 0-11.378 5.12-11.378 11.438v91.504zM307.199 190.646h91.023c6.284 0 11.378-5.12 11.378-11.438v-80.065c0-6.318-5.093-11.438-11.378-11.438h-79.646c-6.284 0-11.377 5.12-11.377 11.438v91.504zM716.8 796.858c0 6.317-5.093 11.438-11.378 11.438h-79.644c-6.284 0-11.378-5.121-11.378-11.438v-80.066c0-6.317 5.093-11.438 11.378-11.438h91.022v91.504zM819.2 693.917c0 6.317-5.093 11.438-11.378 11.438h-91.022v-91.504c0-6.317 5.093-11.438 11.378-11.438h91.022v91.504zM921.6 590.975c0 6.317-5.093 11.438-11.378 11.438h-91.022v-91.504c0-6.317 5.093-11.438 11.378-11.438h91.022v91.504zM1024 488.033c0 6.317-5.093 11.438-11.378 11.438h-91.022v-102.94h91.022c6.284 0 11.378 5.12 11.378 11.435v80.068zM921.6 396.531h-91.022c-6.284 0-11.378-5.124-11.378-11.438v-91.504h91.022c6.284 0 11.378 5.12 11.378 11.438v91.504zM819.2 293.588h-91.022c-6.284 0-11.378-5.124-11.378-11.438v-91.504h91.022c6.284 0 11.378 5.12 11.378 11.438v91.504zM716.8 190.646h-91.022c-6.284 0-11.378-5.12-11.378-11.438v-80.065c0-6.318 5.093-11.438 11.378-11.438h79.644c6.284 0 11.378 5.12 11.378 11.438v91.504z" />
+<glyph unicode="&#xe907;" glyph-name="hardware" d="M313.544 952.545l-0.002-0.002 2.236-2.012-0.002-0.002 92.821-88.767-95.054 90.783zM313.544 952.545l-0.114 0.096M313.544 952.545l-0.114 0.096M313.43 952.642c-9.616 8.124-21.647 12.158-33.609 12.158M313.43 952.642l-33.609 12.158M443.789 379.35l-191.421 183.062c-36.396 34.806-43.486 87.131-21.158 128.769l-0.106 0.097-0.079 0.073 0.001 0.001-92.82 88.777c-19.335 18.479-19.99 48.173-1.927 67.423l0.089 0.095 0.001-0.001 1.834 1.851 0.001-0.001 105.658 101.033 199.927-571.178zM443.789 379.35l-188.309-180.16c-61.842-62.166-60.854-160.595 2.94-221.603l0.001-0.003c32.357-30.931 74.734-46.384 117.054-46.384s84.707 15.453 117.053 46.387l362.618 346.848c61.84 62.166 60.854 160.589-2.941 221.597l-2.877 2.685-0.096 0.083-2.723 2.41c-2.022 2.138-4.115 4.24-6.269 6.301v0l-299.792 286.601c-22.122 19.726-50.352 29.554-78.528 29.554-18.176 0-36.368-4.088-52.922-12.287l34.79-482.028zM279.821 964.8c-12.97 0-25.998-4.735-35.956-14.27l35.956 14.27zM813.021 507.968v0c20.765-19.859 32.147-46.186 32.147-74.176 0-27.987-11.382-54.33-32.147-74.186l-362.298-346.403c-0.010-0.010-0.019-0.019-0.032-0.029-20.448-18.304-46.992-28.365-75.219-28.365-29.466 0-57.112 10.966-77.883 30.829-20.764 19.869-32.146 46.198-32.146 74.198 0 27.987 11.382 54.317 32.146 74.173l362.299 346.397c0.010 0.010 0.019 0.019 0.029 0.029 20.442 18.31 46.995 28.371 75.219 28.371 29.469 0 57.114-10.963 77.885-30.838zM504.246 803.289l0.003-0.002 220.826-211.163c-38.912-2.253-77.2-17.6-106.995-46.093 0 0 0 0 0 0l-134.816-128.915-193.652 185.283c-21.24 22.288-20.61 56.896 1.922 78.454l7.348 7.003c1.403 1.084 2.76 2.249 4.063 3.495v0l107.711 103.136 1.533 1.728 7.341 7.033 2.246 2.046c11.005 9.527 25.12 14.76 40.141 14.76 16.038 0 31.050-5.969 42.33-16.766zM181.005 814.898l98.797 94.513 85.788-82.206-98.808-94.493-85.777 82.186zM730.474 499.875c-39.981 0-72.758-31.046-72.758-69.792s32.778-69.792 72.758-69.792c39.981 0 72.771 31.043 72.771 69.792s-32.79 69.792-72.771 69.792zM730.474 446.269c9.68 0 17.152-7.45 17.152-16.182s-7.472-16.182-17.152-16.182c-9.67 0-17.139 7.443-17.139 16.182s7.469 16.182 17.139 16.182z" />
+<glyph unicode="&#xe908;" 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.159 296.896c10.3-4.791 21.722-12.48 33.822-22.43 24.188-19.895 49.515-47.535 72.013-74.854 22.426-27.23 41.673-53.692 53.705-70.938 3.029-4.343 5.589-8.085 7.616-11.085-2.453-13.982-7.778-33.455-16.516-50.833-9.954-19.81-22.771-33.886-37.935-37.675-3.942-0.99-11.093-1.105-21.717 0.516-10.291 1.57-22.665 4.582-36.395 8.819-27.435 8.474-59.332 21.559-89.135 36.676-29.907 15.172-57.022 32.051-75.281 47.893-9.178 7.966-15.484 15.13-18.953 21.141-3.481 6.029-3.189 9.178-2.654 10.65l0.182 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 67.999 57.975 6.148 1.024 14.315-0.358 24.73-5.201zM635.755 155.149c-12.066 16.841-28.339 38.622-46.729 60.958-22.912 27.819-49.476 56.939-75.563 78.4-13.039 10.722-26.351 19.861-39.36 25.916-12.902 6.003-26.624 9.485-39.94 7.266-36.951-6.157-65.543-37.483-85.74-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.935-15.697 64.198-29.367 93.22-38.332 14.502-4.476 28.186-7.851 40.132-9.677 11.618-1.775 22.899-2.3 31.927-0.038 26.355 6.588 43.81 29.274 54.827 51.196 8.708 17.318 14.374 36.066 17.566 51.166 0.597 0.294 1.165 0.623 1.69 0.981 2.321 3.465 3.494 9.173 3.345 10.859-0.149 0.789-0.474 1.997-0.623 2.428-0.26 0.717-0.529 1.259-0.597 1.399-0.115 0.23-0.218 0.418-0.282 0.533-0.124 0.23-0.247 0.435-0.329 0.572-0.307 0.525-0.755 1.225-1.242 1.988-2.031 3.149-6.353 9.634-12.454 18.377l-8.218 12.326-0.085-0.585zM812.535 366.788c5.696 0 10.257-2.697 13.026-4.71 3.042-2.214 5.841-5.026 8.294-7.829 4.932-5.636 9.822-12.809 14.007-19.507 4.245-6.788 8.034-13.525 10.743-18.534 1.361-2.513 2.466-4.612 3.23-6.093l0.892-1.732 0.239-0.474 0.064-0.132 0.021-0.038 2.91-5.82-2.901-5.803c-11.085-22.165-30.345-55.407-52.335-83.315-10.982-13.935-22.98-26.97-35.311-36.638-12.066-9.463-26.044-16.956-40.725-16.956-9.199 0-18.897 3.081-28.194 7.428-9.476 4.425-19.511 10.628-29.649 17.916-20.288 14.583-41.967 34.214-61.794 54.865-19.836 20.663-38.148 42.697-51.601 62.242-6.716 9.762-12.382 19.136-16.422 27.58-3.861 8.068-6.946 16.717-6.946 24.576v12.975h272.452zM851.46 301.922l11.593 5.815c0 0 0.009-0.017-11.593-5.815zM488.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.362-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.933 652.214l-103.795-168.66c-10.377-16.866-4.322-41.626 0-51.895h207.586l25.946 51.895c0 103.791-86.494 155.686-129.737 168.66zM612.109 667.506l9.549-2.865c45.683-13.705 138.987-68.914 138.987-181.087v-3.063l-30.903-61.807h-224.218l-3.341 7.94c-2.645 6.285-5.615 16.393-6.49 27.486-0.866 10.961 0.183 24.525 7.398 36.245l109.018 177.151zM623.548 636.586l-98.359-159.833c-3.166-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.532 86.647-69.111 133.952-111.121 150.024z" />
+<glyph unicode="&#xe909;" glyph-name="ledger" d="M0 576.688h233.335v-225.015h-233.335v225.015zM404.647 187.628h233.336v-225.014h-233.336v225.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.647 960h508.866c68.751 0 124.488-55.735 124.488-124.489v-483.87h-633.353v608.358z" />
+<glyph unicode="&#xe90a;" glyph-name="seed" d="M992.614 859.844c4.012 23.876 4.003 23.877 3.994 23.878l17.813-2.798 2.895-17.217c0 0.009 0 0.017-24.702-3.863zM6.683 863.689l-0.014-0.085-0.032-0.194-0.106-0.661-0.364-2.385c-0.303-2.051-0.719-5.011-1.192-8.786-0.946-7.549-2.125-18.376-3.098-31.74-1.942-26.684-3.079-63.708 0.178-105.067 6.437-81.744 30.398-185.086 104.557-256.765 55.461-53.606 129.141-79.951 197.454-92.463 55.22-10.114 108.439-11.469 148.772-10.175v-288c0-30.32 25.431-54.9 56.803-54.9s56.804 24.581 56.804 54.9v288.126c39.913-1.517 93.496-0.545 149.397 9.281 69.483 12.214 144.984 38.54 201.537 93.203 74.166 71.687 98.127 175.040 104.569 256.793 3.254 41.364 2.118 78.392 0.177 105.079-0.973 13.366-2.155 24.194-3.1 31.743-0.475 3.776-0.889 6.736-1.192 8.787l-0.363 2.385-0.107 0.661-0.033 0.194-0.014 0.085-24.702-3.863 3.994 23.878-0.968 0.147-2.472 0.352c-2.122 0.293-5.185 0.695-9.090 1.152-7.81 0.915-19.014 2.054-32.842 2.995-27.611 1.878-65.918 2.977-108.712-0.172-84.582-6.222-191.511-29.385-265.677-101.072-28.416-27.462-49.413-59.537-64.875-93.124-15.458 33.584-36.454 65.657-64.865 93.117-74.159 71.679-181.076 94.839-265.647 101.060-42.79 3.148-81.095 2.049-108.702 0.172-13.826-0.94-25.028-2.080-32.838-2.994-3.906-0.457-6.968-0.859-9.090-1.152l-2.468-0.352-0.684-0.102-0.2-0.031-0.088-0.014 3.995-23.878c-4.011 23.855-4.004 23.877-3.995 23.878l-17.813-2.798-2.895-17.217c0.001 0.009 0.022 0.013 24.703-3.863l-24.703 3.863zM851.144 778.705c21.267 1.564 41.365 1.884 59.127 1.55 0.344-17.168 0.014-36.593-1.606-57.149-5.739-72.92-26.382-143.758-71.619-187.481s-118.523-63.677-193.969-69.227c-21.267-1.564-41.365-1.884-59.127-1.55-0.344 17.169-0.014 36.593 1.606 57.149 5.739 72.92 26.387 143.758 71.619 187.481 45.238 43.724 118.528 63.677 193.969 69.227zM115.333 723.106c-1.618 20.549-1.948 39.968-1.603 57.132 17.758 0.334 37.848 0.014 59.109-1.55 75.433-5.549 148.709-25.499 193.938-69.215s65.869-114.542 71.61-187.453c1.618-20.549 1.948-39.968 1.604-57.132-17.758-0.334-37.848-0.014-59.109 1.55-75.433 5.549-148.709 25.499-193.938 69.215s-65.869 114.542-71.61 187.453z" />
+<glyph unicode="&#xe90c;" glyph-name="dapp-logo" d="M814.289 653.388c-166.95 163.458-437.63 163.458-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.673zM1017.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.039-5.47-2.039-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="&#xe90d;" glyph-name="double-arrow" d="M285.865 179.622c16.64-16.64 43.52-16.64 60.16 0l165.975 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.959-8.636 7.095-13.798 9.237s-10.697 3.243-16.282 3.243c-5.589 0-11.123-1.101-16.286-3.243-5.158-2.142-9.847-5.278-13.794-9.237l-195.841-195.413c-16.64-16.64-16.64-43.52 0-60.16zM285.865 460.8c16.64-16.64 43.52-16.64 60.16 0l165.975 165.121 165.547-165.548c16.64-16.64 43.52-16.64 60.16 0s16.64 43.52 0 60.16l-195.84 195.841c-3.947 3.956-8.636 7.095-13.798 9.236s-10.697 3.244-16.282 3.244c-5.589 0-11.123-1.102-16.286-3.244-5.158-2.141-9.847-5.28-13.794-9.236l-195.841-195.415c-16.64-16.64-16.64-43.52 0-60.16z" />
+<glyph unicode="&#xe90e;" 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="&#xe90f;" glyph-name="dropdown-arrow-small" d="M438.907 191.589c40.424-37.378 105.859-37.378 146.186 0l408.412 377.63c65.145 60.235 19 163.226-73.093 163.226l-816.824-0.090c-92.093 0-138.238-102.991-73.093-163.136l408.412-377.63z" />
+<glyph unicode="&#xe910;" 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="&#xe911;" glyph-name="options-horizontal" d="M879.596 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.002 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="&#xe912;" 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="&#xe913;" 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.93z" />
+<glyph unicode="&#xe914;" 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="&#xe915;" 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="&#xe916;" glyph-name="arrow-down" d="M760.567 569.239c9.911-9.014 9.911-23.629 0-32.643l-230.63-209.834c-9.907-9.015-25.967-9.015-35.874 0l-230.633 209.834c-9.907 9.014-9.907 23.629 0 32.643s25.97 9.014 35.878 0l212.692-193.513 212.693 193.513c9.907 9.014 25.967 9.014 35.874 0z" />
+<glyph unicode="&#xe917;" 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.011 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" />
+<glyph unicode="&#xe918;" 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.874z" />
+<glyph unicode="&#xe919;" 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.878z" />
+<glyph unicode="&#xe91b;" 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="&#xe91c;" glyph-name="element-drag" d="M298.667 447.996c0 47.125 38.205 85.333 85.333 85.333 47.13 0 85.333-38.208 85.333-85.333 0-47.13-38.204-85.333-85.333-85.333s-85.333 38.204-85.333 85.333zM554.667 447.996c0 47.125 38.204 85.333 85.333 85.333s85.333-38.208 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.333 0-47.125-38.204-85.333-85.333-85.333s-85.333 38.208-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.125-38.204-85.333-85.333-85.333s-85.333 38.208-85.333 85.333z" />
+<glyph unicode="&#xe91d;" glyph-name="transaction-partial-fill" d="M832.499 447.68c0 176.555-143.543 320.181-320 320.32v128c239.906-0.135 436.343-189.779 447.501-427.012v1.557c0.38-7.573 0.576-15.198 0.576-22.865s-0.196-15.287-0.576-22.865v1.557c-10.807-229.734-195.362-414.784-424.892-426.372h0.013c-0.905-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.457 0.141 320 143.765 320 320.256zM512.243-0.576c-7.612 0-15.181 0.192-22.703 0.567-0.055 0.004-0.111 0.004-0.166 0.009h0.013c-229.529 11.588-414.085 196.638-424.889 426.372v-1.557c-0.383 7.578-0.576 15.198-0.576 22.865s0.193 15.292 0.576 22.865v-1.557c11.156 237.233 207.59 426.877 447.502 427.012v-896h0.499z" />
+<glyph unicode="&#xe91e;" 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 64z" />
+<glyph unicode="&#xe91f;" d="M341.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 64z" />
+<glyph unicode="&#xe920;" d="M341.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 64z" />
+<glyph unicode="&#xe921;" d="M256 725.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="&#xe922;" d="M256 469.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="&#xe923;" d="M256 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="&#xe924;" 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.74 521.566c-17.204 16.102-44.204 15.21-60.307-1.993s-15.21-44.207 1.993-60.309l176.683-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.159 136.806z" />
+<glyph unicode="&#xe925;" 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="&#xe926;" 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="&#xe928;" glyph-name="shield" d="M498.129 24.055c9.698-3.639 20.386-3.631 30.076 0.030 168.346 63.599 275.204 151.066 328.93 250.807 10.091 18.052 17.984 38.097 24.009 59.78 6.959 25.050 11.2 51.371 13.321 78.067 1.434 18.014 1.745 33.506 1.455 47.334-0.068 2.987-0.068 2.987-0.073 2.688v272c0 24.709-20.919 44.251-45.572 42.567-21.329-1.457-32.043-1.991-43.9-1.991-111.714 0-203.981 39.909-267.994 90.209-16.474 12.945-39.906 12.014-55.3-2.196-0.922-0.847-2.022-1.75-3.686-3.001-1.28-0.966-2.85-2.105-7.014-5.123-17.788-11.879-28.122-18.392-43.648-26.725-3.437-1.846-6.883-3.627-10.339-5.341-60.663-29.792-126.433-47.823-200.646-47.823-11.919 0-22.554 0.53-43.941 1.991-24.651 1.684-45.574-17.859-45.574-42.567v-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.268-201.937zM782.524 316.305l-0.38-0.687c-41.929-78.042-127.91-149.965-269.060-205.888-112.85 44.476-195.069 101.325-245.661 168.384-8.823 11.2-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.389-4.13 60.429l0.086 228.169c1.385-0.012 2.78-0.017 4.198-0.017 88.57 0 166.714 21.424 238.411 56.636 4.442 2.202 8.7 4.403 12.932 6.676 15.774 8.467 26.914 15.258 42.914 25.824 75.383-51.486 175.313-89.135 294.37-89.135 1.399 0 2.773 0.006 4.139 0.017v-227.26c0.038-2.308 0.038-2.308 0.094-4.467 0.23-11.183-0.026-23.915-1.207-38.793-1.719-21.615-5.111-42.675-10.475-61.986-4.331-15.59-9.809-29.461-16.401-41.212z" />
+<glyph unicode="&#xe929;" glyph-name="clock" d="M383.875 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.186 72.832v189.908c0 23.595 19.072 42.667 42.667 42.667s42.667-19.072 42.667-42.667v-212.735c0-14.251-7.125-27.605-18.987-35.499l-128.172-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="&#xe92a;" 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="&#xe92b;" 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="&#xe92c;" glyph-name="download" d="M554.688 295.087v536.873c0 23.595-19.115 42.667-42.667 42.667-23.595 0-42.667-19.072-42.667-42.667v-536.873l-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.366-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="&#xe92d;" glyph-name="upload" d="M469.308 600.914v-536.876c0-23.595 19.115-42.667 42.667-42.667 23.595 0 42.667 19.072 42.667 42.667v536.876l175.872-175.83c16.683-16.683 43.691-16.683 60.331 0 16.683 16.683 16.683 43.648 0 60.331l-241.365 241.366c-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.366-241.366c-16.683-16.683-16.683-43.648 0-60.331 16.64-16.683 43.648-16.683 60.331 0l175.83 175.83zM895.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="&#xe92e;" 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="&#xe92f;" 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="&#xe930;" 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.047 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.047-195.046 195.047zM512.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="&#xe931;" 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.503c2.449 0.175 4.762 0.743 7.296 0.743 49.045 0 88.934-39.235 88.934-87.389 0-2.492-0.58-4.762-0.802-7.121l70.882-69.649c11.695 23.245 18.854 49.067 18.854 76.77 0 96.521-79.642 174.778-177.869 174.778-28.194 0-54.473-7.078-78.131-18.483l70.835-69.649zM511.983 226.53c-157.38 0-297.908 89.378-367.139 230.601 20.042 40.909 46.655 76.835 77.398 108.105l102.603-100.817c-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.861 73.831-189.001 256.039-322.842 469.364-322.842 45.295 0 88.947 6.643 130.624 17.941l76.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="&#xe932;" 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="&#xe933;" 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="&#xe934;" 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.812 0.213-187.308 52.395-236.247 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.761-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.090 789.347c28.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.378 0 75.99-61.824 137.814-137.813 137.814-75.947 0-137.771-61.824-137.771-137.814 0-45.312 22.272-85.291 56.149-110.378-16.939-7.168-33.195-15.957-48.213-27.264-28.203 45.654-67.328 79.958-112.299 98.987 33.877 25.131 56.192 65.109 56.192 110.421 0 75.947-61.865 137.813-137.812 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.769-38.016 133.161-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="&#xe935;" glyph-name="edit-owner" d="M512.132 789.333c70.571 0 128-57.387 128-128 0-70.571-57.429-128-128-128s-127.998 57.429-127.998 128c0 70.613 57.428 128 127.998 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.333-117.63 0-213.332-95.701-213.332-213.333 0-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.038 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="&#xe936;" glyph-name="add-owner" d="M555.115 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.947 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.624 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="&#xe937;" glyph-name="send-to" d="M979.541 75.686c-65.873 225.809-162.812 360.751-316.979 401.515 63.13 37.052 105.519 105.64 105.519 184.123 0 117.815-95.518 213.333-213.333 213.333-117.845 0-213.334-95.505-213.334-213.333 0-78.872 42.786-147.741 106.424-184.661-72.535-19.913-133.866-61.282-184.672-122.799-15.005-18.172-12.44-45.065 5.728-60.070 18.169-15.002 45.062-12.437 60.067 5.73 58.092 70.34 130.554 105.549 225.62 105.549 172.625 0 272.363-111.010 343.040-353.284 6.601-22.618 30.289-35.61 52.907-29.009 22.622 6.601 35.61 30.285 29.013 52.907zM682.748 661.324c0-70.687-57.314-128-128-128-70.711 0-128 57.297-128 128s57.289 128 128 128c70.686 0 128-57.314 128-128zM494.182 106.449h-366.161c-23.564 0-42.667 19.102-42.667 42.667s19.102 42.667 42.667 42.667h366.23l-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.661-16.666-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="&#xe938;" 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="&#xe939;" 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.474 559.971c93.76 93.76 245.826 93.76 339.637 0 6.622-6.624 12.804-13.569 18.56-20.845 14.622-18.477 11.499-45.31-6.98-59.936-18.479-14.622-45.312-11.494-59.934 6.98-3.716 4.698-7.701 9.173-11.981 13.453-58.317 58.287-151.569 60.369-212.351 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.157-6.426l6.601 6.225 32.128 32.555c16.55 16.772 43.567 16.951 60.339 0.401 15.479-15.279 16.823-39.475 3.921-56.299l-3.524-4.041-32.324-32.755c-93.805-93.803-245.834-93.803-339.646 0.009-91.216 91.268-93.681 237.641-7.383 331.9l7.397 7.731 128.806 128.764z" />
+<glyph unicode="&#xe93a;" glyph-name="share" d="M426.656 447.851c0 15.859-2.47 31.138-7.048 45.474l216.957 131.441c27.311-29.952 66.65-48.745 110.387-48.745 82.483 0 149.333 66.847 149.333 149.333 0 82.456-66.859 149.333-149.333 149.333s-149.333-66.877-149.333-149.333c0-7.932 0.614-15.72 1.809-23.317l-228.064-138.169c-25.672 20.833-58.396 33.316-94.041 33.316-82.487 0-149.333-66.846-149.333-149.333 0-82.458 66.858-149.333 149.333-149.333 35.651 0 68.385 12.497 94.061 33.348l228.052-138.163c-1.199-7.62-1.818-15.433-1.818-23.39 0-82.487 66.846-149.333 149.333-149.333 82.483 0 149.333 66.846 149.333 149.333s-66.85 149.333-149.333 149.333c-43.712 0-83.034-18.773-110.34-48.695l-216.996 131.465c4.572 14.327 7.040 29.594 7.040 45.436zM746.953 789.355c35.341 0 64-28.666 64-64 0-35.358-28.642-64-64-64-35.362 0-64 28.642-64 64 0 35.334 28.655 64 64 64zM341.323 447.851c0-35.332-28.659-64-64-64s-64 28.668-64 64c0 35.358 28.641 64 64 64s64-28.642 64-64zM746.953 234.313c35.358 0 64-28.642 64-64s-28.642-64-64-64c-35.362 0-64 28.642-64 64s28.638 64 64 64z" />
+<glyph unicode="&#xe93b;" 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="&#xe93d;" 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="&#xe93e;" 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="&#xe93f;" 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.085c0 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.666c0-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.666h255.915v-171.52c0-46.464 37.888-84.267 84.437-84.267h171.648v-43.050h0.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="&#xe940;" 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="&#xe941;" 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.374l-0.013-82.82h80.794l-80.781 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="&#xe942;" glyph-name="search" d="M170.682 533.338c0 141.184 114.816 256 256.001 256 141.141 0 256-114.816 256-256s-114.859-256-256-256c-141.185 0-256.001 114.816-256.001 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.545 0-341.335-152.832-341.335-341.333s152.789-341.333 341.335-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="&#xe943;" 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.163 106.667h-110.507v111.829l408.962 406.955 110.72-111.659-409.175-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.852-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.108 582.485c16.64 16.811 26.027 40.149 25.685 64z" />
+<glyph unicode="&#xe944;" 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.546 125.833c-0.555-10.837-11.008-19.328-21.205-19.243h-343.34c-9.813 1.109-19.669 8.363-20.224 19.541l-27.648 492.544h438.914l-26.496-492.843zM426.528 763.059c0 14.251 12.076 26.283 26.327 26.283h118.101c14.507 0 26.325-11.819 26.325-26.283v-59.051h-170.754v59.051zM853.325 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.57 0-111.66-50.091-111.66-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.767c55.467 0 102.357 44.544 105.045 100.181l26.709 497.237h36.821c23.595 0 42.667 19.072 42.667 42.667s-19.072 42.667-42.667 42.667z" />
+<glyph unicode="&#xe945;" 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.343 448l90.509-90.509c16.661-16.661 16.661-43.678 0-60.339-16.661-16.666-43.678-16.666-60.339 0l-90.509 90.509-90.511-90.509c-16.663-16.666-43.677-16.666-60.34 0-16.662 16.661-16.662 43.678 0 60.339l90.508 90.509-90.508 90.51c-16.662 16.663-16.662 43.677 0 60.34s43.677 16.662 60.34 0l90.511-90.511 90.509 90.511c16.661 16.662 43.678 16.662 60.339 0s16.661-43.677 0-60.34l-90.509-90.51z" />
+<glyph unicode="&#xe946;" glyph-name="close-filled" d="M938.675 448.013c0-235.648-191.061-426.667-426.667-426.667-235.646 0-426.665 191.019-426.665 426.667 0 235.605 191.019 426.667 426.665 426.667 235.605 0 426.667-191.061 426.667-426.667zM572.352 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.761-146.782-146.784 146.782c-16.597 16.597-43.733 16.597-60.331 0-16.597-16.64-16.597-43.733 0-60.373l146.763-146.765-146.763-146.782c-16.597-16.597-16.597-43.733 0-60.331s43.733-16.597 60.331 0l146.784 146.765 146.761-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="&#xe947;" 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.449z" />
+<glyph unicode="&#xe948;" 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="&#xe949;" 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="&#xe94a;" 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="&#xe94b;" 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="&#xe94c;" 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="&#xe94d;" 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="&#xe94e;" 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="&#xe94f;" 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="&#xe950;" glyph-name="filter" d="M181.33 720.64c86.187-110.507 245.333-315.307 245.333-315.307v-256c0-23.467 19.199-42.667 42.665-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.492c-35.413 0-55.467-40.533-33.707-68.693z" />
+<glyph unicode="&#xe951;" 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="&#xe952;" 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="&#xe953;" 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.842 494.387h-180.275v180.275c0 25.617-20.766 46.409-46.409 46.409-25.617 0-46.409-20.791-46.409-46.409v-180.275h-180.227c-25.641 0-46.408-20.791-46.408-46.409s20.768-46.409 46.408-46.409h180.227v-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.404 20.791 46.404 46.409s-20.787 46.409-46.404 46.409z" />
+<glyph unicode="&#xe954;" glyph-name="transaction-change-settings" d="M512.081 268.8c-101.632 0-184.235 80.213-184.235 179.2s82.517 179.2 184.32 179.2c101.717 0 184.149-80.213 184.149-179.2s-82.432-179.2-184.235-179.2zM903.164 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.31 15.198 1.165 6.026 0.098 12.269-2.995 17.57l-105.301 177.152c-3.136 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.277 20.606-57.178 37.48-88.917 50.176l-19.541 135.68c-1.161 6.099-4.429 11.595-9.237 15.526-4.804 3.931-10.837 6.047-17.045 5.978h-210.517c-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.517c6.208-0.068 12.241 2.048 17.045 5.978 4.809 3.93 8.077 9.429 9.237 15.526l19.541 135.68c31.757 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.995 17.57-1.161 6.025-4.467 11.426-9.31 15.198l-111.104 84.992z" />
+<glyph unicode="&#xe955;" 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="&#xe956;" glyph-name="transaction-execute" d="M897.032 860.847c2.961-2.253 5.607-4.901 7.86-7.872 37.29-49.112 14.074-242.14-55.288-328.405l-6.431-7.545-18.506-18.678 1.896-10.543c19.878-119.267 0.057-230.666-45.294-329.597-19.915-43.442-40.096-74.924-54.338-92.721-14.201-17.744-39.637-20.316-56.975-6.685l-3.846 3.432-136.684 138.031-29.475-29.848c-44.397-44.745-124.609-7.549-199.403 65.319l-7.22 7.16c-74.377 75.092-114.932 157.11-75.762 204.194l4.041 4.448 29.413 29.729-136.609 137.993c-17.2 17.371-15.702 45.96 3.219 61.4 17.623 14.381 48.802 34.757 91.823 54.863 100.859 47.136 214.813 66.956 336.893 43.851l18.629 18.704 8.995 7.909c58.298 48.033 152.216 71.286 241.275 71.286 37.99 0 65.409-3.976 81.785-16.428zM587.346 258.74l101.065-102.048c4.329 7.569 8.462 15.393 12.513 23.618l6.005 12.636c32.424 70.738 49.562 148.595 44.503 231.436l-164.086-165.642zM815.247 794.567c-71.029 0-146.907-18.706-187.163-50.672l-6.373-5.449-336.347-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.793-1.86 7.299-3.371 10.437-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.63 20.728 3.785 41.26 3.523 59.102l-0.324 10.362-0.647 9.090-9.339 0.623-6.836 0.232-7.27 0.079zM219.438 648.215l-11.529-6.395 101.072-102.037 164.131 165.614c-82.064 5.115-159.182-12.186-229.244-44.929-8.541-3.992-16.69-8.092-24.431-12.252z" />
+<glyph unicode="&#xe957;" 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="&#xe958;" glyph-name="transaction-swap" d="M690.655 826.933c-12.157 11.836-31.605 11.576-43.438-0.58-11.837-12.156-11.579-31.605 0.578-43.441l73.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.032c0-16.966 13.754-30.72 30.72-30.72s30.72 13.754 30.72 30.72v62.032c0 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.284-0.578-43.441 11.833-12.153 31.281-12.415 43.438-0.578l127.418 124.060c5.939 5.783 9.29 13.721 9.29 22.010s-3.351 16.227-9.29 22.010l-127.418 124.062zM372.658 392.135c11.836-12.157 11.576-31.605-0.58-43.442l-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.716v62.030c0 16.966 13.754 30.72 30.72 30.72s30.72-13.754 30.72-30.72v-62.030c0-41.32-16.867-80.777-46.608-109.736-29.716-28.934-69.849-45.048-111.53-45.048h-370.384l73.27-71.34c12.156-11.833 12.415-31.285 0.58-43.438-11.836-12.157-31.284-12.415-43.441-0.582l-127.418 124.064c-1.823 1.774-3.403 3.752-4.716 5.882-2.755 4.452-4.403 9.667-4.561 15.249-0.009 0.295-0.013 0.59-0.013 0.885 0 8.847 3.739 16.818 9.723 22.426l126.985 123.638c12.156 11.837 31.605 11.575 43.441-0.578z" />
+<glyph unicode="&#xe959;" glyph-name="transaction-outgoing" d="M777.183 311.644c-34.431-0.045-62.538 28.336-62.493 63.095v204.367l-423.727-427.783c-24.309-24.543-64.087-24.543-88.396 0-24.353 24.584-24.309 64.7 0 89.24l423.727 427.787-202.472 0.044c-34.386 0-62.496 28.38-62.496 63.095s28.11 63.095 62.496 63.095l353.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.83 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="&#xe95a;" glyph-name="transaction-incoming" d="M235.766 604.93c35.865 0.046 65.146-29.234 65.1-65.097v-210.852l441.38 441.361c25.323 25.321 66.756 25.321 92.079 0 25.365-25.367 25.323-66.754 0-92.075l-441.38-441.361 210.908-0.047c35.819 0 65.097-29.278 65.097-65.097s-29.278-65.097-65.097-65.097l-368.086 0.047c-5.433-0.094-10.313 1.839-15.331 3.085-3.084 0.781-6.307 0.691-9.346 1.886-2.717 1.058-4.834 3.179-7.274 4.698-12.385 7.134-22.652 17.493-28.176 30.75-1.151 2.901-1.059 6.033-1.796 9.071-1.335 5.111-3.177 9.988-3.177 15.607v368.023c0 35.817 29.281 65.097 65.1 65.097z" />
+<glyph unicode="&#xe95b;" glyph-name="mobile" d="M682.667 874.671h-341.333c-70.357 0-128-57.6-128-128v-597.333c0-70.4 57.643-128 128-128h341.333c70.4 0 128 57.6 128 128v597.333c0 70.4-57.6 128-128 128zM682.667 789.337c23.125 0 42.667-19.541 42.667-42.667v-597.333c0-23.125-19.541-42.667-42.667-42.667h-341.333c-23.125 0-42.667 19.541-42.667 42.667v597.333c0 23.125 19.541 42.667 42.667 42.667h341.333zM512 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="&#xe95c;" 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.333h128v85.333h-128v-85.333z" />
+<glyph unicode="&#xe95f;" 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="&#xe960;" glyph-name="safe" d="M853.342 789.342c44.966 0 81.843-34.833 85.103-78.968l0.23-6.365v-512c0-44.962-34.833-81.839-78.967-85.099l-6.494-0.192c0.004-22.118-16.439-40.128-37.679-42.59l-4.983-0.286c-21.867 0-39.91 16.444-42.377 37.683l-0.294 5.193h-511.956c0.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.839 78.968 85.099l6.365 0.234h682.665zM853.342 704.009h-682.665v-512h682.665v512zM639.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.675c21.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.469-42.38 37.692l-0.287 4.975v256c0 23.564 19.103 42.667 42.667 42.667z" />
+<glyph unicode="&#xe962;" 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="&#xe963;" 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" />
+<glyph unicode="&#xe964;" 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="&#xe965;" 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="&#xe966;" 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.393 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.856 15.872 57.728 0l0.213-0.213c15.872-15.872 15.872-41.856 0-57.728l-122.198-122.197 122.215-122.197c15.872-15.915 15.872-41.899 0-57.771l-0.213-0.213c-15.872-15.872-41.856-15.872-57.728 0l-122.219 122.236z" />
+<glyph unicode="&#xe967;" 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="&#xe969;" 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.445-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.043-0.427 0.128-0.597 0.171 0 0-5.76-32.469-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="&#xe96a;" 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="&#xe96b;" glyph-name="nft" d="M879.501 624.925h-737.449v-73.955h737.449v73.955zM902.886 578.56l-9.216 7.055c-9.899 7.567-11.891 21.675-4.437 31.631l6.997 9.385c11.375 14.963 6.37 33.338-6.711 48.755l-95.347 133.518c-14.336 20.082-37.491 32.029-62.182 32.029h-440.261c-24.689 0-47.843-11.947-62.179-32.029l-95.119-133.518c-13.085-15.418-18.034-33.736-6.713-48.755l6.997-9.385c7.396-10.013 5.461-24.064-4.437-31.631l-9.216-7.055c-14.962-11.377-17.92-32.71-6.543-47.671l335.076-466.547c5.005-6.541 12.745-10.411 20.992-10.411h82.658c8.247 0 15.987 3.87 20.992 10.411l335.249 466.547c11.375 14.961 8.418 36.35-6.545 47.671h-0.055zM519.454 121.63c-3.81-5.009-11.319-5.009-15.13 0l-335.191 459.604c-3.813 5.006-2.56 12.288 1.138 17.236l105.984 148.538c8.931 12.573 23.381 19.968 38.798 19.968h393.615c15.415 0 29.867-7.453 38.797-19.968l106.155-148.538c3.755-4.948 4.949-12.288 1.139-17.236l-335.305-459.604z" />
+<glyph unicode="&#xe96c;" glyph-name="token" d="M639.915 746.688c-164.907 0-298.665-133.76-298.665-298.667 0-164.949 133.758-298.667 298.665-298.667 164.949 0 298.667 133.717 298.667 298.667 0 164.907-133.717 298.667-298.667 298.667zM639.915 661.355c117.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.319 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.671 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;" 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" />
+</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..95dd98805
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..13341da03
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..6bc8add89
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/selection.json
@@ -0,0 +1,2451 @@
+{
+  "IcoMoonType": "selection",
+  "icons": [
+    {
+      "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": { "11611631671181918125521401255951141": [{ "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 121, "id": 103, "name": "block", "prevSize": 32, "code": 59648 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 0
+    },
+    {
+      "icon": {
+        "paths": [
+          "M511.949 341.432c23.552 0 42.667 19.072 42.667 42.667v170.666c0 23.552-19.115 42.667-42.667 42.667-23.595 0-42.667-19.115-42.667-42.667v-170.666c0-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.349c-21.419 0-42.837 10.667-54.741 32.085l-406.612 728.62c-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.62c-11.947-21.419-33.365-32.085-54.784-32.085zM511.991 194.32l367.957 659.372h-735.871l367.914-659.372z"
+        ],
+        "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": { "11611631671181918125521401255951141": [{ "f": 4 }, { "f": 4 }, { "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 120, "id": 102, "name": "alert-triangle", "prevSize": 32, "code": 59649 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 1
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{ "f": 4 }, { "f": 4 }, { "f": 4 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }, { "fill": "rgb(255, 95, 114)" }],
+      "properties": { "order": 119, "id": 101, "name": "alert", "prevSize": 32, "code": 59650 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 2
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 118, "id": 100, "name": "info", "prevSize": 32, "code": 59651 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 3
+    },
+    {
+      "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.829 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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 117, "id": 99, "name": "question", "prevSize": 32, "code": 59652 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 4
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 116, "id": 98, "name": "points", "prevSize": 32, "code": 59653 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 5
+    },
+    {
+      "icon": {
+        "paths": [
+          "M307.199 163.142c0-6.317 5.093-11.438 11.377-11.438h79.646c6.284 0 11.378 5.121 11.378 11.438v80.066c0 6.317-5.093 11.438-11.378 11.438h-91.023v-91.504z",
+          "M204.801 266.083c0-6.317 5.094-11.438 11.378-11.438h91.022v91.504c0 6.317-5.094 11.438-11.378 11.438h-91.022v-91.504z",
+          "M102.4 369.025c0-6.317 5.094-11.438 11.378-11.438h91.022v91.504c0 6.317-5.094 11.438-11.378 11.438h-91.022v-91.504z",
+          "M0 471.967c0-6.317 5.094-11.438 11.378-11.438h91.022v102.94h-91.022c-6.284 0-11.378-5.12-11.378-11.435v-80.068z",
+          "M102.4 563.469h91.022c6.284 0 11.378 5.124 11.378 11.438v91.504h-91.022c-6.284 0-11.378-5.12-11.378-11.438v-91.504z",
+          "M204.801 666.412h91.022c6.284 0 11.378 5.124 11.378 11.438v91.504h-91.022c-6.284 0-11.378-5.12-11.378-11.438v-91.504z",
+          "M307.199 769.354h91.023c6.284 0 11.378 5.12 11.378 11.438v80.065c0 6.318-5.093 11.438-11.378 11.438h-79.646c-6.284 0-11.377-5.12-11.377-11.438v-91.504z",
+          "M716.8 163.142c0-6.317-5.093-11.438-11.378-11.438h-79.644c-6.284 0-11.378 5.121-11.378 11.438v80.066c0 6.317 5.093 11.438 11.378 11.438h91.022v-91.504z",
+          "M819.2 266.083c0-6.317-5.093-11.438-11.378-11.438h-91.022v91.504c0 6.317 5.093 11.438 11.378 11.438h91.022v-91.504z",
+          "M921.6 369.025c0-6.317-5.093-11.438-11.378-11.438h-91.022v91.504c0 6.317 5.093 11.438 11.378 11.438h91.022v-91.504z",
+          "M1024 471.967c0-6.317-5.093-11.438-11.378-11.438h-91.022v102.94h91.022c6.284 0 11.378-5.12 11.378-11.435v-80.068z",
+          "M921.6 563.469h-91.022c-6.284 0-11.378 5.124-11.378 11.438v91.504h91.022c6.284 0 11.378-5.12 11.378-11.438v-91.504z",
+          "M819.2 666.412h-91.022c-6.284 0-11.378 5.124-11.378 11.438v91.504h91.022c6.284 0 11.378-5.12 11.378-11.438v-91.504z",
+          "M716.8 769.354h-91.022c-6.284 0-11.378 5.12-11.378 11.438v80.065c0 6.318 5.093 11.438 11.378 11.438h79.644c6.284 0 11.378-5.12 11.378-11.438v-91.504z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["code-blocks"],
+        "colorPermutations": {
+          "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]
+        }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 115, "id": 97, "name": "code-blocks", "prevSize": 32, "code": 59654 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 6
+    },
+    {
+      "icon": {
+        "paths": [
+          "M313.544 7.455l-0.002 0.002 2.236 2.012-0.002 0.002 92.821 88.767-95.054-90.783zM313.544 7.455l-0.114-0.096M313.544 7.455l-0.114-0.096M313.43 7.358c-9.616-8.124-21.647-12.158-33.609-12.158M313.43 7.358l-33.609-12.158M443.789 580.65l-191.421-183.062c-36.396-34.806-43.486-87.131-21.158-128.769l-0.106-0.097-0.079-0.073 0.001-0.001-92.82-88.777c-19.335-18.479-19.99-48.173-1.927-67.423l0.089-0.095 0.001 0.001 1.834-1.851 0.001 0.001 105.658-101.033 199.927 571.178zM443.789 580.65l-188.309 180.16c-61.842 62.166-60.854 160.595 2.94 221.603l0.001 0.003c32.357 30.931 74.734 46.384 117.054 46.384s84.707-15.453 117.053-46.387l362.618-346.848c61.84-62.166 60.854-160.589-2.941-221.597l-0.045-0.042-2.832-2.643-0.096-0.083-2.723-2.41c-2.022-2.138-4.115-4.24-6.269-6.301v0l-299.792-286.601c-22.122-19.726-50.352-29.554-78.528-29.554-18.176 0-36.368 4.088-52.922 12.287l34.79 482.028zM279.821-4.8c-12.97 0-25.998 4.735-35.956 14.27l35.956-14.27zM813.021 452.032v0c20.765 19.859 32.147 46.186 32.147 74.176 0 27.987-11.382 54.33-32.147 74.186l-362.298 346.403c-0.010 0.010-0.019 0.019-0.032 0.029-20.448 18.304-46.992 28.365-75.219 28.365-29.466 0-57.112-10.966-77.883-30.829-20.764-19.869-32.146-46.198-32.146-74.198 0-27.987 11.382-54.317 32.146-74.173l362.299-346.397c0.010-0.010 0.019-0.019 0.029-0.029 20.442-18.31 46.995-28.371 75.219-28.371 29.469 0 57.114 10.963 77.885 30.838zM504.246 156.711l0.003 0.002 220.826 211.163c-38.912 2.253-77.2 17.6-106.995 46.093 0 0 0 0 0 0l-134.816 128.915-193.652-185.283c-21.24-22.288-20.61-56.896 1.922-78.454l7.348-7.003c1.403-1.084 2.76-2.249 4.063-3.495h0l107.535-102.936 0.176-0.2 1.533-1.728 7.341-7.033 2.246-2.046c11.005-9.527 25.12-14.76 40.141-14.76 16.038 0 31.050 5.969 42.33 16.766zM181.005 145.102l98.797-94.513 85.788 82.206-98.808 94.493-85.777-82.186zM730.474 460.125c-39.981 0-72.758 31.046-72.758 69.792s32.778 69.792 72.758 69.792c39.981 0 72.771-31.043 72.771-69.792s-32.79-69.792-72.771-69.792zM730.474 513.731c9.68 0 17.152 7.45 17.152 16.182s-7.472 16.182-17.152 16.182c-9.67 0-17.139-7.443-17.139-16.182s7.469-16.182 17.139-16.182z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["hardware"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 122, "id": 96, "name": "hardware", "prevSize": 32, "code": 59655 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 7
+    },
+    {
+      "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.159 663.104c10.3 4.791 21.722 12.48 33.822 22.43 24.188 19.895 49.515 47.535 72.013 74.854 22.426 27.23 41.673 53.692 53.705 70.938 3.029 4.343 5.589 8.085 7.616 11.085-2.453 13.982-7.778 33.455-16.516 50.833-9.954 19.81-22.771 33.886-37.935 37.675-3.942 0.99-11.093 1.105-21.717-0.516-10.291-1.57-22.665-4.582-36.395-8.819-27.435-8.474-59.332-21.559-89.135-36.676-29.907-15.172-57.022-32.051-75.281-47.893-9.178-7.966-15.484-15.13-18.953-21.141-3.481-6.029-3.189-9.178-2.654-10.65l0.182-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 67.999-57.975 6.148-1.024 14.315 0.358 24.73 5.201zM635.755 804.851c-12.066-16.841-28.339-38.622-46.729-60.958-22.912-27.819-49.476-56.939-75.563-78.4-13.039-10.722-26.351-19.861-39.36-25.916-12.902-6.003-26.624-9.485-39.94-7.266-36.951 6.157-65.543 37.483-85.74 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.935 15.697 64.198 29.367 93.22 38.332 14.502 4.476 28.186 7.851 40.132 9.677 11.618 1.775 22.899 2.3 31.927 0.038 26.355-6.588 43.81-29.274 54.827-51.196 8.708-17.318 14.374-36.066 17.566-51.166 0.597-0.294 1.165-0.623 1.69-0.981 2.321-3.465 3.494-9.173 3.345-10.859-0.149-0.789-0.474-1.997-0.623-2.428-0.26-0.717-0.529-1.259-0.597-1.399-0.115-0.23-0.218-0.418-0.282-0.533-0.124-0.23-0.247-0.435-0.329-0.572-0.307-0.525-0.755-1.225-1.242-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.212c5.696 0 10.257 2.697 13.026 4.71 3.042 2.214 5.841 5.026 8.294 7.829 4.932 5.636 9.822 12.809 14.007 19.507 4.245 6.788 8.034 13.525 10.743 18.534 1.361 2.513 2.466 4.612 3.23 6.093l0.892 1.732 0.239 0.474 0.064 0.132 0.021 0.038 2.91 5.82-2.901 5.803c-11.085 22.165-30.345 55.407-52.335 83.315-10.982 13.935-22.98 26.97-35.311 36.638-12.066 9.463-26.044 16.956-40.725 16.956-9.199 0-18.897-3.081-28.194-7.428-9.476-4.425-19.511-10.628-29.649-17.916-20.288-14.583-41.967-34.214-61.794-54.865-19.836-20.663-38.148-42.697-51.601-62.242-6.716-9.762-12.382-19.136-16.422-27.58-3.861-8.068-6.946-16.717-6.946-24.576v-12.975h272.452zM851.46 658.078l11.593-5.815c0 0 0.009 0.017-11.593 5.815z",
+          "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.362-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.933 307.786l-103.795 168.66c-10.377 16.866-4.322 41.626 0 51.895h207.586l25.946-51.895c0-103.791-86.494-155.686-129.737-168.66z",
+          "M612.109 292.494l9.549 2.865c45.683 13.705 138.987 68.914 138.987 181.087v3.063l-30.903 61.807h-224.218l-3.341-7.94c-2.645-6.285-5.615-16.393-6.49-27.486-0.866-10.961 0.183-24.525 7.398-36.245l109.018-177.151zM623.548 323.414l-98.359 159.833c-3.166 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.532-86.647-69.111-133.952-111.121-150.024z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["keystone"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 123, "id": 95, "name": "keystone", "prevSize": 32, "code": 59656 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 8
+    },
+    {
+      "icon": {
+        "paths": [
+          "M0 383.312h233.335v225.015h-233.335v-225.015z",
+          "M404.647 772.372h233.336v225.014h-233.336v-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.647 0h508.866c68.751 0 124.488 55.735 124.488 124.489v483.87h-633.353v-608.358z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["ledger"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 124, "id": 94, "name": "ledger", "prevSize": 32, "code": 59657 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 9
+    },
+    {
+      "icon": {
+        "paths": [
+          "M992.614 100.156c4.012-23.876 4.003-23.877 3.994-23.878l17.813 2.798 2.895 17.217c0-0.009 0-0.017-24.702 3.863z",
+          "M6.683 96.311l-0.014 0.085-0.032 0.194-0.106 0.661-0.364 2.385c-0.303 2.051-0.719 5.011-1.192 8.786-0.946 7.549-2.125 18.376-3.098 31.74-1.942 26.684-3.079 63.708 0.178 105.067 6.437 81.744 30.398 185.086 104.557 256.765 55.461 53.606 129.141 79.951 197.454 92.463 55.22 10.114 108.439 11.469 148.772 10.175v288c0 30.32 25.431 54.9 56.803 54.9s56.804-24.581 56.804-54.9v-288.126c39.913 1.517 93.496 0.545 149.397-9.281 69.483-12.214 144.984-38.54 201.537-93.203 74.166-71.687 98.127-175.040 104.569-256.793 3.254-41.364 2.118-78.392 0.177-105.079-0.973-13.366-2.155-24.194-3.1-31.743-0.475-3.776-0.889-6.736-1.192-8.787l-0.363-2.385-0.107-0.661-0.033-0.194-0.014-0.085-24.702 3.863 3.994-23.878-0.968-0.147-2.472-0.352c-2.122-0.293-5.185-0.695-9.090-1.152-7.81-0.915-19.014-2.054-32.842-2.995-27.611-1.878-65.918-2.977-108.712 0.172-84.582 6.222-191.511 29.385-265.677 101.072-28.416 27.462-49.413 59.537-64.875 93.124-15.458-33.584-36.454-65.657-64.865-93.117-74.159-71.679-181.076-94.839-265.647-101.060-42.79-3.148-81.095-2.049-108.702-0.172-13.826 0.94-25.028 2.080-32.838 2.994-3.906 0.457-6.968 0.859-9.090 1.152l-2.468 0.352-0.684 0.102-0.2 0.031-0.088 0.014 3.995 23.878c-4.011-23.855-4.004-23.877-3.995-23.878l-17.813 2.798-2.895 17.217c0.001-0.009 0.022-0.013 24.703 3.863l-24.703-3.863zM851.144 181.295c21.267-1.564 41.365-1.884 59.127-1.55 0.344 17.168 0.014 36.593-1.606 57.149-5.739 72.92-26.382 143.758-71.619 187.481s-118.523 63.677-193.969 69.227c-21.267 1.564-41.365 1.884-59.127 1.55-0.344-17.169-0.014-36.593 1.606-57.149 5.739-72.92 26.387-143.758 71.619-187.481 45.238-43.724 118.528-63.677 193.969-69.227zM115.333 236.894c-1.618-20.549-1.948-39.968-1.603-57.132 17.758-0.334 37.848-0.014 59.109 1.55 75.433 5.549 148.709 25.499 193.938 69.215s65.869 114.542 71.61 187.453c1.618 20.549 1.948 39.968 1.604 57.132-17.758 0.334-37.848 0.014-59.109-1.55-75.433-5.549-148.709-25.499-193.938-69.215s-65.869-114.542-71.61-187.453z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["seed"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 114, "id": 93, "name": "seed", "prevSize": 32, "code": 59658 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 10
+    },
+    {
+      "icon": {
+        "paths": [
+          "M677.197 309.028l142.349-142.351M900.89 85.333v0zM510.033 476.19c21.001 20.719 37.696 45.389 49.122 72.589s17.361 56.393 17.459 85.892c0.098 29.504-5.636 58.735-16.883 86.007-11.243 27.277-27.772 52.058-48.631 72.917-20.864 20.864-45.645 37.393-72.922 48.636-27.273 11.243-56.503 16.981-86.005 16.883s-58.693-6.033-85.893-17.459c-27.199-11.426-51.869-28.122-72.591-49.122-40.748-42.189-63.295-98.692-62.785-157.346s24.035-114.756 65.51-156.233c41.475-41.476 97.58-65.001 156.232-65.51s115.159 22.037 157.348 62.784l0.038-0.038zM510.033 476.19v0zM677.197 309.028l122.014 122.016 142.353-142.352-122.018-122.016-142.349 142.351z"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["key"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 141, "id": 92, "name": "key", "prevSize": 32, "code": 59659 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 11
+    },
+    {
+      "icon": {
+        "paths": [
+          "M814.289 306.612c-166.95-163.458-437.63-163.458-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.673zM1017.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.039-5.47 2.039-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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 112, "id": 91, "name": "dapp-logo", "prevSize": 32, "code": 59660 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 12
+    },
+    {
+      "icon": {
+        "paths": [
+          "M285.865 780.378c16.64 16.64 43.52 16.64 60.16 0l165.975-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.959-8.636-7.095-13.798-9.237s-10.697-3.243-16.282-3.243c-5.589 0-11.123 1.101-16.286 3.243-5.158 2.142-9.847 5.278-13.794 9.237l-195.841 195.413c-16.64 16.64-16.64 43.52 0 60.16z",
+          "M285.865 499.2c16.64 16.64 43.52 16.64 60.16 0l165.975-165.121 165.547 165.548c16.64 16.64 43.52 16.64 60.16 0s16.64-43.52 0-60.16l-195.84-195.841c-3.947-3.956-8.636-7.095-13.798-9.236s-10.697-3.244-16.282-3.244c-5.589 0-11.123 1.102-16.286 3.244-5.158 2.141-9.847 5.28-13.794 9.236l-195.841 195.415c-16.64 16.64-16.64 43.52 0 60.16z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["double-arrow"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 111, "id": 90, "name": "double-arrow", "prevSize": 32, "code": 59661 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 13
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 110, "id": 89, "name": "arrow-sort", "prevSize": 32, "code": 59662 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 14
+    },
+    {
+      "icon": {
+        "paths": [
+          "M438.907 768.411c40.424 37.378 105.859 37.378 146.186 0l408.412-377.63c65.145-60.235 19-163.226-73.093-163.226l-816.824 0.090c-92.093 0-138.238 102.991-73.093 163.136l408.412 377.63z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["dropdown-arrow-small"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 109, "id": 88, "name": "dropdown-arrow-small", "prevSize": 32, "code": 59663 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 15
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 108, "id": 87, "name": "options-vertical", "prevSize": 32, "code": 59664 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 16
+    },
+    {
+      "icon": {
+        "paths": [
+          "M879.596 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.002 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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 107, "id": 86, "name": "options-horizontal", "prevSize": 32, "code": 59665 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 17
+    },
+    {
+      "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",
+          "M450.999 682.667v0c-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.997"
+        ],
+        "attrs": [
+          {},
+          {},
+          {
+            "fill": "none",
+            "stroke": "rgb(0, 0, 0)",
+            "strokeLinejoin": "miter",
+            "strokeLinecap": "butt",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 21.333333333333332
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": true,
+        "grid": 0,
+        "tags": ["check-oulined"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, { "s": 0 }] }
+      },
+      "attrs": [
+        {},
+        {},
+        {
+          "fill": "none",
+          "stroke": "rgb(0, 0, 0)",
+          "strokeLinejoin": "miter",
+          "strokeLinecap": "butt",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 21.333333333333332
+        }
+      ],
+      "properties": { "order": 131, "id": 85, "name": "check-oulined", "prevSize": 32, "code": 59666 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 18
+    },
+    {
+      "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",
+          "M422.393 725.333v0c-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.93"
+        ],
+        "attrs": [
+          {},
+          {
+            "fill": "none",
+            "stroke": "rgb(0, 0, 0)",
+            "strokeLinejoin": "miter",
+            "strokeLinecap": "butt",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": true,
+        "grid": 0,
+        "tags": ["check"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, { "s": 0 }] }
+      },
+      "attrs": [
+        {},
+        {
+          "fill": "none",
+          "stroke": "rgb(0, 0, 0)",
+          "strokeLinejoin": "miter",
+          "strokeLinecap": "butt",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 132, "id": 84, "name": "check", "prevSize": 32, "code": 59667 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 19
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 104, "id": 83, "name": "check-filled", "prevSize": 32, "code": 59668 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 20
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 103, "id": 82, "name": "arrow-down-1", "prevSize": 32, "code": 59669 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 21
+    },
+    {
+      "icon": {
+        "paths": [
+          "M760.567 390.761c9.911 9.014 9.911 23.629 0 32.643l-230.63 209.834c-9.907 9.015-25.967 9.015-35.874 0l-230.633-209.834c-9.907-9.014-9.907-23.629 0-32.643s25.97-9.014 35.878 0l212.692 193.513 212.693-193.513c9.907-9.014 25.967-9.014 35.874 0z"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-down"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 135, "id": 81, "name": "arrow-down", "prevSize": 32, "code": 59670 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 22
+    },
+    {
+      "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.011 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"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-up"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 136, "id": 80, "name": "arrow-up", "prevSize": 32, "code": 59671 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 23
+    },
+    {
+      "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"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-left"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 138, "id": 79, "name": "arrow-left", "prevSize": 32, "code": 59672 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 24
+    },
+    {
+      "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"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["arrow-right"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 137, "id": 78, "name": "arrow-right", "prevSize": 32, "code": 59673 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 25
+    },
+    {
+      "icon": {
+        "paths": [
+          "M873.997 602.462l-271.27 271.339c-7.027 7.040-15.373 12.621-24.555 16.431-9.186 3.81-19.034 5.769-28.979 5.769-9.941 0-19.789-1.958-28.975-5.769s-17.532-9.391-24.559-16.431l-324.992-324.698v-378.436h378.338l324.992 325.077c14.093 14.182 22.003 33.365 22.003 53.359 0 19.998-7.91 39.181-22.003 53.359z",
+          "M341.333 341.333h0.427"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "stroke": "rgb(161, 163, 167)",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "stroke": "rgb(161, 163, 167)",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["tag"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 3 }, { "s": 3 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "stroke": "rgb(161, 163, 167)",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "stroke": "rgb(161, 163, 167)",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 139, "id": 77, "name": "tag", "prevSize": 32, "code": 59674 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 26
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 100, "id": 76, "name": "camera", "prevSize": 32, "code": 59675 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 27
+    },
+    {
+      "icon": {
+        "paths": [
+          "M298.667 512.004c0-47.125 38.205-85.333 85.333-85.333 47.13 0 85.333 38.208 85.333 85.333 0 47.13-38.204 85.333-85.333 85.333-47.128 0-85.333-38.204-85.333-85.333z",
+          "M554.667 512.004c0-47.125 38.204-85.333 85.333-85.333s85.333 38.208 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.333 0 47.125-38.204 85.333-85.333 85.333-47.128 0-85.333-38.208-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.125-38.204 85.333-85.333 85.333s-85.333-38.208-85.333-85.333z"
+        ],
+        "attrs": [{}, {}, {}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["element-drag"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}],
+      "properties": { "order": 99, "id": 75, "name": "element-drag", "prevSize": 32, "code": 59676 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 28
+    },
+    {
+      "icon": {
+        "paths": [
+          "M832.499 512.32c0-176.555-143.543-320.181-320-320.32v-128c239.906 0.135 436.343 189.779 447.501 427.012v-1.557c0.38 7.573 0.576 15.198 0.576 22.865s-0.196 15.287-0.576 22.865v-1.557c-10.807 229.734-195.362 414.784-424.892 426.372h0.013c-0.905 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.457-0.141 320-143.765 320-320.256zM512.243 960.576c-7.612 0-15.181-0.192-22.703-0.567-0.055-0.004-0.111-0.004-0.166-0.009h0.013c-229.529-11.588-414.085-196.638-424.889-426.372v1.557c-0.383-7.578-0.576-15.198-0.576-22.865s0.193-15.292 0.576-22.865v1.557c11.156-237.233 207.59-426.877 447.502-427.012v896h0.499z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-partial-fill"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 98, "id": 74, "name": "transaction-partial-fill", "prevSize": 32, "code": 59677 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 29
+    },
+    {
+      "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": [
+          { "fill": "rgb(0, 0, 0)" },
+          { "fill": "rgb(0, 0, 0)" },
+          { "fill": "rgb(0, 0, 0)" },
+          { "fill": "rgb(18, 19, 18)" },
+          { "fill": "rgb(18, 19, 18)" },
+          { "fill": "rgb(18, 19, 18)" }
+        ],
+        "isMulticolor": true,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["rows-2"],
+        "colorPermutations": {
+          "11611631671181918125521401255951141": [
+            { "f": 0 },
+            { "f": 0 },
+            { "f": 0 },
+            { "f": 1 },
+            { "f": 1 },
+            { "f": 1 }
+          ]
+        }
+      },
+      "attrs": [
+        { "fill": "rgb(0, 0, 0)" },
+        { "fill": "rgb(0, 0, 0)" },
+        { "fill": "rgb(0, 0, 0)" },
+        { "fill": "rgb(18, 19, 18)" },
+        { "fill": "rgb(18, 19, 18)" },
+        { "fill": "rgb(18, 19, 18)" }
+      ],
+      "properties": {
+        "order": 97,
+        "id": 73,
+        "name": "rows-2",
+        "prevSize": 32,
+        "code": 59678,
+        "codes": [59678, 59679, 59680, 59681, 59682, 59683]
+      },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 30
+    },
+    {
+      "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.74 438.434c-17.204-16.102-44.204-15.21-60.307 1.993s-15.21 44.207 1.993 60.309l176.683 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.159-136.806z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["check-notifications"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 96, "id": 72, "name": "check-notifications", "prevSize": 32, "code": 59684 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 31
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 95, "id": 71, "name": "qr-code-1", "prevSize": 32, "code": 59685 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 32
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}],
+      "properties": { "order": 94, "id": 70, "name": "scan-1", "prevSize": 32, "code": 59686 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 33
+    },
+    {
+      "icon": {
+        "paths": [
+          "M840.107 597.333c8.576-27.639 13.035-56.393 13.227-85.333v-298.667l-341.333-128-134.828 50.347",
+          "M201.813 201.812l-31.147 11.52v298.668c0 256 341.333 426.667 341.333 426.667 90.325-47.663 171.507-110.929 239.787-186.88",
+          "M42.667 42.667l938.667 938.667"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["shield-crossed"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }, { "s": 0 }, { "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 133, "id": 69, "name": "shield-crossed", "prevSize": 32, "code": 59687 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 34
+    },
+    {
+      "icon": {
+        "paths": [
+          "M498.129 935.945c9.698 3.639 20.386 3.631 30.076-0.030 168.346-63.599 275.204-151.066 328.93-250.807 10.091-18.052 17.984-38.097 24.009-59.78 6.959-25.050 11.2-51.371 13.321-78.067 1.434-18.014 1.745-33.506 1.455-47.334-0.068-2.987-0.068-2.987-0.073-2.688v-272c0-24.709-20.919-44.251-45.572-42.567-21.329 1.457-32.043 1.991-43.9 1.991-111.714 0-203.981-39.909-267.994-90.209-16.474-12.945-39.906-12.014-55.3 2.196-0.922 0.847-2.022 1.75-3.686 3.001-1.28 0.966-2.85 2.105-7.014 5.123-17.788 11.879-28.122 18.392-43.648 26.725-3.437 1.846-6.883 3.627-10.339 5.341-60.663 29.792-126.433 47.823-200.646 47.823-11.919 0-22.554-0.53-43.941-1.991-24.651-1.684-45.574 17.859-45.574 42.567v269.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.268 201.937zM782.524 643.695l-0.38 0.687c-41.929 78.042-127.91 149.965-269.060 205.888-112.85-44.476-195.069-101.325-245.661-168.384-8.823-11.2-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.389-4.13-60.429l0.086-228.169c1.385 0.012 2.78 0.017 4.198 0.017 88.57 0 166.714-21.424 238.411-56.636 4.442-2.202 8.7-4.403 12.932-6.676 15.774-8.467 26.914-15.258 42.914-25.824 75.383 51.486 175.313 89.135 294.37 89.135 1.399 0 2.773-0.006 4.139-0.017v227.26c0.038 2.308 0.038 2.308 0.094 4.467 0.23 11.183-0.026 23.915-1.207 38.793-1.719 21.615-5.111 42.675-10.475 61.986-4.331 15.59-9.809 29.461-16.401 41.212z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["shield"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 92, "id": 68, "name": "shield", "prevSize": 32, "code": 59688 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 35
+    },
+    {
+      "icon": {
+        "paths": [
+          "M383.875 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.186-72.832v-189.908c0-23.595 19.072-42.667 42.667-42.667s42.667 19.072 42.667 42.667v212.735c0 14.251-7.125 27.605-18.987 35.499l-128.172 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 91, "id": 67, "name": "clock", "prevSize": 32, "code": 59689 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 36
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 90, "id": 66, "name": "update", "prevSize": 32, "code": 59690 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 37
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 89, "id": 65, "name": "repeat", "prevSize": 32, "code": 59691 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 38
+    },
+    {
+      "icon": {
+        "paths": [
+          "M554.688 664.913v-536.873c0-23.595-19.115-42.667-42.667-42.667-23.595 0-42.667 19.072-42.667 42.667v536.873l-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.366 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 88, "id": 64, "name": "download", "prevSize": 32, "code": 59692 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 39
+    },
+    {
+      "icon": {
+        "paths": [
+          "M469.308 359.086v536.876c0 23.595 19.115 42.667 42.667 42.667 23.595 0 42.667-19.072 42.667-42.667v-536.876l175.872 175.83c16.683 16.683 43.691 16.683 60.331 0 16.683-16.683 16.683-43.648 0-60.331l-241.365-241.366c-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.366 241.366c-16.683 16.683-16.683 43.648 0 60.331 16.64 16.683 43.648 16.683 60.331 0l175.83-175.83z",
+          "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 87, "id": 63, "name": "upload", "prevSize": 32, "code": 59693 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 40
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}, {}, {}, {}],
+      "properties": { "order": 86, "id": 62, "name": "qr-code", "prevSize": 32, "code": 59694 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 41
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}, {}],
+      "properties": { "order": 85, "id": 61, "name": "scan", "prevSize": 32, "code": 59695 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 42
+    },
+    {
+      "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.047 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.047-195.046-195.047zM512.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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 84, "id": 60, "name": "eye-n", "prevSize": 32, "code": 59696 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 43
+    },
+    {
+      "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.497c2.449-0.175 4.762-0.743 7.296-0.743 49.045 0 88.934 39.235 88.934 87.389 0 2.492-0.58 4.762-0.802 7.121l70.882 69.649c11.695-23.245 18.854-49.067 18.854-76.77 0-96.521-79.642-174.778-177.869-174.778-28.194 0-54.473 7.078-78.131 18.483l70.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.835 77.398-108.105l102.603 100.817c-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.861 73.831 189.001 256.039 322.842 469.364 322.842 45.295 0 88.947-6.643 130.624-17.941l76.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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 83, "id": 59, "name": "eye-off", "prevSize": 32, "code": 59697 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 44
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 82, "id": 58, "name": "unlock", "prevSize": 32, "code": 59698 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 45
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 81, "id": 57, "name": "lock", "prevSize": 32, "code": 59699 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 46
+    },
+    {
+      "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.812-0.213-187.308-52.395-236.247-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.761 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.090 170.653c28.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.378 0-75.99-61.824-137.814-137.813-137.814-75.947 0-137.771 61.824-137.771 137.814 0 45.312 22.272 85.291 56.149 110.378-16.939 7.168-33.195 15.957-48.213 27.264-28.203-45.654-67.328-79.958-112.299-98.987 33.877-25.131 56.192-65.109 56.192-110.421 0-75.947-61.865-137.813-137.812-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.769 38.016 133.161 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 80, "id": 56, "name": "replace-owner", "prevSize": 32, "code": 59700 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 47
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.132 170.667c70.571 0 128 57.387 128 128 0 70.571-57.429 128-128 128s-127.998-57.429-127.998-128c0-70.613 57.428-128 127.998-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.333-117.63 0-213.332 95.701-213.332 213.333 0 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.038-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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 79, "id": 55, "name": "edit-owner", "prevSize": 32, "code": 59701 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 48
+    },
+    {
+      "icon": {
+        "paths": [
+          "M555.115 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.947 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.624 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 78, "id": 54, "name": "add-owner", "prevSize": 32, "code": 59702 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 49
+    },
+    {
+      "icon": {
+        "paths": [
+          "M979.541 884.314c-65.873-225.809-162.812-360.751-316.979-401.515 63.13-37.052 105.519-105.64 105.519-184.123 0-117.815-95.518-213.333-213.333-213.333-117.845 0-213.334 95.505-213.334 213.333 0 78.872 42.786 147.741 106.424 184.661-72.535 19.913-133.866 61.282-184.672 122.799-15.005 18.172-12.44 45.065 5.728 60.070 18.169 15.002 45.062 12.437 60.067-5.73 58.092-70.34 130.554-105.549 225.62-105.549 172.625 0 272.363 111.010 343.040 353.284 6.601 22.618 30.289 35.61 52.907 29.009 22.622-6.601 35.61-30.285 29.013-52.907zM682.748 298.676c0 70.687-57.314 128-128 128-70.711 0-128-57.297-128-128s57.289-128 128-128c70.686 0 128 57.314 128 128z",
+          "M494.182 853.551h-366.161c-23.564 0-42.667-19.102-42.667-42.667s19.102-42.667 42.667-42.667h366.23l-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.661 16.666-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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 77, "id": 53, "name": "send-to", "prevSize": 32, "code": 59703 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 50
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 76, "id": 52, "name": "owners", "prevSize": 32, "code": 59704 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 51
+    },
+    {
+      "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.474 400.029c93.76-93.76 245.826-93.76 339.637 0 6.622 6.624 12.804 13.569 18.56 20.845 14.622 18.477 11.499 45.31-6.98 59.936-18.479 14.622-45.312 11.494-59.934-6.98-3.716-4.698-7.701-9.173-11.981-13.453-58.317-58.287-151.569-60.369-212.351-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.157 6.426l6.601-6.225 32.128-32.555c16.55-16.772 43.567-16.951 60.339-0.401 15.479 15.279 16.823 39.475 3.921 56.299l-3.524 4.041-32.324 32.755c-93.805 93.803-245.834 93.803-339.646-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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 75, "id": 51, "name": "link", "prevSize": 32, "code": 59705 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 52
+    },
+    {
+      "icon": {
+        "paths": [
+          "M426.656 512.149c0-15.859-2.47-31.138-7.048-45.474l216.957-131.441c27.311 29.952 66.65 48.745 110.387 48.745 82.483 0 149.333-66.847 149.333-149.333 0-82.456-66.859-149.333-149.333-149.333s-149.333 66.877-149.333 149.333c0 7.932 0.614 15.72 1.809 23.317l-228.064 138.169c-25.672-20.833-58.396-33.316-94.041-33.316-82.487 0-149.333 66.846-149.333 149.333 0 82.458 66.858 149.333 149.333 149.333 35.651 0 68.385-12.497 94.061-33.348l228.052 138.163c-1.199 7.62-1.818 15.433-1.818 23.39 0 82.487 66.846 149.333 149.333 149.333 82.483 0 149.333-66.846 149.333-149.333s-66.85-149.333-149.333-149.333c-43.712 0-83.034 18.773-110.34 48.695l-216.996-131.465c4.572-14.327 7.040-29.594 7.040-45.436zM746.953 170.645c35.341 0 64 28.666 64 64 0 35.358-28.642 64-64 64-35.362 0-64-28.642-64-64 0-35.334 28.655-64 64-64zM341.323 512.149c0 35.332-28.659 64-64 64s-64-28.668-64-64c0-35.358 28.641-64 64-64s64 28.642 64 64zM746.953 725.687c35.358 0 64 28.642 64 64s-28.642 64-64 64c-35.362 0-64-28.642-64-64s28.638-64 64-64z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["share"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 74, "id": 50, "name": "share", "prevSize": 32, "code": 59706 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 53
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 73, "id": 49, "name": "external-link", "prevSize": 32, "code": 59707 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 54
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.667 512v341.333c0 22.63 8.99 44.335 24.994 60.339s37.708 24.994 60.34 24.994h512c22.63 0 44.335-8.99 60.339-24.994s24.994-37.709 24.994-60.339v-341.333",
+          "M682.667 256l-170.667-170.667-170.667 170.667",
+          "M512 85.333v554.667"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["export"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }, { "s": 0 }, { "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 140, "id": 48, "name": "export", "prevSize": 32, "code": 59708 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 55
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 71, "id": 47, "name": "paste", "prevSize": 32, "code": 59709 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 56
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 70, "id": 46, "name": "copy", "prevSize": 32, "code": 59710 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 57
+    },
+    {
+      "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.085c0-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.666c0 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.666h255.915v171.52c0 46.464 37.888 84.267 84.437 84.267h171.648v43.050h0.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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 69, "id": 45, "name": "sign", "prevSize": 32, "code": 59711 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 58
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 68, "id": 44, "name": "document", "prevSize": 32, "code": 59712 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 59
+    },
+    {
+      "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.626l-0.013 82.82h80.794l-80.781-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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 67, "id": 43, "name": "file", "prevSize": 32, "code": 59713 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 60
+    },
+    {
+      "icon": {
+        "paths": [
+          "M170.682 426.662c0-141.184 114.816-256 256.001-256 141.141 0 256 114.816 256 256s-114.859 256-256 256c-141.185 0-256.001-114.816-256.001-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.545 0-341.335 152.832-341.335 341.333s152.789 341.333 341.335 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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 66, "id": 42, "name": "search", "prevSize": 32, "code": 59714 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 61
+    },
+    {
+      "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.163 853.333h-110.507v-111.829l408.962-406.955 110.72 111.659-409.175 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.852 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.108-582.485c16.64-16.811 26.027-40.149 25.685-64z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["edit"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 65, "id": 41, "name": "edit", "prevSize": 32, "code": 59715 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 62
+    },
+    {
+      "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.546 834.167c-0.555 10.837-11.008 19.328-21.205 19.243h-343.34c-9.813-1.109-19.669-8.363-20.224-19.541l-27.648-492.544h438.914l-26.496 492.843zM426.528 196.941c0-14.251 12.076-26.283 26.327-26.283h118.101c14.507 0 26.325 11.819 26.325 26.283v59.051h-170.754v-59.051zM853.325 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.57 0-111.66 50.091-111.66 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.767c55.467 0 102.357-44.544 105.045-100.181l26.709-497.237h36.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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 64, "id": 40, "name": "delete", "prevSize": 32, "code": 59716 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 63
+    },
+    {
+      "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.343 512l90.509 90.509c16.661 16.661 16.661 43.678 0 60.339-16.661 16.666-43.678 16.666-60.339 0l-90.509-90.509-90.511 90.509c-16.663 16.666-43.677 16.666-60.34 0-16.662-16.661-16.662-43.678 0-60.339l90.508-90.509-90.508-90.51c-16.662-16.663-16.662-43.677 0-60.34s43.677-16.662 60.34 0l90.511 90.511 90.509-90.511c16.661-16.662 43.678-16.662 60.339 0s16.661 43.677 0 60.34l-90.509 90.51z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close-outlined"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 63, "id": 39, "name": "close-outlined", "prevSize": 32, "code": 59717 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 64
+    },
+    {
+      "icon": {
+        "paths": [
+          "M938.675 511.987c0 235.648-191.061 426.667-426.667 426.667-235.646 0-426.665-191.019-426.665-426.667 0-235.605 191.019-426.667 426.665-426.667 235.605 0 426.667 191.061 426.667 426.667zM572.352 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.761 146.782-146.784-146.782c-16.597-16.597-43.733-16.597-60.331 0-16.597 16.64-16.597 43.733 0 60.373l146.763 146.765-146.763 146.782c-16.597 16.597-16.597 43.733 0 60.331s43.733 16.597 60.331 0l146.784-146.765 146.761 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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 62, "id": 38, "name": "close-filled", "prevSize": 32, "code": 59718 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 65
+    },
+    {
+      "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"
+        ],
+        "attrs": [
+          {
+            "strokeLinejoin": "miter",
+            "strokeLinecap": "butt",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 42.666666666666664
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["close"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "strokeLinejoin": "miter",
+          "strokeLinecap": "butt",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 42.666666666666664
+        }
+      ],
+      "properties": { "order": 134, "id": 37, "name": "close", "prevSize": 32, "code": 59719 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 66
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 60, "id": 36, "name": "plus-outlined", "prevSize": 32, "code": 59720 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 67
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 59, "id": 35, "name": "plus-filled", "prevSize": 32, "code": 59721 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 68
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 58, "id": 34, "name": "plus", "prevSize": 32, "code": 59722 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 69
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{ "f": 2 }, { "f": 0 }] }
+      },
+      "attrs": [{ "fill": "rgb(255, 214, 0)" }, { "fill": "rgb(0, 0, 0)" }],
+      "properties": {
+        "order": 146,
+        "id": 33,
+        "name": "transaction-batch",
+        "prevSize": 32,
+        "code": 59723,
+        "codes": [59723, 59724]
+      },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 70
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 56, "id": 32, "name": "blocks-1", "prevSize": 32, "code": 59725 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 71
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 55, "id": 31, "name": "rows-1", "prevSize": 32, "code": 59726 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 72
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 54, "id": 30, "name": "batch", "prevSize": 32, "code": 59727 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 73
+    },
+    {
+      "icon": {
+        "paths": [
+          "M181.33 239.36c86.187 110.507 245.333 315.307 245.333 315.307v256c0 23.467 19.199 42.667 42.665 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.492c-35.413 0-55.467 40.533-33.707 68.693z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["filter"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 53, "id": 29, "name": "filter", "prevSize": 32, "code": 59728 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 74
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 52, "id": 28, "name": "bookmark-filled", "prevSize": 32, "code": 59729 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 75
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 51, "id": 27, "name": "bookmark", "prevSize": 32, "code": 59730 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 76
+    },
+    {
+      "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.842 465.613h-180.275v-180.275c0-25.617-20.766-46.409-46.409-46.409-25.617 0-46.409 20.791-46.409 46.409v180.275h-180.227c-25.641 0-46.408 20.791-46.408 46.409s20.768 46.409 46.408 46.409h180.227v180.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.404-20.791 46.404-46.409s-20.787-46.409-46.404-46.409z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-recovery"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 50, "id": 26, "name": "transaction-recovery", "prevSize": 32, "code": 59731 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 77
+    },
+    {
+      "icon": {
+        "paths": [
+          "M512.081 691.2c-101.632 0-184.235-80.213-184.235-179.2s82.517-179.2 184.32-179.2c101.717 0 184.149 80.213 184.149 179.2s-82.432 179.2-184.235 179.2zM903.164 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.31-15.198 1.165-6.026 0.098-12.269-2.995-17.57l-105.301-177.152c-3.136-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.277-20.606-57.178-37.48-88.917-50.176l-19.541-135.68c-1.161-6.099-4.429-11.595-9.237-15.526-4.804-3.931-10.837-6.047-17.045-5.978h-210.517c-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.517c6.208 0.068 12.241-2.048 17.045-5.978 4.809-3.93 8.077-9.429 9.237-15.526l19.541-135.68c31.757-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.995-17.57-1.161-6.025-4.467-11.426-9.31-15.198l-111.104-84.992z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-change-settings"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 49, "id": 25, "name": "transaction-change-settings", "prevSize": 32, "code": 59732 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 78
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 48, "id": 24, "name": "transaction-contract", "prevSize": 32, "code": 59733 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 79
+    },
+    {
+      "icon": {
+        "paths": [
+          "M897.032 99.153c2.961 2.253 5.607 4.901 7.86 7.872 37.29 49.112 14.074 242.14-55.288 328.405l-6.431 7.545-18.506 18.678 1.896 10.543c19.878 119.267 0.057 230.666-45.294 329.597-19.915 43.442-40.096 74.924-54.338 92.721-14.201 17.744-39.637 20.316-56.975 6.685l-3.846-3.432-136.684-138.031-29.475 29.848c-44.397 44.745-124.609 7.549-199.403-65.319l-7.22-7.16c-74.377-75.092-114.932-157.11-75.762-204.194l4.041-4.448 29.413-29.729-136.609-137.993c-17.2-17.371-15.702-45.96 3.219-61.4 17.623-14.381 48.802-34.757 91.823-54.863 100.859-47.136 214.813-66.956 336.893-43.851l18.629-18.704 8.995-7.909c58.298-48.033 152.216-71.286 241.275-71.286 37.99 0 65.409 3.976 81.785 16.428zM587.346 701.26l101.065 102.048c4.329-7.569 8.462-15.393 12.513-23.618l6.005-12.636c32.424-70.738 49.562-148.595 44.503-231.436l-164.086 165.642zM815.247 165.433c-71.029 0-146.907 18.706-187.163 50.672l-6.373 5.449-336.347 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.793 1.86 7.299 3.371 10.437 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.63-20.728 3.785-41.26 3.523-59.102l-0.324-10.362-0.647-9.090-9.339-0.623-6.836-0.232-7.27-0.079zM219.438 311.785l-11.529 6.395 101.072 102.037 164.131-165.614c-82.064-5.115-159.182 12.186-229.244 44.929-8.541 3.992-16.69 8.092-24.431 12.252z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-execute"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 47, "id": 23, "name": "transaction-execute", "prevSize": 32, "code": 59734 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 80
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 46, "id": 22, "name": "transaction-stake", "prevSize": 32, "code": 59735 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 81
+    },
+    {
+      "icon": {
+        "paths": [
+          "M690.655 133.067c-12.157-11.836-31.605-11.576-43.438 0.58-11.837 12.156-11.579 31.605 0.578 43.441l73.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.032c0 16.966 13.754 30.72 30.72 30.72s30.72-13.754 30.72-30.72v-62.032c0-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.284-0.578 43.441 11.833 12.153 31.281 12.415 43.438 0.578l127.418-124.060c5.939-5.783 9.29-13.721 9.29-22.010s-3.351-16.227-9.29-22.010l-127.418-124.062zM372.658 567.865c11.836 12.157 11.576 31.605-0.58 43.442l-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.716v-62.030c0-16.966 13.754-30.72 30.72-30.72s30.72 13.754 30.72 30.72v62.030c0 41.32-16.867 80.777-46.608 109.736-29.716 28.934-69.849 45.048-111.53 45.048h-370.384l73.27 71.34c12.156 11.833 12.415 31.285 0.58 43.438-11.836 12.157-31.284 12.415-43.441 0.582l-127.418-124.064c-1.823-1.774-3.403-3.752-4.716-5.882-2.755-4.452-4.403-9.667-4.561-15.249-0.009-0.295-0.013-0.59-0.013-0.885 0-8.847 3.739-16.818 9.723-22.426l126.985-123.638c12.156-11.837 31.605-11.575 43.441 0.578z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-swap"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 45, "id": 21, "name": "transaction-swap", "prevSize": 32, "code": 59736 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 82
+    },
+    {
+      "icon": {
+        "paths": [
+          "M777.183 648.356c-34.431 0.045-62.538-28.336-62.493-63.095v-204.367l-423.727 427.783c-24.309 24.543-64.087 24.543-88.396 0-24.353-24.584-24.309-64.7 0-89.24l423.727-427.787-202.472-0.044c-34.386 0-62.496-28.38-62.496-63.095s28.11-63.095 62.496-63.095l353.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.83 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": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-outgoing"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 44, "id": 20, "name": "transaction-outgoing", "prevSize": 32, "code": 59737 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 83
+    },
+    {
+      "icon": {
+        "paths": [
+          "M235.766 355.070c35.865-0.046 65.146 29.234 65.1 65.097v210.852l441.38-441.361c25.323-25.321 66.756-25.321 92.079 0 25.365 25.367 25.323 66.754 0 92.075l-441.38 441.361 210.908 0.047c35.819 0 65.097 29.278 65.097 65.097s-29.278 65.097-65.097 65.097l-368.086-0.047c-5.433 0.094-10.313-1.839-15.331-3.085-3.084-0.781-6.307-0.691-9.346-1.886-2.717-1.058-4.834-3.179-7.274-4.698-12.385-7.134-22.652-17.493-28.176-30.75-1.151-2.901-1.059-6.033-1.796-9.071-1.335-5.111-3.177-9.988-3.177-15.607v-368.023c0-35.817 29.281-65.097 65.1-65.097z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["transaction-incoming"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 43, "id": 19, "name": "transaction-incoming", "prevSize": 32, "code": 59738 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 84
+    },
+    {
+      "icon": {
+        "paths": [
+          "M682.667 85.329h-341.333c-70.357 0-128 57.6-128 128v597.333c0 70.4 57.643 128 128 128h341.333c70.4 0 128-57.6 128-128v-597.333c0-70.4-57.6-128-128-128zM682.667 170.663c23.125 0 42.667 19.541 42.667 42.667v597.333c0 23.125-19.541 42.667-42.667 42.667h-341.333c-23.125 0-42.667-19.541-42.667-42.667v-597.333c0-23.125 19.541-42.667 42.667-42.667h341.333z",
+          "M512 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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 42, "id": 18, "name": "mobile", "prevSize": 32, "code": 59739 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 85
+    },
+    {
+      "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.667h128v-85.333h-128v85.333z"
+        ],
+        "attrs": [{}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["wallet"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 41, "id": 17, "name": "wallet", "prevSize": 32, "code": 59740 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 86
+    },
+    {
+      "icon": {
+        "paths": [
+          "M895.996 545.707c-6.711 72.627-33.967 141.841-78.583 199.543-44.612 57.702-104.734 101.504-173.333 126.281-68.599 24.781-142.835 29.508-214.025 13.636s-136.384-51.695-187.958-103.266c-51.574-51.575-87.394-116.77-103.267-187.959s-11.144-145.425 13.634-214.025c24.779-68.599 68.581-128.722 126.283-173.335s126.916-71.869 199.543-78.581c-42.522 57.526-62.982 128.403-57.663 199.74s36.069 138.397 86.65 188.979c50.581 50.581 117.641 81.331 188.979 86.652s142.212-15.142 199.74-57.664v0z"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["appearance"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 142, "id": 16, "name": "appearance", "prevSize": 32, "code": 59741 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 87
+    },
+    {
+      "icon": {
+        "paths": [
+          "M704 401.066l-384-221.44",
+          "M896 682.667v-341.334c-0.017-14.964-3.964-29.661-11.456-42.617-7.488-12.956-18.253-23.714-31.211-31.197l-298.667-170.667c-12.971-7.489-27.686-11.433-42.667-11.433s-29.696 3.943-42.667 11.433l-298.667 170.667c-12.96 7.482-23.724 18.241-31.212 31.197s-11.439 27.653-11.454 42.617v341.334c0.015 14.963 3.965 29.662 11.454 42.615 7.489 12.958 18.253 23.714 31.212 31.198l298.667 170.667c12.971 7.488 27.686 11.43 42.667 11.43s29.696-3.942 42.667-11.43l298.667-170.667c12.958-7.484 23.723-18.24 31.211-31.198 7.492-12.954 11.439-27.652 11.456-42.615z",
+          "M139.521 296.96l372.479 215.467 372.48-215.467",
+          "M512 942.080v-430.080"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["experimental"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }, { "s": 0 }, { "s": 0 }, { "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 143, "id": 15, "name": "experimental", "prevSize": 32, "code": 59742 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 88
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 38, "id": 14, "name": "desktop", "prevSize": 32, "code": 59743 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 89
+    },
+    {
+      "icon": {
+        "paths": [
+          "M853.342 170.658c44.966 0 81.843 34.833 85.103 78.968l0.23 6.365v512c0 44.962-34.833 81.839-78.967 85.099l-6.494 0.192c0.004 22.118-16.439 40.128-37.679 42.59l-4.983 0.286c-21.867 0-39.91-16.444-42.377-37.683l-0.294-5.193h-511.956c0.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.839 78.968-85.099l6.365-0.234h682.665zM853.342 255.991h-682.665v512h682.665v-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.325c21.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.469-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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 24, "id": 13, "name": "safe", "prevSize": 32, "code": 59744 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 90
+    },
+    {
+      "icon": {
+        "paths": [
+          "M725.333 369.778c0-56.579-22.477-110.842-62.485-150.849-40.004-40.008-94.268-62.484-150.848-62.484s-110.842 22.476-150.849 62.484c-40.008 40.008-62.484 94.27-62.484 150.849 0 248.889-106.667 320.001-106.667 320.001h640c0 0-106.667-71.113-106.667-320.001z",
+          "M573.513 832c-6.251 10.778-15.223 19.721-26.018 25.937-10.795 6.221-23.036 9.493-35.494 9.493s-24.695-3.273-35.49-9.493c-10.799-6.217-19.767-15.159-26.022-25.937"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          },
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["bell"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }, { "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        },
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 144, "id": 12, "name": "bell", "prevSize": 32, "code": 59745 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 91
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 26, "id": 11, "name": "lightbulb", "prevSize": 32, "code": 59746 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 92
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 27, "id": 10, "name": "what-is-new", "prevSize": 32, "code": 59747 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 93
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 28, "id": 9, "name": "blocks", "prevSize": 32, "code": 59748 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 94
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}],
+      "properties": { "order": 29, "id": 8, "name": "rows", "prevSize": 32, "code": 59749 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 95
+    },
+    {
+      "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.393 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.856-15.872 57.728 0l0.213 0.213c15.872 15.872 15.872 41.856 0 57.728l-122.198 122.197 122.215 122.197c15.872 15.915 15.872 41.899 0 57.771l-0.213 0.213c-15.872 15.872-41.856 15.872-57.728 0l-122.219-122.236z"
+        ],
+        "attrs": [{}, {}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["apps"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}, {}, {}] }
+      },
+      "attrs": [{}, {}, {}, {}],
+      "properties": { "order": 30, "id": 7, "name": "apps", "prevSize": 32, "code": 59750 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 96
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 31, "id": 6, "name": "address-book", "prevSize": 32, "code": 59751 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 97
+    },
+    {
+      "icon": {
+        "paths": [
+          "M896 490.667c0.145 56.316-13.009 111.868-38.4 162.133-30.106 60.233-76.382 110.899-133.658 146.317-57.271 35.418-123.273 54.191-190.609 54.217-56.316 0.145-111.867-13.009-162.133-38.4l-243.2 81.067 81.067-243.2c-25.39-50.266-38.547-105.818-38.4-162.133 0.026-67.338 18.799-133.34 54.217-190.611s86.081-103.551 146.316-133.655c50.266-25.39 105.818-38.547 162.133-38.4h21.333c88.93 4.906 172.928 42.443 235.908 105.423s100.518 146.978 105.425 235.91v21.333z"
+        ],
+        "attrs": [
+          {
+            "fill": "none",
+            "strokeLinejoin": "round",
+            "strokeLinecap": "round",
+            "strokeMiterlimit": "4",
+            "strokeWidth": 85.33333333333333
+          }
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["chat"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{ "s": 0 }] }
+      },
+      "attrs": [
+        {
+          "fill": "none",
+          "strokeLinejoin": "round",
+          "strokeLinecap": "round",
+          "strokeMiterlimit": "4",
+          "strokeWidth": 85.33333333333333
+        }
+      ],
+      "properties": { "order": 145, "id": 5, "name": "chat", "prevSize": 32, "code": 59752 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 98
+    },
+    {
+      "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.445-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.043-0.427-0.128-0.597-0.171 0 0-5.76 32.469-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": { "11611631671181918125521401255951141": [{}] }
+      },
+      "attrs": [{}],
+      "properties": { "order": 33, "id": 4, "name": "settings", "prevSize": 32, "code": 59753 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 99
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 34, "id": 3, "name": "transactions", "prevSize": 32, "code": 59754 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 100
+    },
+    {
+      "icon": {
+        "paths": [
+          "M879.501 335.075h-737.449v73.955h737.449v-73.955z",
+          "M902.886 381.44l-9.216-7.055c-9.899-7.567-11.891-21.675-4.437-31.631l6.997-9.385c11.375-14.963 6.37-33.338-6.711-48.755l-95.347-133.518c-14.336-20.082-37.491-32.029-62.182-32.029h-440.261c-24.689 0-47.843 11.947-62.179 32.029l-95.119 133.518c-13.085 15.418-18.034 33.736-6.713 48.755l6.997 9.385c7.396 10.013 5.461 24.064-4.437 31.631l-9.216 7.055c-14.962 11.377-17.92 32.71-6.543 47.671l335.076 466.547c5.005 6.541 12.745 10.411 20.992 10.411h82.658c8.247 0 15.987-3.87 20.992-10.411l335.249-466.547c11.375-14.961 8.418-36.35-6.545-47.671h-0.055zM519.454 838.37c-3.81 5.009-11.319 5.009-15.13 0l-335.191-459.604c-3.813-5.006-2.56-12.288 1.138-17.236l105.984-148.538c8.931-12.573 23.381-19.968 38.798-19.968h393.615c15.415 0 29.867 7.453 38.797 19.968l106.155 148.538c3.755 4.948 4.949 12.288 1.139 17.236l-335.305 459.604z"
+        ],
+        "attrs": [{}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["nft"],
+        "colorPermutations": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 35, "id": 2, "name": "nft", "prevSize": 32, "code": 59755 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 101
+    },
+    {
+      "icon": {
+        "paths": [
+          "M639.915 213.312c-164.907 0-298.665 133.76-298.665 298.667 0 164.949 133.758 298.667 298.665 298.667 164.949 0 298.667-133.717 298.667-298.667 0-164.907-133.717-298.667-298.667-298.667zM639.915 298.645c117.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.319 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.671-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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 36, "id": 1, "name": "token", "prevSize": 32, "code": 59756 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 102
+    },
+    {
+      "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": { "11611631671181918125521401255951141": [{}, {}] }
+      },
+      "attrs": [{}, {}],
+      "properties": { "order": 37, "id": 0, "name": "home", "prevSize": 32, "code": 59757 },
+      "setIdx": 0,
+      "setId": 2,
+      "iconIdx": 103
+    }
+  ],
+  "height": 1024,
+  "metadata": { "name": "safe-icons" },
+  "preferences": {
+    "showGlyphs": 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,
+      "showSelector": false,
+      "showMetrics": false,
+      "showMetadata": false,
+      "showVersion": true
+    },
+    "imagePref": {
+      "prefix": "icon-",
+      "png": true,
+      "useClassSelector": true,
+      "color": 0,
+      "bgColor": 16777215,
+      "classSelector": ".icon",
+      "name": "icomoon"
+    },
+    "historySize": 50,
+    "showCodes": true,
+    "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..1719198c8
--- /dev/null
+++ b/apps/mobile/resources/icons/safe-icons/style.css
@@ -0,0 +1,373 @@
+@font-face {
+  font-family: 'safe-icons';
+  src:
+    url('fonts/safe-icons.ttf?oqz473') format('truetype'),
+    url('fonts/safe-icons.woff?oqz473') format('woff'),
+    url('fonts/safe-icons.svg?oqz473#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-block:before {
+  content: "\e900";
+  color: #ff5f72;
+}
+.icon-alert-triangle:before {
+  content: "\e901";
+  color: #ff5f72;
+}
+.icon-alert:before {
+  content: "\e902";
+  color: #ff5f72;
+}
+.icon-info:before {
+  content: "\e903";
+}
+.icon-question:before {
+  content: "\e904";
+}
+.icon-points:before {
+  content: "\e905";
+}
+.icon-code-blocks:before {
+  content: "\e906";
+}
+.icon-hardware:before {
+  content: "\e907";
+}
+.icon-keystone:before {
+  content: "\e908";
+}
+.icon-ledger:before {
+  content: "\e909";
+}
+.icon-seed:before {
+  content: "\e90a";
+}
+.icon-key:before {
+  content: "\e90b";
+}
+.icon-dapp-logo:before {
+  content: "\e90c";
+}
+.icon-double-arrow:before {
+  content: "\e90d";
+}
+.icon-arrow-sort:before {
+  content: "\e90e";
+}
+.icon-dropdown-arrow-small:before {
+  content: "\e90f";
+}
+.icon-options-vertical:before {
+  content: "\e910";
+}
+.icon-options-horizontal:before {
+  content: "\e911";
+}
+.icon-check-oulined:before {
+  content: "\e912";
+}
+.icon-check:before {
+  content: "\e913";
+}
+.icon-check-filled:before {
+  content: "\e914";
+}
+.icon-arrow-down-1:before {
+  content: "\e915";
+}
+.icon-arrow-down:before {
+  content: "\e916";
+}
+.icon-arrow-up:before {
+  content: "\e917";
+}
+.icon-arrow-left:before {
+  content: "\e918";
+}
+.icon-arrow-right:before {
+  content: "\e919";
+}
+.icon-tag:before {
+  content: "\e91a";
+}
+.icon-camera:before {
+  content: "\e91b";
+}
+.icon-element-drag:before {
+  content: "\e91c";
+}
+.icon-transaction-partial-fill:before {
+  content: "\e91d";
+}
+.icon-rows-2 .path1:before {
+  content: "\e91e";
+  color: rgb(0, 0, 0);
+}
+.icon-rows-2 .path2:before {
+  content: "\e91f";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-rows-2 .path3:before {
+  content: "\e920";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-rows-2 .path4:before {
+  content: "\e921";
+  margin-left: -1em;
+  color: rgb(18, 19, 18);
+}
+.icon-rows-2 .path5:before {
+  content: "\e922";
+  margin-left: -1em;
+  color: rgb(18, 19, 18);
+}
+.icon-rows-2 .path6:before {
+  content: "\e923";
+  margin-left: -1em;
+  color: rgb(18, 19, 18);
+}
+.icon-check-notifications:before {
+  content: "\e924";
+}
+.icon-qr-code-1:before {
+  content: "\e925";
+}
+.icon-scan-1:before {
+  content: "\e926";
+}
+.icon-shield-crossed:before {
+  content: "\e927";
+}
+.icon-shield:before {
+  content: "\e928";
+}
+.icon-clock:before {
+  content: "\e929";
+}
+.icon-update:before {
+  content: "\e92a";
+}
+.icon-repeat:before {
+  content: "\e92b";
+}
+.icon-download:before {
+  content: "\e92c";
+}
+.icon-upload:before {
+  content: "\e92d";
+}
+.icon-qr-code:before {
+  content: "\e92e";
+}
+.icon-scan:before {
+  content: "\e92f";
+}
+.icon-eye-n:before {
+  content: "\e930";
+}
+.icon-eye-off:before {
+  content: "\e931";
+}
+.icon-unlock:before {
+  content: "\e932";
+}
+.icon-lock:before {
+  content: "\e933";
+}
+.icon-replace-owner:before {
+  content: "\e934";
+}
+.icon-edit-owner:before {
+  content: "\e935";
+}
+.icon-add-owner:before {
+  content: "\e936";
+}
+.icon-send-to:before {
+  content: "\e937";
+}
+.icon-owners:before {
+  content: "\e938";
+}
+.icon-link:before {
+  content: "\e939";
+}
+.icon-share:before {
+  content: "\e93a";
+}
+.icon-external-link:before {
+  content: "\e93b";
+}
+.icon-export:before {
+  content: "\e93c";
+}
+.icon-paste:before {
+  content: "\e93d";
+}
+.icon-copy:before {
+  content: "\e93e";
+}
+.icon-sign:before {
+  content: "\e93f";
+}
+.icon-document:before {
+  content: "\e940";
+}
+.icon-file:before {
+  content: "\e941";
+}
+.icon-search:before {
+  content: "\e942";
+}
+.icon-edit:before {
+  content: "\e943";
+}
+.icon-delete:before {
+  content: "\e944";
+}
+.icon-close-outlined:before {
+  content: "\e945";
+}
+.icon-close-filled:before {
+  content: "\e946";
+}
+.icon-close:before {
+  content: "\e947";
+}
+.icon-plus-outlined:before {
+  content: "\e948";
+}
+.icon-plus-filled:before {
+  content: "\e949";
+}
+.icon-plus:before {
+  content: "\e94a";
+}
+.icon-transaction-batch .path1:before {
+  content: "\e94b";
+  color: rgb(255, 214, 0);
+}
+.icon-transaction-batch .path2:before {
+  content: "\e94c";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-blocks-1:before {
+  content: "\e94d";
+}
+.icon-rows-1:before {
+  content: "\e94e";
+}
+.icon-batch:before {
+  content: "\e94f";
+}
+.icon-filter:before {
+  content: "\e950";
+}
+.icon-bookmark-filled:before {
+  content: "\e951";
+}
+.icon-bookmark:before {
+  content: "\e952";
+}
+.icon-transaction-recovery:before {
+  content: "\e953";
+}
+.icon-transaction-change-settings:before {
+  content: "\e954";
+}
+.icon-transaction-contract:before {
+  content: "\e955";
+}
+.icon-transaction-execute:before {
+  content: "\e956";
+}
+.icon-transaction-stake:before {
+  content: "\e957";
+}
+.icon-transaction-swap:before {
+  content: "\e958";
+}
+.icon-transaction-outgoing:before {
+  content: "\e959";
+}
+.icon-transaction-incoming:before {
+  content: "\e95a";
+}
+.icon-mobile:before {
+  content: "\e95b";
+}
+.icon-wallet:before {
+  content: "\e95c";
+}
+.icon-appearance:before {
+  content: "\e95d";
+}
+.icon-experimental:before {
+  content: "\e95e";
+}
+.icon-desktop:before {
+  content: "\e95f";
+}
+.icon-safe:before {
+  content: "\e960";
+}
+.icon-bell:before {
+  content: "\e961";
+}
+.icon-lightbulb:before {
+  content: "\e962";
+}
+.icon-what-is-new:before {
+  content: "\e963";
+}
+.icon-blocks:before {
+  content: "\e964";
+}
+.icon-rows:before {
+  content: "\e965";
+}
+.icon-apps:before {
+  content: "\e966";
+}
+.icon-address-book:before {
+  content: "\e967";
+}
+.icon-chat:before {
+  content: "\e968";
+}
+.icon-settings:before {
+  content: "\e969";
+}
+.icon-transactions:before {
+  content: "\e96a";
+}
+.icon-nft:before {
+  content: "\e96b";
+}
+.icon-token:before {
+  content: "\e96c";
+}
+.icon-home:before {
+  content: "\e96d";
+}
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..e2de36b50
--- /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.0105 4C14.6645 4 16.0105 5.346 16.0105 7C16.0105 8.654 14.6645 10 13.0105 10C11.3565 10 10.0105 8.654 10.0105 7C10.0105 5.346 11.3565 4 13.0105 4ZM22.9675 20.726C21.8365 16.85 19.9605 12.494 15.4815 11.32C16.9845 10.457 18.0105 8.854 18.0105 7C18.0105 4.243 15.7675 2 13.0105 2C10.2535 2 8.0105 4.243 8.0105 7C8.0105 8.859 9.0425 10.466 10.5525 11.327C9.8965 11.504 9.2725 11.746 8.6935 12.07C8.2105 12.34 8.0385 12.949 8.3095 13.431C8.5775 13.911 9.1885 14.086 9.6695 13.814C10.6425 13.271 11.7345 13.006 13.0075 13.006C16.9495 13.006 19.3545 15.482 21.0475 21.286C21.1745 21.723 21.5735 22.006 22.0075 22.006C22.0995 22.006 22.1945 21.993 22.2875 21.966C22.8185 21.812 23.1215 21.256 22.9675 20.726Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.999 17.003H8.999C9.551 17.003 9.999 17.451 9.999 18.003C9.999 18.556 9.551 19.003 8.999 19.003H6.999V21.003C6.999 21.555 6.552 22.003 5.999 22.003C5.447 22.003 4.999 21.555 4.999 21.003V19.003H3C2.448 19.003 2 18.556 2 18.003C2 17.451 2.448 17.003 3 17.003H4.999V15.004C4.999 14.451 5.447 14.004 5.999 14.004C6.552 14.004 6.999 14.451 6.999 15.004V17.003Z" fill="black"/>
+</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..dbd021d61
--- /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.00232C12.5508 8.00232 12.9988 8.44932 12.9988 9.00232V13.0023C12.9988 13.5543 12.5508 14.0023 11.9988 14.0023C11.4458 14.0023 10.9988 13.5543 10.9988 13.0023V9.00232C10.9988 8.44932 11.4458 8.00232 11.9988 8.00232" 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.7523" fill="#FF5F72"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9998 2.00037C11.4978 2.00037 10.9958 2.25037 10.7168 2.75237L1.18682 19.8294C0.643825 20.8044 1.35182 22.0004 2.47082 22.0004H21.5298C22.6488 22.0004 23.3558 20.8044 22.8128 19.8294L13.2838 2.75237C13.0038 2.25037 12.5018 2.00037 11.9998 2.00037M11.9998 4.55437L20.6238 20.0084H3.37682L11.9998 4.55437" 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..1971adba9
--- /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 d="M20.9999 12.79C20.8426 14.4922 20.2038 16.1144 19.1581 17.4668C18.1125 18.8192 16.7034 19.8458 15.0956 20.4265C13.4878 21.0073 11.7479 21.1181 10.0794 20.7461C8.41092 20.3741 6.8829 19.5345 5.67413 18.3258C4.46536 17.117 3.62584 15.589 3.25381 13.9205C2.88178 12.252 2.99262 10.5121 3.57336 8.9043C4.15411 7.29651 5.18073 5.88737 6.53311 4.84175C7.8855 3.79614 9.5077 3.15731 11.2099 3C10.2133 4.34827 9.73375 6.00945 9.85843 7.68141C9.98312 9.35338 10.7038 10.9251 11.8893 12.1106C13.0748 13.2961 14.6465 14.0168 16.3185 14.1415C17.9905 14.2662 19.6516 13.7866 20.9999 12.79V12.79Z" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</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..6a03223dc
--- /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.50139 18.859L3.63649 21.7239C3.26449 22.0959 2.65649 22.0959 2.28349 21.7239L2.27949 21.7189C1.90749 21.3469 1.90749 20.7379 2.27949 20.3649L5.14349 17.5009L2.27989 14.6369C1.90789 14.2649 1.90789 13.6559 2.27989 13.2839L2.28389 13.2789C2.65689 12.9069 3.26489 12.9069 3.63689 13.2789L6.50139 16.143L9.36549 13.2789C9.73749 12.9069 10.3465 12.9069 10.7185 13.2789L10.7235 13.2839C11.0955 13.6559 11.0955 14.2649 10.7235 14.6369L7.85949 17.5009L10.7239 20.3649C11.0959 20.7379 11.0959 21.3469 10.7239 21.7189L10.7189 21.7239C10.3469 22.0959 9.73789 22.0959 9.36589 21.7239L6.50139 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..1ec931b14
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-down.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.8258 9.15845C18.0581 9.36972 18.0581 9.71225 17.8258 9.92352L12.4204 14.8415C12.1882 15.0528 11.8118 15.0528 11.5796 14.8415L6.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.6939L16.985 9.15845C17.2172 8.94718 17.5936 8.94718 17.8258 9.15845Z" fill="black" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
+</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..3260c611f
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-left.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="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" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
+</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..e813007d1
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-right.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.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" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
+</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..0f06e3a2b
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/arrow-up.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.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.2877 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" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
+</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..4386eff7c
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/bell.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="M17 8.66667C17 7.34059 16.4732 6.06882 15.5355 5.13114C14.5979 4.19346 13.3261 3.66667 12 3.66667C10.6739 3.66667 9.40215 4.19346 8.46447 5.13114C7.52678 6.06882 7 7.34059 7 8.66667C7 14.5 4.5 16.1667 4.5 16.1667H19.5C19.5 16.1667 17 14.5 17 8.66667Z" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.4417 19.5C13.2952 19.7526 13.0849 19.9622 12.8319 20.1079C12.5789 20.2537 12.292 20.3304 12 20.3304C11.708 20.3304 11.4212 20.2537 11.1682 20.1079C10.9151 19.9622 10.7049 19.7526 10.5583 19.5" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</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..f2bd56de5
--- /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 20M4 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 12M12 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 2" 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..342d6eb8b
--- /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 d="M21 11.5C21.0034 12.8199 20.6951 14.1219 20.1 15.3C19.3944 16.7117 18.3098 17.8992 16.9674 18.7293C15.6251 19.5594 14.0782 19.9994 12.5 20C11.1801 20.0034 9.87812 19.6951 8.7 19.1L3 21L4.9 15.3C4.30493 14.1219 3.99656 12.8199 4 11.5C4.00061 9.92176 4.44061 8.37485 5.27072 7.03255C6.10083 5.69025 7.28825 4.60557 8.7 3.9C9.87812 3.30493 11.1801 2.99656 12.5 3H13C15.0843 3.11499 17.053 3.99476 18.5291 5.47086C20.0052 6.94695 20.885 8.91565 21 11V11.5Z" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</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..60d44b0a3
--- /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.68141 10.2758C7.2782 9.8984 6.64538 9.91932 6.26797 10.3225C5.89056 10.7257 5.91148 11.3586 6.31469 11.736L10.4557 15.612C10.8531 15.9839 11.475 15.9697 11.855 15.58L17.202 10.096C17.5876 9.70056 17.5796 9.06745 17.1841 8.6819C16.7887 8.29634 16.1556 8.30435 15.77 8.69978L11.107 13.4822L7.68141 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..0e9037cef
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/check-oulined.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 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"/>
+<path d="M10.5703 16V16C10.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 16" stroke="black" stroke-width="0.5"/>
+</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..cf4c2ba17
--- /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 d="M9.89984 17V17C9.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 17" stroke="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..15ec73691
--- /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.99706 15.0039C8.67406 15.0039 8.35706 14.8479 8.16406 14.5589C7.85706 14.0999 7.98106 13.4789 8.44106 13.1719L11.0001 11.4649V7.01392C11.0001 6.46092 11.4471 6.01392 12.0001 6.01392C12.5531 6.01392 13.0001 6.46092 13.0001 7.01392V11.9999C13.0001 12.3339 12.8331 12.6469 12.5551 12.8319L9.55106 14.8359C9.38106 14.9489 9.18706 15.0039 8.99706 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..9fa57c4b5
--- /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.0002 11.9997C22.0002 17.5227 17.5222 21.9997 12.0002 21.9997C6.47724 21.9997 2.00024 17.5227 2.00024 11.9997C2.00024 6.4777 6.47724 1.9997 12.0002 1.9997C17.5222 1.9997 22.0002 6.4777 22.0002 11.9997ZM13.4145 12.0001L16.8547 8.5603C17.2437 8.1703 17.2437 7.5353 16.8547 7.1453C16.4647 6.7563 15.8297 6.7563 15.4397 7.1453L12 10.5855L8.55974 7.1453C8.17074 6.7563 7.53474 6.7563 7.14574 7.1453C6.75674 7.5353 6.75674 8.1703 7.14574 8.5603L10.5855 12.0001L7.14574 15.4403C6.75674 15.8293 6.75674 16.4653 7.14574 16.8543C7.53474 17.2433 8.17074 17.2433 8.55974 16.8543L12 13.4145L15.4397 16.8543C15.8297 17.2433 16.4647 17.2433 16.8547 16.8543C17.2437 16.4653 17.2437 15.8293 16.8547 15.4403L13.4145 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..e722ae973
--- /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.4143 12L15.5356 14.1213C15.9261 14.5118 15.9261 15.145 15.5356 15.5355C15.1451 15.9261 14.5119 15.9261 14.1214 15.5355L12.0001 13.4142L9.87874 15.5355C9.48821 15.9261 8.85505 15.9261 8.46452 15.5355C8.074 15.145 8.074 14.5118 8.46452 14.1213L10.5858 12L8.46452 9.87868C8.074 9.48815 8.074 8.85499 8.46452 8.46446C8.85505 8.07394 9.48821 8.07394 9.87874 8.46446L12.0001 10.5858L14.1214 8.46446C14.5119 8.07394 15.1451 8.07394 15.5356 8.46446C15.9261 8.85499 15.9261 9.48815 15.5356 9.87868L13.4143 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..b6caeb3b9
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/close.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="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" stroke="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..d6d3558a3
--- /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_2177_575)">
+<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.23016C2.70001 6.0636 2.83432 5.92857 3.00001 5.92857H5.40001V8.34127C5.40001 8.50783 5.2657 8.64286 5.10001 8.64286H2.70001V6.23016Z" 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.23016C24.3 6.0636 24.1657 5.92857 24 5.92857H21.6V8.34127C21.6 8.50783 21.7343 8.64286 21.9 8.64286H24.3V6.23016Z" 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_2177_575">
+<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..741d5ecee
--- /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.18621C15.172 3.35516 8.82795 3.35516 4.91505 7.18621L4.39817 7.69228C4.20253 7.88384 4.20253 8.1944 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.18621ZM23.8498 11.8519L22.4161 10.4481C22.2205 10.2566 21.9033 10.2566 21.7076 10.4481L17.1193 14.9405C17.0704 14.9883 16.9911 14.9883 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..75a3d50cc
--- /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.5128 19.5508C16.4998 19.8048 16.2548 20.0038 16.0158 20.0018H7.96876C7.73876 19.9758 7.50776 19.8058 7.49476 19.5438L6.84676 7.9998H17.1338L16.5128 19.5508ZM9.99676 4.6158C9.99676 4.2818 10.2798 3.9998 10.6138 3.9998H13.3818C13.7218 3.9998 13.9988 4.2768 13.9988 4.6158V5.9998H9.99676V4.6158ZM19.9998 5.9998H18.2618C18.2558 5.9998 18.2498 5.9948 18.2428 5.9948C18.2308 5.9938 18.2208 5.9998 18.2078 5.9998H15.9988V4.6158C15.9988 3.1738 14.8258 1.9998 13.3818 1.9998H10.6138C9.17076 1.9998 7.99676 3.1738 7.99676 4.6158V5.9998H3.99976C3.44776 5.9998 2.99976 6.4468 2.99976 6.9998C2.99976 7.5528 3.44776 7.9998 3.99976 7.9998H4.84476L5.49776 19.6468C5.56076 20.9568 6.65876 22.0028 7.93776 22.0028C7.95576 22.0028 7.97376 22.0018 7.99176 22.0018H15.9918H16.0488C17.3488 22.0018 18.4478 20.9578 18.5108 19.6538L19.1368 7.9998H19.9998C20.5528 7.9998 20.9998 7.5528 20.9998 6.9998C20.9998 6.4468 20.5528 5.9998 19.9998 5.9998Z" 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..0b82f202a
--- /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.69997 18.2901C7.08997 18.6801 7.71997 18.6801 8.10997 18.2901L12 14.4201L15.88 18.3001C16.27 18.6901 16.9 18.6901 17.29 18.3001C17.68 17.9101 17.68 17.2801 17.29 16.8901L12.7 12.3001C12.6075 12.2073 12.4976 12.1338 12.3766 12.0836C12.2556 12.0334 12.1259 12.0076 11.995 12.0076C11.864 12.0076 11.7343 12.0334 11.6133 12.0836C11.4924 12.1338 11.3825 12.2073 11.29 12.3001L6.69997 16.8801C6.30997 17.2701 6.30997 17.9001 6.69997 18.2901Z" fill="black"/>
+<path d="M6.69997 11.7C7.08997 12.09 7.71997 12.09 8.10997 11.7L12 7.82997L15.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.70997C12.6075 5.61725 12.4976 5.54369 12.3766 5.4935C12.2556 5.44331 12.1259 5.41748 11.995 5.41748C11.864 5.41748 11.7343 5.44331 11.6133 5.4935C11.4924 5.54369 11.3825 5.61725 11.29 5.70997L6.69997 10.29C6.30997 10.68 6.30997 11.31 6.69997 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..08cb308af
--- /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.00093C13.0005 2.44793 12.5525 2.00093 12.0005 2.00093C11.4475 2.00093 11.0005 2.44793 11.0005 3.00093L11.0005 15.5839L6.87849 11.4629C6.48749 11.0719 5.85449 11.0719 5.46449 11.4629C5.07349 11.8539 5.07349 12.4859 5.46449 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.00049 20L21.0005 20C21.5505 20 22.0005 20.45 22.0005 21C22.0005 21.55 21.5505 22 21.0005 22L3.00049 22C2.44949 22 2.00049 21.55 2.00049 21C2.00049 20.45 2.44949 20 3.00049 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..2047f6fb8
--- /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.00314 8.654 9.00314 7C9.00314 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.24614 2 7.00314 4.243 7.00314 7C7.00314 8.853 8.02814 10.455 9.53014 11.319C5.04714 12.491 3.17014 16.848 2.04014 20.725C1.88614 21.255 2.19014 21.811 2.72014 21.965C2.81414 21.993 2.90814 22.005 3.00014 22.005C3.43414 22.005 3.83314 21.722 3.96014 21.286C5.65214 15.482 8.05714 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..80e917039
--- /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.58976 20H3.99976V17.379L13.5848 7.841L16.1798 10.458L6.58976 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.29476 16.254C2.10676 16.441 1.99976 16.697 1.99976 16.963V21C1.99976 21.553 2.44676 22 2.99976 22H7.00276C7.26776 22 7.52076 21.896 7.70776 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..a496771ee
--- /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_2176_507)">
+<g clip-path="url(#clip1_2176_507)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 12.0001C7 10.8956 7.89543 10.0001 9 10.0001C10.1046 10.0001 11 10.8956 11 12.0001C11 13.1047 10.1046 14.0001 9 14.0001C7.89543 14.0001 7 13.1047 7 12.0001Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 12.0001C13 10.8956 13.8954 10.0001 15 10.0001C16.1046 10.0001 17 10.8956 17 12.0001C17 13.1047 16.1046 14.0001 15 14.0001C13.8954 14.0001 13 13.1047 13 12.0001Z" fill="#121312"/>
+<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="#121312"/>
+<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="#121312"/>
+<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.1044 10.1046 20.9999 9 20.9999C7.89543 20.9999 7 20.1044 7 18.9999Z" fill="#121312"/>
+<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.1044 16.1046 20.9999 15 20.9999C13.8954 20.9999 13 20.1044 13 18.9999Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 12.0001C7 10.8956 7.89543 10.0001 9 10.0001C10.1046 10.0001 11 10.8956 11 12.0001C11 13.1047 10.1046 14.0001 9 14.0001C7.89543 14.0001 7 13.1047 7 12.0001Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 12.0001C13 10.8956 13.8954 10.0001 15 10.0001C16.1046 10.0001 17 10.8956 17 12.0001C17 13.1047 16.1046 14.0001 15 14.0001C13.8954 14.0001 13 13.1047 13 12.0001Z" fill="#121312"/>
+<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="#121312"/>
+<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="#121312"/>
+<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.1044 10.1046 20.9999 9 20.9999C7.89543 20.9999 7 20.1044 7 18.9999Z" fill="#121312"/>
+<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.1044 16.1046 20.9999 15 20.9999C13.8954 20.9999 13 20.1044 13 18.9999Z" fill="#121312"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_2176_507">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+<clipPath id="clip1_2176_507">
+<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..bae035cd4
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/experimental.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 d="M16.5 9.39999L7.5 4.20999" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 16V7.99999C20.9996 7.64927 20.9071 7.3048 20.7315 7.00116C20.556 6.69751 20.3037 6.44536 20 6.26999L13 2.26999C12.696 2.09446 12.3511 2.00204 12 2.00204C11.6489 2.00204 11.304 2.09446 11 2.26999L4 6.26999C3.69626 6.44536 3.44398 6.69751 3.26846 7.00116C3.09294 7.3048 3.00036 7.64927 3 7.99999V16C3.00036 16.3507 3.09294 16.6952 3.26846 16.9988C3.44398 17.3025 3.69626 17.5546 4 17.73L11 21.73C11.304 21.9055 11.6489 21.9979 12 21.9979C12.3511 21.9979 12.696 21.9055 13 21.73L20 17.73C20.3037 17.5546 20.556 17.3025 20.7315 16.9988C20.9071 16.6952 20.9996 16.3507 21 16Z" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.27002 6.95999L12 12.01L20.73 6.95999" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 22.08V12" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</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..33c2b3de8
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/export.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 d="M4 12V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 6L12 2L8 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 2V15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</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..dafa314db
--- /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.41089C9.47562 7.41089 7.42993 9.45772 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.45772 14.5259 7.41089 12.0013 7.41089ZM12.0014 9.69658C13.2619 9.69658 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.69658 12.0014 9.69658Z" 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..90ab431f6
--- /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.99603C11.7176 9.99193 11.7718 9.97862 11.8312 9.97862C12.9807 9.97862 13.9156 10.8982 13.9156 12.0268C13.9156 12.0852 13.902 12.1384 13.8968 12.1937L15.5581 13.8261C15.8322 13.2813 16 12.6761 16 12.0268C16 9.76459 14.1334 7.93045 11.8312 7.93045C11.1704 7.93045 10.5545 8.09635 10 8.36364L11.6602 9.99603Z" 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.98517 5.2088 9.25229L7.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.04529C3.60816 4.62264 2.91181 4.62264 2.48278 5.04529C2.05265 5.46686 2.05265 6.15109 2.48278 6.57374L3.66426 7.73468C2.52568 8.88264 1.60052 10.2479 0.998779 11.7861C2.7292 16.2158 6.99969 19.3527 11.9995 19.3527C13.0611 19.3527 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/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..23e1396cc
--- /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.24993 5.61C6.26993 8.2 9.99993 13 9.99993 13V19C9.99993 19.55 10.4499 20 10.9999 20H12.9999C13.5499 20 13.9999 19.55 13.9999 19V13C13.9999 13 17.7199 8.2 19.7399 5.61C20.2499 4.95 19.7799 4 18.9499 4H5.03993C4.20993 4 3.73993 4.95 4.24993 5.61Z" fill="black"/>
+</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..0c5729ab3
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/hardware.svg
@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2177_565)">
+<path d="M9.79826 0.232955L9.79821 0.233009L9.8647 0.292823L9.8681 0.295881L9.86805 0.295931L12.7687 3.06988L12.7687 3.06991L9.79826 0.232955ZM9.79826 0.232955L9.79469 0.22994M9.79826 0.232955L9.79469 0.22994M9.79469 0.22994C9.49418 -0.0239356 9.11823 -0.15 8.7444 -0.15M9.79469 0.22994L8.7444 -0.15M13.8684 18.1453L7.88648 12.4246C6.7491 11.3369 6.52755 9.70175 7.22528 8.40058L7.22197 8.39756L7.21949 8.39529L7.21951 8.39526L4.3189 5.62098C3.71467 5.04351 3.6942 4.11558 4.25869 3.51401L4.26148 3.51104L4.26152 3.51108L4.31598 3.45611L4.31883 3.45323L4.31887 3.45327L7.62068 0.295997L13.8684 18.1453ZM13.8684 18.1453L8.07562 23.6852L8.07428 23.6865L7.98507 23.7739L7.98375 23.7753C6.0512 25.718 6.08206 28.7939 8.07563 30.7004L8.07565 30.7005C9.08682 31.6671 10.4111 32.15 11.7336 32.15C13.0561 32.15 14.3807 31.6671 15.3915 30.7004L26.6314 19.9515L26.6328 19.9502L26.722 19.8627L26.7233 19.8614C28.6558 17.9187 28.625 14.843 26.6314 12.9365L26.63 12.9352L26.5415 12.8526L26.5415 12.8526L26.5385 12.85L26.4534 12.7747C26.3902 12.7079 26.3248 12.6422 26.2575 12.5778L26.1627 12.6768L26.2575 12.5778L16.982 3.70743L16.9821 3.70741L16.9801 3.70565L16.891 3.6233L16.891 3.62329L16.889 3.62153C16.1977 3.00508 15.3155 2.69797 14.435 2.69797C13.867 2.69797 13.2985 2.82573 12.7812 3.08193L13.8684 18.1453ZM8.7444 -0.15C8.3391 -0.15 7.93197 -0.00203529 7.62076 0.295925L8.7444 -0.15ZM25.4069 14.126L25.4069 14.126C26.0558 14.7466 26.4115 15.5693 26.4115 16.444C26.4115 17.3186 26.0558 18.1418 25.4069 18.7623L14.1692 29.5096L14.1674 29.5113L14.0851 29.5874C14.0848 29.5877 14.0845 29.588 14.0841 29.5883C13.4451 30.1603 12.6156 30.4747 11.7335 30.4747C10.8127 30.4747 9.94876 30.132 9.29966 29.5113C8.65077 28.8904 8.29509 28.0676 8.29509 27.1926C8.29509 26.318 8.65077 25.4952 9.29966 24.8747L20.5374 14.1277L20.5392 14.126L20.6215 14.0498C20.6218 14.0495 20.6221 14.0492 20.6224 14.0489C21.2612 13.4767 22.091 13.1623 22.973 13.1623C23.8939 13.1623 24.7578 13.5049 25.4069 14.126ZM15.7577 4.89721L15.7578 4.89727L22.6586 11.4961C21.4426 11.5665 20.2461 12.0461 19.315 12.9365C19.315 12.9365 19.315 12.9365 19.315 12.9365L15.102 16.9651L9.11164 11.2363L9.05038 11.175C8.38664 10.4785 8.40631 9.397 9.11043 8.72332L9.34005 8.50449C9.38389 8.47063 9.42629 8.43422 9.46702 8.39526L9.46703 8.39526L12.7686 5.23757L12.7686 5.23761L12.7714 5.23474L12.8273 5.17833L12.8275 5.1785L12.833 5.17224L12.8809 5.11825L13.1103 4.89847L13.1805 4.83452C13.5244 4.53681 13.9655 4.37326 14.4349 4.37326C14.9361 4.37326 15.4052 4.55978 15.7577 4.89721ZM5.65642 4.53444L8.74384 1.5809L11.4247 4.14985L8.33695 7.10275L5.65642 4.53444ZM22.8273 14.3789C21.5779 14.3789 20.5536 15.3491 20.5536 16.5599C20.5536 17.7707 21.5779 18.7409 22.8273 18.7409C24.0767 18.7409 25.1014 17.7708 25.1014 16.5599C25.1014 15.349 24.0767 14.3789 22.8273 14.3789ZM22.8273 16.0541C23.1298 16.0541 23.3633 16.2869 23.3633 16.5598C23.3633 16.8327 23.1298 17.0655 22.8273 17.0655C22.5251 17.0655 22.2917 16.8329 22.2917 16.5598C22.2917 16.2867 22.5251 16.0541 22.8273 16.0541Z" fill="#121312" stroke="#121312" stroke-width="0.3"/>
+</g>
+<defs>
+<clipPath id="clip0_2177_565">
+<rect width="32" height="32" 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..45d002761
--- /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="#121312"/>
+<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="#121312"/>
+<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="#121312"/>
+</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..a937862c3
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/key.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="M15.8718 7.24285L19.2081 3.90649M21.1146 2L19.2081 3.90649L21.1146 2ZM11.9539 11.1607C12.4461 11.6463 12.8374 12.2245 13.1052 12.862C13.373 13.4995 13.5121 14.1837 13.5144 14.8751C13.5167 15.5666 13.3823 16.2517 13.1187 16.8909C12.8552 17.5302 12.4678 18.111 11.9789 18.5999C11.4899 19.0889 10.9091 19.4763 10.2698 19.7398C9.63058 20.0033 8.9455 20.1378 8.25405 20.1355C7.56259 20.1332 6.87843 19.9941 6.24094 19.7263C5.60346 19.4585 5.02525 19.0672 4.5396 18.575C3.58457 17.5862 3.05612 16.2619 3.06807 14.8872C3.08001 13.5125 3.6314 12.1976 4.60347 11.2255C5.57553 10.2534 6.8905 9.70205 8.26516 9.69011C9.63982 9.67816 10.9642 10.2066 11.953 11.1616L11.9539 11.1607ZM11.9539 11.1607L15.8718 7.24285L11.9539 11.1607ZM15.8718 7.24285L18.7315 10.1026L22.0679 6.76623L19.2081 3.90649L15.8718 7.24285Z" stroke="#121312" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</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..efd796e73
--- /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.8553 15.5415C10.6112 15.428 10.4198 15.3956 10.2757 15.4196C9.68222 15.5186 9.13605 16.0513 8.68198 16.7784C8.23737 17.4902 7.92853 18.3128 7.7824 18.8486L7.77913 18.8606L7.77487 18.8724C7.76233 18.9069 7.7555 18.9807 7.83708 19.122C7.91838 19.2629 8.06618 19.4308 8.28129 19.6175C8.70924 19.9888 9.34475 20.3844 10.0457 20.74C10.7442 21.0943 11.4918 21.401 12.1348 21.5996C12.4566 21.6989 12.7466 21.7695 12.9878 21.8063C13.2368 21.8443 13.4044 21.8416 13.4968 21.8184C13.8522 21.7296 14.1526 21.3997 14.3859 20.9354C14.5907 20.5281 14.7155 20.0717 14.773 19.744C14.7255 19.6737 14.6655 19.586 14.5945 19.4842C14.3125 19.08 13.8614 18.4598 13.3358 17.8216C12.8085 17.1813 12.2149 16.5335 11.648 16.0672C11.3644 15.834 11.0967 15.6538 10.8553 15.5415ZM14.9005 18.8637C14.6177 18.469 14.2363 17.9585 13.8053 17.435C13.2683 16.783 12.6457 16.1005 12.0343 15.5975C11.7287 15.3462 11.4167 15.132 11.1118 14.9901C10.8094 14.8494 10.4878 14.7678 10.1757 14.8198C9.30967 14.9641 8.63953 15.6983 8.16617 16.4562C7.68629 17.2245 7.35766 18.0987 7.19859 18.678C7.10787 18.9431 7.18357 19.2063 7.31036 19.426C7.43952 19.6498 7.64338 19.8691 7.88269 20.0768C8.36359 20.4941 9.048 20.9158 9.77056 21.2823C10.4956 21.6502 11.2752 21.9706 11.9554 22.1807C12.2953 22.2856 12.616 22.3647 12.896 22.4075C13.1683 22.4491 13.4327 22.4614 13.6443 22.4084C14.262 22.254 14.6711 21.7223 14.9293 21.2085C15.1334 20.8026 15.2662 20.3632 15.341 20.0093C15.355 20.0024 15.3683 19.9947 15.3806 19.9863C15.435 19.9051 15.4625 19.7713 15.459 19.7318C15.4555 19.7133 15.4479 19.685 15.4444 19.6749C15.4383 19.6581 15.432 19.6454 15.4304 19.6421C15.4277 19.6367 15.4253 19.6323 15.4238 19.6296C15.4209 19.6242 15.418 19.6194 15.4161 19.6162C15.4089 19.6039 15.3984 19.5875 15.387 19.5696C15.3394 19.4958 15.2381 19.3438 15.0951 19.1389L14.9025 18.85L14.9005 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.4908 16.5585 18.5945C16.7764 18.6964 17.0037 18.7686 17.2193 18.7686C17.5634 18.7686 17.891 18.593 18.1738 18.3712C18.4628 18.1446 18.744 17.8391 19.0014 17.5125C19.5168 16.8584 19.9682 16.0793 20.228 15.5598L20.296 15.4238L20.2278 15.2874L20.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.6545C19.7737 14.4975 19.6591 14.3294 19.5435 14.1973C19.486 14.1316 19.4204 14.0657 19.3491 14.0138C19.2842 13.9666 19.1773 13.9034 19.0438 13.9034ZM19.9561 15.4237L20.2278 15.2874C20.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.1458 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.4828 7.21373L12.0501 11.1667C11.8069 11.562 11.9488 12.1423 12.0501 12.383H16.9154L17.5235 11.1667C17.5235 8.73411 15.4963 7.51781 14.4828 7.21373Z" fill="#121312"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3463 6.85532L14.5701 6.92248C15.6408 7.24368 17.8276 8.53765 17.8276 11.1667V11.2385L17.1033 12.6871H11.8482L11.7699 12.501C11.7079 12.3537 11.6383 12.1168 11.6178 11.8568C11.5975 11.5999 11.6221 11.282 11.7912 11.0073L14.3463 6.85532ZM14.6144 7.58002L12.3091 11.3261C12.2349 11.4467 12.2088 11.6166 12.224 11.8089C12.2317 11.9059 12.2491 11.9988 12.2696 12.0789H16.7274L17.2188 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..4567f0a2e
--- /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.90326 15.0854H12.4606V19.4802H7.90326V15.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.62982 0H17.5686C18.9114 0 20 1.08858 20 2.43142V11.882H7.62982V0Z" 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..6afdc9044
--- /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.66735 9.37569C8.86484 7.1782 12.4289 7.1782 14.6276 9.37569C14.7828 9.53094 14.9277 9.69371 15.0626 9.86424C15.4053 10.2973 15.3321 10.9262 14.899 11.269C14.4659 11.6117 13.837 11.5384 13.4943 11.1054C13.4072 10.9953 13.3138 10.8904 13.2135 10.7901C11.8467 9.42399 9.66109 9.3752 8.23652 10.6437L8.08144 10.79L5.06276 13.8077C3.64602 15.2252 3.64602 17.5224 5.06256 18.9397C6.42941 20.3065 8.61393 20.3554 10.035 19.0903L10.1897 18.9444L10.9427 18.1814C11.3306 17.7883 11.9638 17.7841 12.3569 18.172C12.7197 18.5301 12.7512 19.0972 12.4488 19.4915L12.3662 19.5862L11.6086 20.3539C9.41004 22.5524 5.84687 22.5524 3.64815 20.3537C1.51027 18.2146 1.45249 14.784 3.4751 12.5748L3.64847 12.3936L6.66735 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/mobile.svg b/apps/mobile/resources/icons/source-svgs/mobile.svg
new file mode 100644
index 000000000..ef826b94c
--- /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="M16 1.99991H8C6.351 1.99991 5 3.34991 5 4.99991V18.9999C5 20.6499 6.351 21.9999 8 21.9999H16C17.65 21.9999 19 20.6499 19 18.9999V4.99991C19 3.34991 17.65 1.99991 16 1.99991ZM16 3.99991C16.542 3.99991 17 4.45791 17 4.99991V18.9999C17 19.5419 16.542 19.9999 16 19.9999H8C7.458 19.9999 7 19.5419 7 18.9999V4.99991C7 4.45791 7.458 3.99991 8 3.99991H16Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 16.7567C11.31 16.7567 10.75 17.3167 10.75 18.0067C10.75 18.6967 11.31 19.2567 12 19.2567C12.69 19.2567 13.25 18.6967 13.25 18.0067C13.25 17.3167 12.69 16.7567 12 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..52c27e82a
--- /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.85332H3.32935V9.58665H20.6133V7.85332Z" fill="black"/>
+<path d="M21.1614 8.94L20.9454 8.77466C20.7134 8.59732 20.6667 8.26665 20.8414 8.03332L21.0054 7.81335C21.272 7.46265 21.1547 7.032 20.8481 6.67065L18.6134 3.54133C18.2774 3.07066 17.7347 2.79066 17.156 2.79066H6.83739C6.25873 2.79066 5.71606 3.07066 5.38006 3.54133L3.15072 6.67065C2.84405 7.032 2.72805 7.46133 2.99338 7.81335L3.15738 8.03332C3.33072 8.268 3.28538 8.59732 3.05339 8.77466L2.83739 8.94C2.48672 9.20666 2.41738 9.70665 2.68405 10.0573L10.5374 20.992C10.6547 21.1453 10.8361 21.236 11.0294 21.236H12.9667C13.16 21.236 13.3414 21.1453 13.4587 20.992L21.3161 10.0573C21.5827 9.70665 21.5134 9.20535 21.1627 8.94H21.1614ZM12.1747 19.6493C12.0854 19.7667 11.9094 19.7667 11.8201 19.6493L3.96406 8.87733C3.8747 8.76 3.90406 8.58933 3.99073 8.47335L6.47473 4.992C6.68405 4.69732 7.02272 4.524 7.38406 4.524H16.6094C16.9707 4.524 17.3094 4.69867 17.5187 4.992L20.0067 8.47335C20.0947 8.58933 20.1227 8.76135 20.0334 8.87733L12.1734 19.6493H12.1747Z" 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..82596ecce
--- /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.4873" y="7" width="2.51276" height="2.53" rx="1.25638" fill="black"/>
+<rect x="6.74365" 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..f91e82a4d
--- /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_2177_576)">
+<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_2177_576">
+<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..eafb900b4
--- /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="#121312"/>
+<path d="M10.442 9.13419C10.442 8.36408 11.0939 7.72919 11.912 7.72919C12.7283 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="#121312"/>
+<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="#121312"/>
+</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..7644982f0
--- /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.11347 18.1771 6.99247 16.9541 5.84547 14.9911C5.56847 14.5151 4.95547 14.3531 4.47847 14.6321C4.00147 14.9101 3.84047 15.5221 4.11947 15.9991C5.62147 18.5721 8.40247 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.68169C16.4722 5.68169 17.0232 6.2337 17.0232 6.91169C17.0232 7.58969 16.4722 8.1417 15.7932 8.1417C15.1152 8.1417 14.5642 7.58969 14.5642 6.91169C14.5642 6.2337 15.1152 5.68169 15.7932 5.68169ZM8.20524 3.99969C8.88324 3.99969 9.43524 4.55169 9.43524 5.22969C9.43524 5.90869 8.88324 6.45969 8.20524 6.45969C7.52624 6.45969 6.97524 5.90869 6.97524 5.22969C6.97524 4.55169 7.52624 3.99969 8.20524 3.99969ZM20.9352 13.0067C20.3092 11.3387 19.1242 10.1007 17.7072 9.49869C18.5012 8.9107 19.0232 7.97369 19.0232 6.9117C19.0232 5.13069 17.5742 3.68169 15.7932 3.68169C14.0132 3.68169 12.5642 5.13069 12.5642 6.9117C12.5642 7.97369 13.0862 8.9107 13.8802 9.49869C13.4832 9.6667 13.1022 9.87269 12.7502 10.1377C12.0892 9.06769 11.1722 8.26369 10.1182 7.81769C10.9122 7.22869 11.4352 6.29169 11.4352 5.22969C11.4352 3.44969 9.98524 1.99969 8.20524 1.99969C6.42424 1.99969 4.97524 3.44969 4.97524 5.22969C4.97524 6.29169 5.49724 7.22869 6.29124 7.81769C4.87424 8.41769 3.68924 9.65769 3.06424 11.3257C2.87024 11.8427 3.13224 12.4187 3.64824 12.6137C4.16524 12.8037 4.74224 12.5457 4.93724 12.0287C5.53324 10.4377 6.81624 9.40969 8.20524 9.40969C9.49324 9.40969 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..e2fcbeb2e
--- /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="#121312"/>
+<circle cx="4.5" cy="11.5" r="1.5" fill="#121312"/>
+<circle cx="4.5" cy="17.5" r="1.5" fill="#121312"/>
+</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..4ee47b4e4
--- /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.9998C21.0541 3.9998 21.9184 4.8162 21.9948 5.85061L22.0002 5.9998V17.9998C22.0002 19.0536 21.1838 19.9179 20.1494 19.9943L19.9972 19.9988C19.9973 20.5172 19.6119 20.9393 19.1141 20.997L18.9973 21.0037C18.4848 21.0037 18.0619 20.6183 18.0041 20.1205L17.9972 19.9988H5.99824C5.99834 20.5172 5.61206 20.9393 5.11491 20.997L4.99834 21.0037C4.44534 21.0037 3.99834 20.5567 3.99834 20.0037C2.9453 19.9989 2.08203 19.1827 2.00573 18.1489L2.00024 17.9998V5.9998C2.00024 4.94598 2.81664 4.08169 3.85105 4.00529L4.00024 3.9998H20.0002ZM20.0002 5.9998H4.00024V17.9998H20.0002V5.9998Z" 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.9998C7.51113 7.9998 7.9338 8.38584 7.99156 8.88318L7.99829 8.9998V14.9998C7.99829 15.5521 7.55058 15.9998 6.99829 15.9998C6.48546 15.9998 6.06278 15.6138 6.00502 15.1164L5.99829 14.9998V8.9998C5.99829 8.44752 6.44601 7.9998 6.99829 7.9998Z" 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..9265f48be
--- /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.00037 9.9999C4.00037 6.6909 6.69137 3.9999 10.0004 3.9999C13.3084 3.9999 16.0004 6.6909 16.0004 9.9999C16.0004 13.3089 13.3084 15.9999 10.0004 15.9999C6.69137 15.9999 4.00037 13.3089 4.00037 9.9999ZM21.7054 20.2929L16.3134 14.9009C17.3664 13.5469 18.0004 11.8489 18.0004 9.9999C18.0004 5.5819 14.4184 1.9999 10.0004 1.9999C5.58137 1.9999 2.00037 5.5819 2.00037 9.9999C2.00037 14.4179 5.58137 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..9c26ef276
--- /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.747884 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.4603 8.76844 9.4529 9.13719C9.07138 9.14436 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..1c21308cd
--- /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.958 20.7261C21.4141 15.4337 19.1421 12.271 15.5288 11.3156C17.0084 10.4472 18.0019 8.83967 18.0019 7.00021C18.0019 4.23893 15.7632 2.00021 13.0019 2.00021C10.2399 2.00021 8.00189 4.23862 8.00189 7.00021C8.00189 8.84877 9.00468 10.4629 10.4962 11.3282C8.79615 11.7949 7.35872 12.7645 6.16795 14.2063C5.81626 14.6322 5.87638 15.2625 6.30221 15.6142C6.72805 15.9658 7.35835 15.9057 7.71004 15.4799C9.07156 13.8313 10.7699 13.0061 12.998 13.0061C17.0439 13.0061 19.3815 15.6079 21.038 21.2862C21.1927 21.8163 21.7479 22.1208 22.278 21.9661C22.8082 21.8114 23.1126 21.2563 22.958 20.7261ZM16.0019 7.00021C16.0019 8.65693 14.6586 10.0002 13.0019 10.0002C11.3446 10.0002 10.0019 8.65731 10.0019 7.00021C10.0019 5.34311 11.3446 4.00021 13.0019 4.00021C14.6586 4.00021 16.0019 5.3435 16.0019 7.00021Z" fill="black"/>
+<path d="M11.5824 20.0051H3.00049C2.4482 20.0051 2.00049 19.5574 2.00049 19.0051C2.00049 18.4528 2.4482 18.0051 3.00049 18.0051H11.584L11.3009 17.722C10.9104 17.3315 10.9104 16.6983 11.3009 16.3078C11.6914 15.9173 12.3246 15.9173 12.7151 16.3078L14.7041 18.2968C15.0946 18.6872 15.0946 19.3203 14.7043 19.7108L12.7153 21.7008C12.3248 22.0914 11.6917 22.0916 11.3011 21.7012C10.9104 21.3108 10.9103 20.6776 11.3007 20.287L11.5824 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..f5ef77e43
--- /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.6907 8.701 5.9997 12.01 5.9997C15.319 5.9997 18.01 8.6907 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.2787 19.266 8.5617 18.873 7.9027C18.778 7.6827 18.656 7.1967 19.102 6.6457L19.324 6.3797C19.81 5.8257 19.616 5.4787 19.228 5.0887L18.906 4.7677C18.517 4.3787 18.169 4.1857 17.615 4.6707L17.349 4.8937C16.764 5.3657 16.253 5.2017 16.055 5.1057C15.436 4.7417 14.764 4.4607 14.053 4.2727C13.888 4.2267 13.324 4.0097 13.237 3.1907L13.206 2.8447C13.157 2.1097 12.776 1.9997 12.225 1.9997H11.77C11.22 1.9997 10.837 2.1097 10.789 2.8447L10.758 3.1907C10.656 4.1497 9.895 4.2857 9.895 4.2857C9.895 4.2877 9.896 4.2897 9.896 4.2917C9.238 4.4717 8.615 4.7367 8.037 5.0687C8.035 5.0657 8.034 5.0607 8.031 5.0577C8.031 5.0577 7.397 5.4997 6.647 4.8947L6.38 4.6707C5.826 4.1857 5.478 4.3787 5.089 4.7677L4.768 5.0887C4.379 5.4787 4.186 5.8257 4.67 6.3797L4.894 6.6457C5.5 7.3967 5.057 8.0307 5.057 8.0307C5.062 8.0347 5.068 8.0367 5.073 8.0397C4.741 8.6187 4.478 9.2407 4.299 9.8987C4.294 9.8977 4.289 9.8957 4.285 9.8947C4.285 9.8947 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..ef2a82cba
--- /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.99976 12.0035C9.99976 11.6318 9.94186 11.2737 9.83458 10.9377L14.9195 7.85704C15.5596 8.55905 16.4816 8.9995 17.5067 8.9995C19.4399 8.9995 21.0067 7.43278 21.0067 5.4995C21.0067 3.56693 19.4397 1.9995 17.5067 1.9995C15.5737 1.9995 14.0067 3.56693 14.0067 5.4995C14.0067 5.68541 14.0211 5.86793 14.0491 6.046L8.70384 9.28434C8.10216 8.79606 7.33518 8.5035 6.49976 8.5035C4.56647 8.5035 2.99976 10.0702 2.99976 12.0035C2.99976 13.9361 4.56675 15.5035 6.49976 15.5035C7.33534 15.5035 8.10253 15.2106 8.70432 14.7219L14.0493 17.9601C14.0212 18.1387 14.0067 18.3218 14.0067 18.5083C14.0067 20.4416 15.5734 22.0083 17.5067 22.0083C19.4399 22.0083 21.0067 20.4416 21.0067 18.5083C21.0067 16.575 19.4399 15.0083 17.5067 15.0083C16.4822 15.0083 15.5606 15.4483 14.9206 16.1496L9.83476 13.0684C9.94192 12.7326 9.99976 12.3748 9.99976 12.0035ZM17.5067 3.9995C18.335 3.9995 19.0067 4.67137 19.0067 5.4995C19.0067 6.32821 18.3354 6.9995 17.5067 6.9995C16.6779 6.9995 16.0067 6.32821 16.0067 5.4995C16.0067 4.67137 16.6783 3.9995 17.5067 3.9995ZM7.99976 12.0035C7.99976 11.1748 7.32847 10.5035 6.49976 10.5035C5.67104 10.5035 4.99976 11.1748 4.99976 12.0035C4.99976 12.8316 5.67145 13.5035 6.49976 13.5035C7.32806 13.5035 7.99976 12.8316 7.99976 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.6779 20.0083 16.0067 19.337 16.0067 18.5083C16.0067 17.6796 16.6779 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..cc308d84b
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/shield-crossed.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_2176_446)">
+<path d="M19.69 14C19.891 13.3522 19.9955 12.6783 20 12V5L12 2L8.83997 3.18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.73 4.72998L4 4.99998V12C4 18 12 22 12 22C14.117 20.8829 16.0197 19.4001 17.62 17.62" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 1L23 23" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2176_446">
+<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..e2efccad3
--- /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.6749 21.9362C11.9022 22.0215 12.1527 22.0213 12.3798 21.9355C16.3254 20.4449 18.8299 18.3949 20.0891 16.0572C20.3256 15.6341 20.5106 15.1643 20.6518 14.6561C20.8149 14.069 20.9143 13.4521 20.964 12.8264C20.9976 12.4042 21.0049 12.0411 20.9981 11.717C20.9965 11.647 20.9965 11.647 20.9964 11.654V5.279C20.9964 4.69989 20.5061 4.24186 19.9283 4.28133C19.4284 4.31547 19.1773 4.328 18.8994 4.328C16.2811 4.328 14.1186 3.39264 12.6183 2.21372C12.2322 1.91033 11.683 1.93214 11.3222 2.2652C11.3006 2.28505 11.2748 2.30621 11.2358 2.33553C11.2058 2.35816 11.169 2.38486 11.0714 2.45561C10.6545 2.73402 10.4123 2.88668 10.0484 3.08197C9.96784 3.12523 9.88708 3.16697 9.80608 3.20715C8.38429 3.90539 6.8428 4.328 5.10344 4.328C4.82408 4.328 4.57484 4.31557 4.07358 4.28133C3.49582 4.24186 3.00544 4.69989 3.00544 5.279V11.606C2.92132 12.7826 3.22553 14.8548 4.058 16.2732C4.21696 16.5679 4.42437 16.8738 4.68425 17.2033C6.16053 19.1604 8.51807 20.7508 11.6749 21.9362ZM18.3404 15.0866L18.3315 15.1027C17.3488 16.9318 15.3336 18.6175 12.0254 19.9282C9.38048 18.8858 7.45346 17.5534 6.26773 15.9817C6.06093 15.7192 5.91611 15.5056 5.79973 15.2907C5.45159 14.6964 5.22428 13.9393 5.09983 13.0916C5.01421 12.5084 4.9867 11.9106 5.00303 11.6753L5.00504 6.32759C5.0375 6.32787 5.0702 6.328 5.10344 6.328C7.17929 6.328 9.01079 5.82588 10.6912 5.0006C10.7953 4.94898 10.8951 4.8974 10.9943 4.84414C11.364 4.6457 11.6251 4.48652 12.0001 4.23889C13.7669 5.4456 16.109 6.328 18.8994 6.328C18.9322 6.328 18.9644 6.32787 18.9964 6.32759V11.654C18.9973 11.7081 18.9973 11.7081 18.9986 11.7587C19.004 12.0208 18.998 12.3192 18.9703 12.6679C18.93 13.1745 18.8505 13.6681 18.7248 14.1207C18.6233 14.4861 18.4949 14.8112 18.3404 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..2f73fcdb3
--- /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.02011V4.83011L16.1755 8.00411L12.9985 8.02011ZM19.0005 10.9991V10.9951V10.9911V8.37211C19.0005 8.13211 18.9045 7.90311 18.7345 7.73411L13.3025 2.30711C13.1055 2.11011 12.8395 2.00011 12.5615 2.00011H5.00049C3.89449 2.00011 3.00049 2.89511 3.00049 4.00011V20.0001C3.00049 21.1041 3.89449 22.0001 5.00049 22.0001H8.98949C8.99349 22.0001 8.99649 22.0021 9.00049 22.0021C9.55349 22.0021 10.0005 21.5541 10.0005 21.0021C10.0005 20.4501 9.55349 20.0021 9.00049 20.0021V20.0001H5.00049V4.00011H10.9985V8.02011C10.9985 9.10911 11.8865 9.99511 12.9775 9.99511H17.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/tag.svg b/apps/mobile/resources/icons/source-svgs/tag.svg
new file mode 100644
index 000000000..8fe0a6d4e
--- /dev/null
+++ b/apps/mobile/resources/icons/source-svgs/tag.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.4843 14.1202L14.1264 20.4797C13.9617 20.6447 13.7661 20.7755 13.5509 20.8648C13.3356 20.9541 13.1048 21 12.8717 21C12.6387 21 12.4079 20.9541 12.1926 20.8648C11.9773 20.7755 11.7817 20.6447 11.617 20.4797L4 12.8696V4H12.8673L20.4843 11.619C20.8146 11.9514 21 12.401 21 12.8696C21 13.3383 20.8146 13.7879 20.4843 14.1202Z" stroke="#A1A3A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 8H8.01" stroke="#A1A3A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</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..fde8bb546
--- /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.9995C11.133 4.9995 7.99805 8.1345 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.1345 18.864 4.9995 14.998 4.9995ZM14.998 6.9995C17.756 6.9995 19.998 9.2425 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.2425 12.241 6.9995 14.998 6.9995Z" fill="black"/>
+<path d="M6.80435 5.35823C3.9592 6.29472 2 8.95538 2 11.9961C2 15.0368 3.9592 17.6975 6.80435 18.634C7.32895 18.8066 7.8942 18.5213 8.06687 17.9968C8.23954 17.4722 7.95425 16.9069 7.42965 16.7342C5.39855 16.0657 4 14.1664 4 11.9961C4 9.82579 5.39855 7.92651 7.42965 7.25797C7.95425 7.0853 8.23954 6.52005 8.06687 5.99545C7.8942 5.47085 7.32895 5.18556 6.80435 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..5662be33a
--- /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_2171_469)">
+<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_2171_469">
+<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..fb7e59525
--- /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_2171_431)">
+<path d="M12.0019 16.2C9.6199 16.2 7.6839 14.32 7.6839 12C7.6839 9.68 9.6179 7.8 12.0039 7.8C14.3879 7.8 16.3199 9.68 16.3199 12C16.3199 14.32 14.3879 16.2 12.0019 16.2ZM21.1679 13.164C21.2179 12.78 21.2559 12.396 21.2559 12C21.2559 11.604 21.2179 11.208 21.1679 10.8L23.7719 8.844C23.8854 8.75561 23.9629 8.62904 23.9901 8.4878C24.0174 8.34656 23.9924 8.20024 23.9199 8.076L21.4519 3.924C21.3784 3.79774 21.2624 3.7018 21.1246 3.65341C20.9867 3.60502 20.8362 3.60736 20.6999 3.66L17.6279 4.86C16.9886 4.37705 16.2878 3.98156 15.5439 3.684L15.0859 0.504003C15.0587 0.361065 14.9821 0.232251 14.8694 0.140111C14.7568 0.0479708 14.6154 -0.00162552 14.4699 3.41718e-06H9.5359C9.39006 -0.00209876 9.24815 0.0472818 9.13512 0.139463C9.02209 0.231643 8.94517 0.360722 8.9179 0.504003L8.4619 3.684C7.6839 3.984 7.0179 4.392 6.3779 4.86L3.3059 3.66C3.16939 3.60682 3.01836 3.60419 2.88009 3.65261C2.74182 3.70102 2.62541 3.79728 2.5519 3.924L0.0858967 8.076C0.0103105 8.19941 -0.0164147 8.34661 0.0109685 8.4887C0.0383518 8.6308 0.117865 8.75753 0.233897 8.844L2.8359 10.8C2.78314 11.1979 2.75442 11.5986 2.7499 12C2.7499 12.396 2.7879 12.78 2.8359 13.164L0.233897 15.156C0.117865 15.2425 0.0383518 15.3692 0.0109685 15.5113C-0.0164147 15.6534 0.0103105 15.8006 0.0858967 15.924L2.5519 20.076C2.6999 20.34 3.0339 20.436 3.3059 20.34L6.3779 19.128C7.0179 19.608 7.6839 20.016 8.4619 20.316L8.9179 23.496C8.94517 23.6393 9.02209 23.7684 9.13512 23.8605C9.24815 23.9527 9.39006 24.0021 9.5359 24H14.4699C14.6154 24.0016 14.7568 23.952 14.8694 23.8599C14.9821 23.7678 15.0587 23.6389 15.0859 23.496L15.5439 20.316C16.2882 20.0143 16.9891 19.6148 17.6279 19.128L20.6999 20.34C20.9719 20.436 21.3039 20.34 21.4519 20.076L23.9199 15.924C23.9924 15.7998 24.0174 15.6535 23.9901 15.5122C23.9629 15.371 23.8854 15.2444 23.7719 15.156L21.1679 13.164Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2171_431">
+<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-execute.svg b/apps/mobile/resources/icons/source-svgs/transaction-execute.svg
new file mode 100644
index 000000000..b5af65351
--- /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.4002 2.42072C21.0004 2.11671 20.331 2.01965 19.4035 2.01965C17.2292 2.01965 14.9363 2.58736 13.513 3.76003L13.2934 3.95313L12.8386 4.40977C9.85815 3.8457 7.07605 4.32958 4.61368 5.48036C3.56335 5.97123 2.80214 6.46869 2.3719 6.81979C1.90996 7.19674 1.87337 7.89473 2.2933 8.31882L5.62849 11.6878L4.91039 12.4136L4.81173 12.5222C3.85544 13.6717 4.84554 15.6741 6.66139 17.5074L6.83766 17.6822C8.66369 19.4612 10.622 20.3693 11.7059 19.2769L12.4255 18.5482L15.7625 21.9181L15.8564 22.0019C16.2797 22.3347 16.9007 22.2719 17.2474 21.8387C17.5951 21.4042 18.0878 20.6356 18.574 19.575C19.6812 17.1597 20.1651 14.44 19.6798 11.5282L19.6335 11.2708L20.0853 10.8148L20.2423 10.6306C21.9357 8.52453 22.5025 3.81193 21.5921 2.61291C21.5371 2.54037 21.4725 2.47572 21.4002 2.42072ZM13.8395 17.1206L17.8455 13.0766C17.969 15.0991 17.5506 16.9999 16.759 18.7269L16.6124 19.0354C16.5135 19.2362 16.4126 19.4272 16.3069 19.612L13.8395 17.1206ZM19.4035 4.0389C17.6694 4.0389 15.8169 4.49558 14.8341 5.27601L14.6785 5.40905L6.4669 13.6976L6.49201 13.791L6.54322 13.9394L6.57702 14.0225L6.63807 14.1572C6.9119 14.7279 7.42465 15.4224 8.07561 16.0796C8.72687 16.7371 9.41462 17.255 9.9796 17.5316C10.0722 17.577 10.1578 17.6139 10.2344 17.6425L10.3423 17.6792L10.4349 17.7038L18.6308 9.42919C19.2772 8.71604 19.7269 7.45064 19.9136 5.97956C19.9778 5.4735 20.006 4.97223 19.9996 4.53663L19.9917 4.28364L19.9759 4.06172L19.7479 4.0465L19.581 4.04084L19.4035 4.0389ZM4.85737 7.61193C5.04635 7.51036 5.24531 7.41026 5.45382 7.31281C7.16433 6.51341 9.04708 6.09103 11.0506 6.2159L7.04349 10.2592L4.5759 7.76806L4.85737 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..b4beb2247
--- /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.32195C6.36635 8.32087 7.05263 9.00712 7.05155 9.84766L7.05155 14.7895L17.3964 4.44509C17.9899 3.85164 18.961 3.85164 19.5545 4.44509C20.149 5.03962 20.148 6.00964 19.5545 6.6031L9.20965 16.9475L14.1528 16.9486C14.9923 16.9486 15.6785 17.6348 15.6785 18.4743C15.6785 19.3138 14.9923 20 14.1528 20L5.52578 19.9989C5.39845 20.0011 5.28407 19.9558 5.16645 19.9266C5.09416 19.9083 5.01862 19.9104 4.94741 19.8824C4.88374 19.8576 4.83411 19.8079 4.77692 19.7723C4.48665 19.6051 4.24602 19.3623 4.11654 19.0516C4.08956 18.9836 4.09172 18.9102 4.07445 18.839C4.04316 18.7192 4 18.6049 4 18.4732L4 9.84766C4 9.0082 4.68628 8.32195 5.52577 8.32195Z" 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..783cbf087
--- /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.29917L6.60361 19.7431C6.01013 20.3423 5.03899 20.3423 4.44551 19.7431C3.85096 19.1429 3.85204 18.1635 4.44551 17.5644L14.7904 7.12039L9.84723 7.11931C9.00773 7.11931 8.32146 6.42645 8.32146 5.57891C8.32146 4.73136 9.00773 4.03851 9.84723 4.03851L18.4742 4.0396C18.6016 4.03742 18.7159 4.08318 18.8335 4.11259C18.9058 4.13111 18.9814 4.12893 19.0526 4.15726C19.1163 4.18231 19.1659 4.23242 19.2231 4.26837C19.5133 4.43723 19.754 4.68234 19.8835 4.99609C19.9104 5.06472 19.9083 5.1388 19.9255 5.2107C19.9568 5.33162 20 5.44709 20 5.58V14.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..7d8ac41a8
--- /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_2176_506)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5117 12.0075C19.5117 7.8695 16.1474 4.50326 12.0117 4.5V1.5C17.6345 1.50316 22.2385 5.94795 22.5 11.5081V11.4716C22.5089 11.6491 22.5135 11.8278 22.5135 12.0075C22.5135 12.1872 22.5089 12.3658 22.5 12.5434V12.5069C22.2467 17.8913 17.9212 22.2284 12.5416 22.5H12.5419C12.5207 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.1474 19.5102 19.5117 16.144 19.5117 12.0075M12.0117 22.5H12V1.5C6.37707 1.50316 1.77314 5.94795 1.51167 11.5081V11.4716C1.5027 11.6491 1.49817 11.8278 1.49817 12.0075C1.49817 12.1872 1.5027 12.3658 1.51167 12.5434V12.5069C1.76488 17.8913 6.09042 22.2284 11.47 22.5H11.4697C11.471 22.5001 11.4723 22.5001 11.4736 22.5002C11.6499 22.509 11.8273 22.5135 12.0057 22.5135" fill="#121312"/>
+</g>
+<defs>
+<clipPath id="clip0_2176_506">
+<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..40a7ec9e8
--- /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_2171_432)">
+<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.3166 10.9128H13.0914V6.68761C13.0914 6.0872 12.6047 5.59991 12.0037 5.59991C11.4033 5.59991 10.916 6.0872 10.916 6.68761V10.9128H6.69194C6.09099 10.9128 5.60425 11.4001 5.60425 12.0005C5.60425 12.6009 6.09099 13.0882 6.69194 13.0882H10.916V17.3128C10.916 17.9132 11.4033 18.4005 12.0037 18.4005C12.6047 18.4005 13.0914 17.9132 13.0914 17.3128V13.0882H17.3166C17.917 13.0882 18.4042 12.6009 18.4042 12.0005C18.4042 11.4001 17.917 10.9128 17.3166 10.9128Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2171_432">
+<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..eaa40d329
--- /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="#121312"/>
+<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="#121312"/>
+</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..d5cc049db
--- /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.24871C16.0649 2.95975 15.5901 2.96609 15.3012 3.26286C15.0122 3.55964 15.0185 4.03447 15.3153 4.32342L17.1042 6.06519H8.06073C7.04316 6.06519 6.06335 6.45859 5.33787 7.16496C4.61171 7.872 4.19995 8.83527 4.19995 9.84404V11.3585C4.19995 11.7727 4.53573 12.1085 4.94995 12.1085C5.36416 12.1085 5.69994 11.7727 5.69994 11.3585V9.84404C5.69994 9.24621 5.94367 8.66868 6.38428 8.23968C6.82557 7.81001 7.42825 7.56518 8.06073 7.56518H17.1036L15.3153 9.30642C15.0185 9.59537 15.0122 10.0702 15.3012 10.367C15.5901 10.6637 16.0649 10.6701 16.3617 10.3811L19.4725 7.35228C19.6175 7.21109 19.6993 7.0173 19.6993 6.81492C19.6993 6.61254 19.6175 6.41875 19.4725 6.27756L16.3617 3.24871ZM8.59809 13.8639C8.88705 14.1607 8.88071 14.6355 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.3869V12.8725C18.1985 12.4583 18.5343 12.1225 18.9485 12.1225C19.3627 12.1225 19.6985 12.4583 19.6985 12.8725V14.3869C19.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.1964 8.88705 20.6713 8.59809 20.968C8.30913 21.2648 7.83431 21.2711 7.53753 20.9822L4.42674 17.9533C4.38223 17.91 4.34367 17.8617 4.31161 17.8097C4.24435 17.701 4.20411 17.5737 4.20026 17.4374C4.20005 17.4302 4.19995 17.423 4.19995 17.4158C4.19995 17.1998 4.29124 17.0052 4.43732 16.8683L7.53753 13.8498C7.83431 13.5608 8.30913 13.5672 8.59809 13.8639Z" 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/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..3dac3e76f
--- /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.52031 19.0003 7.29931 17.6933 6.04931 15.6463L7.57831 16.1173C8.10831 16.2823 8.66631 15.9823 8.82831 15.4553C8.99031 14.9263 8.69431 14.3673 8.16631 14.2053L4.48031 13.0713C3.95731 12.9103 3.40431 13.1993 3.23431 13.7183L2.04931 17.3673C1.87831 17.8913 2.16631 18.4563 2.69231 18.6273C2.79431 18.6603 2.89831 18.6753 3.00031 18.6753C3.42231 18.6753 3.81431 18.4073 3.95131 17.9843L4.35331 16.7483C5.96531 19.3543 8.82731 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..5a63431ff
--- /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.9994 8.41608V20.9991C10.9994 21.5521 11.4474 21.9991 11.9994 21.9991C12.5524 21.9991 12.9994 21.5521 12.9994 20.9991V8.41608L17.1214 12.5371C17.5124 12.9281 18.1454 12.9281 18.5354 12.5371C18.9264 12.1461 18.9264 11.5141 18.5354 11.1231L12.8784 5.46608C12.8494 5.43708 12.8184 5.41008 12.7874 5.38608C12.6034 5.15108 12.3194 5.00208 11.9994 5.00208C11.6804 5.00208 11.3954 5.15108 11.2124 5.38608C11.1814 5.41008 11.1494 5.43708 11.1214 5.46608L5.46439 11.1231C5.07339 11.5141 5.07339 12.1461 5.46439 12.5371C5.85439 12.9281 6.48739 12.9281 6.87839 12.5371L10.9994 8.41608Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9995 4H2.99951C2.44951 4 1.99951 3.55 1.99951 3C1.99951 2.45 2.44951 2 2.99951 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/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..b8b261ed9
--- /dev/null
+++ b/apps/mobile/src/components/Alert/Alert.test.tsx
@@ -0,0 +1,96 @@
+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()
+  })
+})
diff --git a/apps/mobile/src/components/Alert/Alert.tsx b/apps/mobile/src/components/Alert/Alert.tsx
new file mode 100644
index 000000000..88a2e5ce5
--- /dev/null
+++ b/apps/mobile/src/components/Alert/Alert.tsx
@@ -0,0 +1,85 @@
+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'
+
+interface AlertProps {
+  type: AlertType
+  message: string
+  info?: string
+  iconName?: IconName
+  displayIcon?: boolean
+  fullWidth?: boolean
+  endIcon?: React.ReactNode
+  startIcon?: React.ReactNode
+  onPress?: () => void
+  testID?: string
+}
+
+const icons = {
+  error: <SafeFontIcon testID="error-icon" name={'alert'} />,
+  warning: <SafeFontIcon testID="warning-icon" name={'alert'} />,
+  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]
+}
+
+export const Alert = ({
+  type,
+  fullWidth = true,
+  message,
+  iconName,
+  startIcon,
+  endIcon,
+  displayIcon = true,
+  onPress,
+  testID,
+  info,
+}: AlertProps) => {
+  const Icon = getAlertIcon(type, iconName, displayIcon)
+  return (
+    <Theme name={type}>
+      <TouchableOpacity disabled={!onPress} onPress={onPress} testID={testID}>
+        <View flexDirection="row" width="100%" justifyContent="center">
+          <View
+            alignItems="center"
+            gap={'$3'}
+            width={fullWidth ? '100%' : 'auto'}
+            flexDirection="row"
+            justifyContent="center"
+            backgroundColor="$background"
+            paddingHorizontal="$7"
+            paddingVertical="$3"
+            borderRadius={'$2'}
+          >
+            {startIcon ? <View testID="alert-start-icon">{startIcon}</View> : Icon}
+
+            <View gap={'$1'}>
+              <Text fontSize={'$4'} fontWeight={'600'} fontFamily={'$body'}>
+                {message}
+              </Text>
+
+              {info && (
+                <Text fontSize={'$3'} fontFamily={'$body'}>
+                  {info}
+                </Text>
+              )}
+            </View>
+
+            {endIcon && <View testID="alert-end-icon">{endIcon}</View>}
+          </View>
+        </View>
+      </TouchableOpacity>
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/Alert/index.ts b/apps/mobile/src/components/Alert/index.ts
new file mode 100644
index 000000000..67c990447
--- /dev/null
+++ b/apps/mobile/src/components/Alert/index.ts
@@ -0,0 +1,3 @@
+import { Alert } from './Alert'
+
+export { Alert }
diff --git a/apps/mobile/src/components/Badge/Badge.tsx b/apps/mobile/src/components/Badge/Badge.tsx
new file mode 100644
index 000000000..b42d9612b
--- /dev/null
+++ b/apps/mobile/src/components/Badge/Badge.tsx
@@ -0,0 +1,65 @@
+import React from 'react'
+import { Circle, CircleProps, 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
+type BadgeThemeTypes = ExtractAfterUnderscore<BadgeThemeKeys>
+
+interface BadgeProps {
+  content: string | React.ReactElement
+  themeName?: BadgeThemeTypes
+  circleSize?: string
+  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'} {...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/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..4501e0888
--- /dev/null
+++ b/apps/mobile/src/components/Badge/theme.ts
@@ -0,0 +1,44 @@
+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.primaryMainDark,
+  },
+  light_badge_success_variant1: {
+    background: tokens.color.successDarkDark,
+    color: tokens.color.successMainLight,
+  },
+  dark_badge_success_variant1: {
+    background: tokens.color.successDarkDark,
+    color: tokens.color.successMainLight,
+  },
+  light_badge_warning: {
+    color: tokens.color.warning1MainLight,
+    background: tokens.color.warningBackgroundLight,
+  },
+  dark_badge_warning: {
+    color: tokens.color.warning1MainDark,
+    background: tokens.color.warning1ContrastTextDark,
+  },
+  light_badge_warning_variant1: {
+    color: tokens.color.warning1ContrastTextLight,
+    background: tokens.color.warningDarkDark,
+  },
+  dark_badge_warning_variant1: {
+    color: tokens.color.warning1ContrastTextDark,
+    background: tokens.color.warningDarkDark,
+  },
+  dark_badge_background: {
+    color: tokens.color.textPrimaryDark,
+    background: tokens.color.logoBackgroundDark,
+  },
+  light_badge_background: {
+    color: tokens.color.textPrimaryLight,
+    background: tokens.color.logoBackgroundLight,
+  },
+}
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/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..29c093dc0
--- /dev/null
+++ b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.test.tsx
@@ -0,0 +1,30 @@
+import { mockedChains } from '@/src/store/constants'
+import { ChainsDisplay } from './ChainsDisplay'
+import { render } from '@testing-library/react-native'
+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.getAllByTestId('chain-display')[0].children[0].props.accessibilityLabel).toBe(
+      mockedChains[2].chainName,
+    )
+  })
+})
diff --git a/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.tsx b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.tsx
new file mode 100644
index 000000000..d7a2731ec
--- /dev/null
+++ b/apps/mobile/src/components/ChainsDisplay/ChainsDisplay.tsx
@@ -0,0 +1,34 @@
+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) && -8}>
+          <Logo size="$7" logoUri={chainLogoUri} accessibilityLabel={chainName} />
+        </View>
+      ))}
+
+      {showBadge && (
+        <Badge testID="more-chains-badge" 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/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..79d043b81
--- /dev/null
+++ b/apps/mobile/src/components/Container/Container.test.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import { render } from '@testing-library/react-native'
+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..c92e72ea9
--- /dev/null
+++ b/apps/mobile/src/components/Container/Container.tsx
@@ -0,0 +1,40 @@
+import { styled, Theme, ThemeName, YStack, YStackProps } from 'tamagui'
+
+const StyledYStack = styled(YStack, {
+  variants: {
+    bordered: {
+      true: {
+        borderColor: '#303033',
+        borderWidth: 1,
+      },
+      false: {
+        backgroundColor: '$backgroundPaper',
+      },
+    },
+    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..d7ea5a52a
--- /dev/null
+++ b/apps/mobile/src/components/Container/__snapshots__/Container.test.tsx.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Container applies the correct styles 1`] = `
+{
+  "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..8bbb3ed3b
--- /dev/null
+++ b/apps/mobile/src/components/CopyButton/CopyButton.tsx
@@ -0,0 +1,18 @@
+import { Button, TextProps } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+
+export const CopyButton = ({ value, color }: { value: string; color: TextProps['color'] }) => {
+  const copyAndDispatchToast = useCopyAndDispatchToast()
+  return (
+    <Button
+      onPress={() => {
+        copyAndDispatchToast(value)
+      }}
+      height={20}
+      backgroundColor={'transparent'}
+    >
+      <SafeFontIcon name={'copy'} size={13} color={color as string} />
+    </Button>
+  )
+}
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..49609e716
--- /dev/null
+++ b/apps/mobile/src/components/DataRow/DataRow.test.tsx
@@ -0,0 +1,81 @@
+import React from 'react'
+import { render } from '@testing-library/react-native'
+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({
+      fontWeight: '600',
+    })
+  })
+})
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/Dropdown.test.tsx b/apps/mobile/src/components/Dropdown/Dropdown.test.tsx
new file mode 100644
index 000000000..c8b8d0b71
--- /dev/null
+++ b/apps/mobile/src/components/Dropdown/Dropdown.test.tsx
@@ -0,0 +1,52 @@
+import { render, userEvent } from '@/src/tests/test-utils'
+import { Dropdown } from '.'
+import { Text, View } from 'tamagui'
+import * as hooks from '@gorhom/bottom-sheet'
+
+const mockedItems = ['Ethereum', 'Sepolia', 'Nevinha']
+
+describe('Dropdown', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('should render the default markup', () => {
+    const { getByText, queryByText, getByTestId } = render(
+      <Dropdown
+        label="Ethereum"
+        dropdownTitle="Select network:"
+        leftNode={<Text>Here is my leftNode</Text>}
+        items={mockedItems}
+        keyExtractor={({ item }) => item}
+        renderItem={() => <View>It should not be rendered</View>}
+      />,
+    )
+
+    expect(getByText('Ethereum')).toBeTruthy()
+    expect(getByTestId('dropdown-arrow')).toBeTruthy()
+    expect(getByText('Here is my leftNode')).toBeTruthy()
+    expect(queryByText('It should not be rendered')).not.toBeTruthy()
+  })
+
+  it('should open and close the dropdown container', async () => {
+    const user = userEvent.setup()
+    const container = render(
+      <Dropdown label="Ethereum" dropdownTitle="Select network:" leftNode={<Text>Here is my leftNode</Text>}>
+        <Text>my custom child component</Text>
+      </Dropdown>,
+    )
+    const dismissSpy = jest.fn()
+
+    jest.spyOn(hooks, 'useBottomSheetModal').mockImplementation(() => ({ dismiss: dismissSpy, dismissAll: jest.fn() }))
+
+    expect(container.queryByText('my custom child component')).not.toBeVisible()
+
+    await user.press(container.getByTestId('dropdown-label-view'))
+
+    expect(container.getByText('my custom child component')).toBeVisible()
+
+    await user.press(container.getByTestId('dropdown-backdrop'))
+
+    expect(dismissSpy).toHaveBeenCalled()
+  })
+})
diff --git a/apps/mobile/src/components/Dropdown/Dropdown.tsx b/apps/mobile/src/components/Dropdown/Dropdown.tsx
new file mode 100644
index 000000000..9ef4ec31a
--- /dev/null
+++ b/apps/mobile/src/components/Dropdown/Dropdown.tsx
@@ -0,0 +1,158 @@
+import React, { useCallback, useMemo, useRef } from 'react'
+import { GetThemeValueForKey, H5, ScrollView, Text, View } from 'tamagui'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { BottomSheetFooterProps, BottomSheetModal, BottomSheetModalProps, BottomSheetView } from '@gorhom/bottom-sheet'
+import { StyleSheet } from 'react-native'
+import { BackdropComponent, BackgroundComponent } from './sheetComponents'
+
+import DraggableFlatList, { DragEndParams, RenderItemParams, ScaleDecorator } from 'react-native-draggable-flatlist'
+
+interface DropdownProps<T> {
+  label: string
+  leftNode?: React.ReactNode
+  children?: React.ReactNode
+  dropdownTitle?: string
+  sortable?: boolean
+  onDragEnd?: (params: DragEndParams<T>) => void
+  items?: T[]
+  snapPoints?: BottomSheetModalProps['snapPoints']
+  labelProps?: {
+    fontSize?: '$4' | '$5' | GetThemeValueForKey<'fontSize'>
+    fontWeight: 400 | 500 | 600
+  }
+  actions?: React.ReactNode
+  footerComponent?: React.FC<BottomSheetFooterProps>
+  renderItem?: React.FC<{ item: T; isDragging?: boolean; drag?: () => void; onClose: () => void }>
+  keyExtractor?: ({ item, index }: { item: T; index: number }) => string
+}
+
+const defaultLabelProps = {
+  fontSize: '$4',
+  fontWeight: 400,
+} as const
+
+export function Dropdown<T>({
+  label,
+  leftNode,
+  children,
+  dropdownTitle,
+  sortable,
+  items,
+  snapPoints = [600, '90%'],
+  keyExtractor,
+  actions,
+  renderItem: Render,
+  labelProps = defaultLabelProps,
+  footerComponent,
+  onDragEnd,
+}: DropdownProps<T>) {
+  const bottomSheetModalRef = useRef<BottomSheetModal>(null)
+  const handlePresentModalPress = useCallback(() => {
+    bottomSheetModalRef.current?.present()
+  }, [])
+
+  const handleModalClose = useCallback(() => {
+    bottomSheetModalRef.current?.dismiss()
+  }, [])
+
+  const hasCustomItems = items && Render
+  const isSortable = items && sortable
+
+  const renderItem = useCallback(
+    ({ item, drag, isActive }: RenderItemParams<T>) => {
+      return (
+        <ScaleDecorator activeScale={1.05}>
+          {Render && <Render drag={drag} isDragging={isActive} item={item} onClose={handleModalClose} />}
+        </ScaleDecorator>
+      )
+    },
+    [handleModalClose, Render],
+  )
+
+  const renderDropdownHeader = useMemo(
+    () => (
+      <View justifyContent="center" marginTop="$3" marginBottom="$4" alignItems="center">
+        <H5 fontWeight={600}>{dropdownTitle}</H5>
+
+        {actions && (
+          <View position="absolute" right={'$4'} top={'$1'}>
+            {actions}
+          </View>
+        )}
+      </View>
+    ),
+    [dropdownTitle, actions],
+  )
+
+  return (
+    <>
+      <View
+        alignItems="center"
+        testID="dropdown-label-view"
+        onPress={handlePresentModalPress}
+        flexDirection="row"
+        marginBottom="$3"
+        columnGap="$2"
+      >
+        {leftNode}
+
+        <Text fontSize={labelProps.fontSize} fontWeight={labelProps.fontWeight}>
+          {label}
+        </Text>
+
+        <SafeFontIcon testID="dropdown-arrow" name="arrow-down" />
+      </View>
+
+      <BottomSheetModal
+        enableOverDrag={false}
+        snapPoints={snapPoints}
+        enableDynamicSizing={false}
+        ref={bottomSheetModalRef}
+        enablePanDownToClose
+        overDragResistanceFactor={10}
+        backgroundComponent={BackgroundComponent}
+        backdropComponent={BackdropComponent}
+        footerComponent={footerComponent}
+      >
+        {!isSortable && dropdownTitle && renderDropdownHeader}
+
+        <BottomSheetView
+          style={[styles.contentContainer, !isSortable ? { flex: 1, paddingHorizontal: 20 } : undefined]}
+        >
+          {isSortable ? (
+            <DraggableFlatList<T>
+              data={items}
+              containerStyle={{ height: '100%' }}
+              ListHeaderComponent={dropdownTitle ? renderDropdownHeader : undefined}
+              onDragEnd={onDragEnd}
+              keyExtractor={(item, index) => (keyExtractor ? keyExtractor({ item, index }) : index.toString())}
+              renderItem={renderItem}
+            />
+          ) : (
+            <ScrollView>
+              <View minHeight={200} alignItems="center" paddingVertical="$3">
+                <View alignItems="flex-start" paddingBottom="$4" width="100%">
+                  {hasCustomItems
+                    ? items.map((item, index) => (
+                        <Render
+                          key={keyExtractor ? keyExtractor({ item, index }) : index}
+                          item={item}
+                          onClose={handleModalClose}
+                        />
+                      ))
+                    : children}
+                </View>
+              </View>
+            </ScrollView>
+          )}
+        </BottomSheetView>
+      </BottomSheetModal>
+    </>
+  )
+}
+
+const styles = StyleSheet.create({
+  contentContainer: {
+    justifyContent: 'space-around',
+  },
+})
diff --git a/apps/mobile/src/components/Dropdown/index.ts b/apps/mobile/src/components/Dropdown/index.ts
new file mode 100644
index 000000000..80f50ef94
--- /dev/null
+++ b/apps/mobile/src/components/Dropdown/index.ts
@@ -0,0 +1,2 @@
+import { Dropdown } from './Dropdown'
+export { Dropdown }
diff --git a/apps/mobile/src/components/Dropdown/sheetComponents.tsx b/apps/mobile/src/components/Dropdown/sheetComponents.tsx
new file mode 100644
index 000000000..8710158f3
--- /dev/null
+++ b/apps/mobile/src/components/Dropdown/sheetComponents.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import { View as RCView, StyleSheet } from 'react-native'
+import { View } from 'tamagui'
+import { BottomSheetBackgroundProps, useBottomSheetModal } from '@gorhom/bottom-sheet'
+import { BlurView } from 'expo-blur'
+
+const BackgroundComponent = React.memo(({ style }: BottomSheetBackgroundProps) => {
+  return (
+    <RCView style={style}>
+      <View flex={1} backgroundColor="$backgroundPaper" borderRadius={'$6'}></View>
+    </RCView>
+  )
+})
+
+const BackdropComponent = React.memo(() => {
+  const { dismiss } = useBottomSheetModal()
+
+  const handleClose = () => dismiss()
+
+  return (
+    <View
+      testID="dropdown-backdrop"
+      onPress={handleClose}
+      position="absolute"
+      top={0}
+      left={0}
+      width="100%"
+      height="100%"
+    >
+      <BlurView style={styles.absolute} intensity={100} experimentalBlurMethod={'dimezisBlurView'} 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/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..08cecb995
--- /dev/null
+++ b/apps/mobile/src/components/EthAddress/ETHAddress.tsx
@@ -0,0 +1,20 @@
+import { Address } from '@/src/types/address'
+import { shortenAddress } from '@/src/utils/formatters'
+import { Text, type TextProps, View } from 'tamagui'
+import { CopyButton } from '@/src/components/CopyButton'
+
+type Props = {
+  address: Address
+  copy?: boolean
+  textProps?: Partial<TextProps>
+}
+export const EthAddress = ({ address, copy, textProps }: Props) => {
+  return (
+    <View gap={'$1'} flexDirection={'row'}>
+      <Text color={'$color'} {...textProps}>
+        {shortenAddress(address)}
+      </Text>
+      {copy && <CopyButton value={address} 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..f6c105a93
--- /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 default markup', () => {
+    const { getByText } = render(<Fiat baseAmount="215,531.65" />)
+
+    expect(getByText('$')).toBeTruthy()
+    expect(getByText('215,531')).toBeTruthy()
+    expect(getByText('.65')).toBeTruthy()
+  })
+})
diff --git a/apps/mobile/src/components/Fiat/Fiat.tsx b/apps/mobile/src/components/Fiat/Fiat.tsx
new file mode 100644
index 000000000..ff233da34
--- /dev/null
+++ b/apps/mobile/src/components/Fiat/Fiat.tsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import { H1, H3, View } from 'tamagui'
+
+interface FiatProps {
+  baseAmount: string
+}
+
+export const Fiat = ({ baseAmount }: FiatProps) => {
+  const amount = baseAmount.split('.')
+
+  return (
+    <View flexDirection="row" alignItems="center">
+      <H3 fontWeight="600">$</H3>
+      <H1 fontWeight="600">{amount[0]}</H1>
+
+      {amount[1] && (
+        <H1 fontWeight={600} color="$textSecondaryDark">
+          .{amount[1].slice(0, 2)}
+        </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..40c4481c7
--- /dev/null
+++ b/apps/mobile/src/components/FloatingContainer/FloatingContainer.tsx
@@ -0,0 +1,61 @@
+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 } from 'react-native'
+
+interface FloatingContainerProps {
+  children: React.ReactNode
+  noOffset?: boolean
+  sticky?: boolean
+  keyboardAvoidEnabled?: boolean
+  onLayout?: KeyboardAvoidingViewProps['onLayout']
+  testID?: string
+}
+
+export const FloatingContainer: FC<FloatingContainerProps> = ({
+  children,
+  noOffset,
+  sticky,
+  keyboardAvoidEnabled,
+  onLayout,
+  testID,
+}: 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}>{children}</View>
+    </KeyboardAvoidingView>
+  )
+}
+
+const styles = StyleSheet.create({
+  floatingContainer: {
+    position: 'fixed',
+    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/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..73aa12e91
--- /dev/null
+++ b/apps/mobile/src/components/Identicon/Identicon.test.tsx
@@ -0,0 +1,31 @@
+import React from 'react'
+import { render } from '@testing-library/react-native'
+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 when rounded prop is true', () => {
+    const { getByTestId } = render(<Identicon address="0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6" rounded />)
+    const image = getByTestId('identicon-image')
+    expect(image.props.style.borderRadius).toBe('50%')
+  })
+
+  it('applies default size when size prop is not provided', () => {
+    const { getByTestId } = render(<Identicon address="0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6" />)
+    const image = getByTestId('identicon-image')
+    expect(image.props.style.width).toBe(56)
+    expect(image.props.style.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.style.width).toBe(100)
+    expect(image.props.style.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..1d2cdd249
--- /dev/null
+++ b/apps/mobile/src/components/Identicon/Identicon.tsx
@@ -0,0 +1,27 @@
+import { blo } from 'blo'
+import { Image } from 'expo-image'
+import { type Address } from '@/src/types/address'
+import { View } from 'tamagui'
+
+type Props = {
+  address: Address
+  rounded?: boolean
+  size?: number
+}
+
+const DEFAULT_SIZE = 56
+export const Identicon = ({ address, rounded, size }: Props) => {
+  const style = {
+    borderRadius: rounded ? '50%' : 0,
+    width: size ? size : DEFAULT_SIZE,
+    height: size ? size : DEFAULT_SIZE,
+  }
+
+  const blockie = blo(address)
+
+  return (
+    <View style={{ borderRadius: '50%', overflow: 'hidden' }}>
+      <Image testID={'identicon-image'} source={{ uri: blockie }} style={style} />
+    </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/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/Logo/Logo.test.tsx b/apps/mobile/src/components/Logo/Logo.test.tsx
new file mode 100644
index 000000000..685288f03
--- /dev/null
+++ b/apps/mobile/src/components/Logo/Logo.test.tsx
@@ -0,0 +1,17 @@
+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()
+  })
+})
diff --git a/apps/mobile/src/components/Logo/Logo.tsx b/apps/mobile/src/components/Logo/Logo.tsx
new file mode 100644
index 000000000..15bc1a427
--- /dev/null
+++ b/apps/mobile/src/components/Logo/Logo.tsx
@@ -0,0 +1,40 @@
+import React from 'react'
+import { Avatar, Theme, View } from 'tamagui'
+import { IconProps, SafeFontIcon } from '../SafeFontIcon/SafeFontIcon'
+
+interface LogoProps {
+  logoUri?: string | null
+  accessibilityLabel?: string
+  fallbackIcon?: IconProps['name']
+  imageBackground?: string
+  size?: string
+}
+
+export function Logo({
+  logoUri,
+  accessibilityLabel,
+  size = '$10',
+  imageBackground = '$color',
+  fallbackIcon = 'nft',
+}: LogoProps) {
+  return (
+    <Theme name="logo">
+      <Avatar circular size={size}>
+        {logoUri && (
+          <Avatar.Image
+            testID="logo-image"
+            backgroundColor={imageBackground}
+            accessibilityLabel={accessibilityLabel}
+            source={{ uri: logoUri }}
+          />
+        )}
+
+        <Avatar.Fallback backgroundColor="$background">
+          <View backgroundColor="$background" padding="$2" borderRadius={100}>
+            <SafeFontIcon testID="logo-fallback-icon" name={fallbackIcon} color="$colorSecondary" />
+          </View>
+        </Avatar.Fallback>
+      </Avatar>
+    </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/OptIn/OptIn.tsx b/apps/mobile/src/components/OptIn/OptIn.tsx
new file mode 100644
index 000000000..3c98f6483
--- /dev/null
+++ b/apps/mobile/src/components/OptIn/OptIn.tsx
@@ -0,0 +1,76 @@
+import React from 'react'
+import { ImageSourcePropType, StyleSheet } from 'react-native'
+import { View, Image, Text } from 'tamagui'
+import { SafeButton } from '@/src/components/SafeButton'
+import { WINDOW_HEIGHT } from '@/src/store/constants'
+import { FloatingContainer } from '../FloatingContainer'
+
+interface OptInProps {
+  title: string
+  ctaButton: {
+    onPress: () => void
+    label: string
+  }
+  kicker?: string
+  description?: string
+  image?: ImageSourcePropType
+  secondaryButton?: {
+    onPress: () => void
+    label: string
+  }
+  testID?: string
+  isVisible?: boolean
+}
+
+export const OptIn: React.FC<OptInProps> = React.memo(
+  ({ testID, kicker, title, description, image, ctaButton, secondaryButton, isVisible }: OptInProps) => {
+    if (!isVisible) {
+      return
+    }
+
+    return (
+      <View
+        testID={testID}
+        style={styles.wrapper}
+        padding="$4"
+        gap="$8"
+        alignItems="center"
+        justifyContent="flex-start"
+      >
+        {kicker && (
+          <Text textAlign="center" fontWeight={700} fontSize="$4" lineHeight="$6">
+            {kicker}
+          </Text>
+        )}
+        <Text textAlign="center" fontWeight={600} fontSize="$8" lineHeight="$8">
+          {title}
+        </Text>
+        {description && (
+          <Text textAlign="center" fontWeight={400} fontSize="$4">
+            {description}
+          </Text>
+        )}
+        {image && <Image style={styles.image} source={image} />}
+
+        <FloatingContainer sticky testID="notifications-opt-in-cta-buttons">
+          <SafeButton onPress={ctaButton.onPress} label={ctaButton.label} />
+          {secondaryButton && (
+            <SafeButton variant="secondary" onPress={secondaryButton.onPress} label={secondaryButton.label} />
+          )}
+        </FloatingContainer>
+      </View>
+    )
+  },
+)
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+  },
+  image: {
+    width: '100%',
+    height: Math.abs(WINDOW_HEIGHT * 0.42),
+  },
+})
+
+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/SafeButton/SafeButton.stories.tsx b/apps/mobile/src/components/SafeButton/SafeButton.stories.tsx
new file mode 100644
index 000000000..fc79031e4
--- /dev/null
+++ b/apps/mobile/src/components/SafeButton/SafeButton.stories.tsx
@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { SafeButton } from '@/src/components/SafeButton'
+import { action } from '@storybook/addon-actions'
+
+const meta: Meta<typeof SafeButton> = {
+  title: 'SafeButton',
+  component: SafeButton,
+  args: {
+    label: 'Get started',
+    onPress: action('onPress'),
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof SafeButton>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/SafeButton/SafeButton.tsx b/apps/mobile/src/components/SafeButton/SafeButton.tsx
new file mode 100644
index 000000000..56820a923
--- /dev/null
+++ b/apps/mobile/src/components/SafeButton/SafeButton.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { TouchableOpacity } from 'react-native'
+import { styled, Text, View } from 'tamagui'
+
+interface SafeButtonProps {
+  onPress: () => void
+  label: string
+  variant?: 'primary' | 'secondary'
+}
+
+export const StyledButtonWrapper = styled(View, {
+  height: 48,
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: 8,
+})
+
+export function SafeButton({ onPress, label, variant = 'primary' }: SafeButtonProps) {
+  const variantStyles =
+    variant === 'primary'
+      ? { backgroundColor: '$primary', fontColor: '$background' }
+      : { backgroundColor: 'inherit', fontColor: '$primary' }
+  return (
+    <TouchableOpacity onPress={onPress}>
+      <StyledButtonWrapper backgroundColor={variantStyles.backgroundColor}>
+        <Text fontSize="$4" fontWeight={600} color={variantStyles.fontColor}>
+          {label}
+        </Text>
+      </StyledButtonWrapper>
+    </TouchableOpacity>
+  )
+}
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..c02b58c9f
--- /dev/null
+++ b/apps/mobile/src/components/SafeCard/SafeCard.stories.tsx
@@ -0,0 +1,42 @@
+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',
+    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',
+    children: <Text marginTop={'$4'}>Hello from children</Text>,
+  },
+}
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..6a3e2a50c
--- /dev/null
+++ b/apps/mobile/src/components/SafeCard/SafeCard.tsx
@@ -0,0 +1,46 @@
+import { H5, Image, Text, View } 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
+  children?: React.ReactNode
+}
+
+export function SafeCard({ title, description, image, icon, children }: SafeCardProps) {
+  return (
+    <Container position="relative" marginHorizontal={'$3'} marginTop={'$6'}>
+      {icon && <Badge circular content={icon} themeName="badge_background" />}
+
+      <H5 fontWeight={600} marginBottom="$1" marginTop="$4">
+        {title}
+      </H5>
+
+      <Text fontSize={'$4'} color="$colorSecondary">
+        {description}
+      </Text>
+
+      {children}
+
+      {image && (
+        <View alignItems="center">
+          <Image
+            testID="safe-card-image"
+            maxWidth={300}
+            width={'100%'}
+            borderRadius={'$4'}
+            marginBottom="-16"
+            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..903be123c
--- /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'
+
+export const SafeIcon = createIconSetFromIcoMoon(
+  require('@/assets/fonts/safe-icons/selection.json'),
+  'SafeIcons',
+  'safe-icons.ttf',
+)
+
+export interface IconProps {
+  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..a4a94ad64
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/SafeInput.test.tsx
@@ -0,0 +1,50 @@
+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 } = render(<SafeInput placeholder="Please enter something..." />)
+    const input = getByTestId('safe-input')
+
+    expect(input).toBeDefined()
+
+    expect(input.children[0].props.placeholder).toBe('Please enter something...')
+    expect(input.props.style.borderTopColor).toBe('#DCDEE0')
+    expect(input.props.style.borderBottomColor).toBe('#DCDEE0')
+    expect(input.props.style.borderLeftColor).toBe('#DCDEE0')
+    expect(input.props.style.borderRightColor).toBe('#DCDEE0')
+  })
+
+  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.props.style.borderTopColor).toBe('#FF5F72')
+    expect(input.props.style.borderBottomColor).toBe('#FF5F72')
+    expect(input.props.style.borderLeftColor).toBe('#FF5F72')
+    expect(input.props.style.borderRightColor).toBe('#FF5F72')
+    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.props.style.borderTopColor).toBe('#FF5F72')
+    expect(input.props.style.borderBottomColor).toBe('#FF5F72')
+    expect(input.props.style.borderLeftColor).toBe('#FF5F72')
+    expect(input.props.style.borderRightColor).toBe('#FF5F72')
+    expect(getByText('This field is required')).toBeDefined()
+  })
+
+  it('should change the color when a success prop is provided', () => {
+    const { getByTestId } = render(<SafeInput success />)
+    const input = getByTestId('safe-input')
+
+    expect(input.props.style.borderTopColor).toBe('#12FF80')
+    expect(input.props.style.borderBottomColor).toBe('#12FF80')
+    expect(input.props.style.borderLeftColor).toBe('#12FF80')
+    expect(input.props.style.borderRightColor).toBe('#12FF80')
+  })
+})
diff --git a/apps/mobile/src/components/SafeInput/SafeInput.tsx b/apps/mobile/src/components/SafeInput/SafeInput.tsx
new file mode 100644
index 000000000..21081b04f
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/SafeInput.tsx
@@ -0,0 +1,60 @@
+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}
+
+        <StyledInput
+          {...props}
+          size="$5"
+          flex={1}
+          maxHeight={height}
+          autoCapitalize="none"
+          autoCorrect={false}
+          placeholder={placeholder}
+        />
+        {right}
+      </StyledInputContainer>
+      {hasError && <ErrorDisplay error={error} />}
+    </Theme>
+  )
+}
diff --git a/apps/mobile/src/components/SafeInput/styled.ts b/apps/mobile/src/components/SafeInput/styled.ts
new file mode 100644
index 000000000..159289b5d
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/styled.ts
@@ -0,0 +1,27 @@
+import { Input, styled, View } from 'tamagui'
+
+export const StyledInputContainer = styled(View, {
+  borderWidth: 2,
+  borderRadius: '$4',
+  borderColor: '$borderColor',
+  flex: 1,
+  flexDirection: 'row',
+  paddingHorizontal: '$3',
+  alignItems: 'center',
+  justifyContent: 'center',
+  marginBottom: '$3',
+
+  variants: {
+    error: {
+      true: {
+        borderWidth: 2,
+      },
+    },
+  },
+})
+
+export const StyledInput = styled(Input, {
+  color: '$inputTextColor',
+  placeholderTextColor: '$placeholderColor',
+  borderWidth: 0,
+})
diff --git a/apps/mobile/src/components/SafeInput/theme.ts b/apps/mobile/src/components/SafeInput/theme.ts
new file mode 100644
index 000000000..93d206d32
--- /dev/null
+++ b/apps/mobile/src/components/SafeInput/theme.ts
@@ -0,0 +1,40 @@
+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,
+  },
+  dark_input_default: {
+    borderColor: tokens.color.borderLightDark,
+    textColor: tokens.color.textPrimaryDark,
+    placeholderColor: tokens.color.textSecondaryDark,
+    inputTextColor: tokens.color.textPrimaryDark,
+  },
+  light_input_success: {
+    borderColor: tokens.color.primaryMainDark,
+    textColor: tokens.color.textPrimaryLight,
+    placeholderColor: tokens.color.textSecondaryLight,
+    inputTextColor: tokens.color.textPrimaryLight,
+  },
+  dark_input_success: {
+    borderColor: tokens.color.primaryMainDark,
+    textColor: tokens.color.textPrimaryDark,
+    placeholderColor: tokens.color.textSecondaryDark,
+    inputTextColor: tokens.color.textPrimaryDark,
+  },
+  light_input_error: {
+    borderColor: tokens.color.errorMainLight,
+    textColor: tokens.color.errorMainLight,
+    placeholderColor: tokens.color.errorMainLight,
+    inputTextColor: tokens.color.textPrimaryLight,
+  },
+  dark_input_error: {
+    borderColor: tokens.color.errorMainDark,
+    textColor: tokens.color.errorMainDark,
+    placeholderColor: tokens.color.errorMainDark,
+    inputTextColor: tokens.color.textPrimaryDark,
+  },
+}
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..53599f7c9
--- /dev/null
+++ b/apps/mobile/src/components/SafeListItem/SafeListItem.test.tsx
@@ -0,0 +1,76 @@
+import { render } from '@/src/tests/test-utils'
+import { SafeListItem } from '.'
+import { Text, View } from 'tamagui'
+import { ellipsis } from '@/src/utils/formatters'
+
+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()
+  })
+})
+
+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..b0361a005
--- /dev/null
+++ b/apps/mobile/src/components/SafeListItem/SafeListItem.tsx
@@ -0,0 +1,115 @@
+import React from 'react'
+import { Container } from '../Container'
+import { Text, Theme, ThemeName, View } 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'
+
+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
+}
+
+export function SafeListItem({
+  type,
+  leftNode,
+  icon,
+  bordered,
+  spaced,
+  label,
+  transparent,
+  rightNode,
+  children,
+  inQueue,
+  executionInfo,
+  themeName,
+}: SafeListItemProps) {
+  return (
+    <Container
+      spaced={spaced}
+      bordered={bordered}
+      gap={12}
+      transparent={transparent}
+      themeName={themeName}
+      alignItems={'center'}
+      flexWrap="wrap"
+      flexDirection="row"
+      justifyContent="space-between"
+    >
+      <View flexDirection="row" maxWidth={rightNode ? '55%' : '100%'} alignItems="center" gap={12}>
+        {leftNode}
+
+        <View>
+          {type && (
+            <View flexDirection="row" alignItems="center" gap={4} marginBottom={4}>
+              {icon && <SafeFontIcon testID={`safe-list-${icon}-icon`} name={icon} size={10} color="$colorSecondary" />}
+              <Text fontSize="$3" color="$colorSecondary" marginBottom={2}>
+                {type}
+              </Text>
+            </View>
+          )}
+
+          {typeof label === 'string' ? (
+            <Text fontSize="$4" fontWeight={600}>
+              {ellipsis(label, rightNode ? 21 : 30)}
+            </Text>
+          ) : (
+            label
+          )}
+        </View>
+      </View>
+
+      {inQueue && executionInfo && isMultisigExecutionInfo(executionInfo) ? (
+        <View alignItems="center" flexDirection="row">
+          <Badge
+            circular={false}
+            content={
+              <View alignItems="center" flexDirection="row" gap="$1">
+                <SafeFontIcon size={12} name="owners" />
+
+                <Text fontWeight={600} color={'$color'}>
+                  {executionInfo?.confirmationsSubmitted}/{executionInfo?.confirmationsRequired}
+                </Text>
+              </View>
+            }
+            themeName={
+              executionInfo?.confirmationsRequired === executionInfo?.confirmationsSubmitted
+                ? 'badge_success_variant1'
+                : 'badge_warning_variant1'
+            }
+          />
+
+          <SafeFontIcon name="arrow-right" />
+        </View>
+      ) : (
+        rightNode
+      )}
+
+      {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..e88f8e936
--- /dev/null
+++ b/apps/mobile/src/components/SafeListItem/__snapshots__/SafeListItem.test.tsx.snap
@@ -0,0 +1,107 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SafeListItem should render a list item with a custom label template 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "backgroundColor": "#F4F4F4",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "row",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "space-between",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "gap": 12,
+          "maxWidth": "100%",
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "color": "#121312",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Left node
+      </Text>
+      <View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "gap": 4,
+              "marginBottom": 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",
+                "fontSize": 12,
+                "marginBottom": 2,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            some type
+          </Text>
+        </View>
+        <View>
+          <Text
+            style={
+              {
+                "color": "#121312",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Here is my label
+          </Text>
+        </View>
+      </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/SafeTab/SafeTab.tsx b/apps/mobile/src/components/SafeTab/SafeTab.tsx
new file mode 100644
index 000000000..60024a813
--- /dev/null
+++ b/apps/mobile/src/components/SafeTab/SafeTab.tsx
@@ -0,0 +1,37 @@
+import React, { ReactElement, useState } from 'react'
+import { TabBarProps, Tabs } from 'react-native-collapsible-tab-view'
+import { safeTabItem } from './types'
+import { SafeTabBar } from './SafeTabBar'
+
+interface SafeTabProps {
+  renderHeader?: (props: TabBarProps<string>) => ReactElement
+  headerHeight?: number
+  items: safeTabItem[]
+}
+
+export function SafeTab({ renderHeader, headerHeight, items }: SafeTabProps) {
+  const [activeTab, setActiveTab] = useState(items[0].label)
+
+  return (
+    <Tabs.Container
+      renderHeader={renderHeader}
+      headerContainerStyle={headerContainerStyle}
+      headerHeight={headerHeight}
+      renderTabBar={(props) => <SafeTabBar activeTab={activeTab} setActiveTab={setActiveTab} {...props} />}
+      onTabChange={(event) => setActiveTab(event.tabName)}
+      initialTabName={items[0].label}
+    >
+      {items.map(({ label, Component }, index) => (
+        <Tabs.Tab name={label} key={`${label}-${index}`}>
+          <Component />
+        </Tabs.Tab>
+      ))}
+    </Tabs.Container>
+  )
+}
+
+const headerContainerStyle = { backgroundColor: '$background' }
+
+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..7e1cea788
--- /dev/null
+++ b/apps/mobile/src/components/SafeTab/SafeTabBar.tsx
@@ -0,0 +1,46 @@
+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" marginBottom="$4" gap="$6" paddingHorizontal="$2" flexDirection="row">
+      {tabNames.map((name) => (
+        <TouchableOpacity style={isActiveTab(name) && activeButtonStyle} onPress={handleTabPressed(name)} key={name}>
+          <Text color={isActiveTab(name) ? '$color' : '$colorSecondary'} fontSize="$5" fontWeight={600}>
+            {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/types.ts b/apps/mobile/src/components/SafeTab/types.ts
new file mode 100644
index 000000000..817741794
--- /dev/null
+++ b/apps/mobile/src/components/SafeTab/types.ts
@@ -0,0 +1,4 @@
+export interface safeTabItem {
+  label: string
+  Component: React.FC
+}
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..ba945664d
--- /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..bfcd6b566
--- /dev/null
+++ b/apps/mobile/src/components/StatusBanners/PendingTransactions/PendingTransactions.tsx
@@ -0,0 +1,31 @@
+import React from 'react'
+import { Spinner } from 'tamagui'
+
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { Badge } from '@/src/components/Badge'
+
+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 ? <Spinner size="small" color="$warning1ContrastTextDark" /> : <Badge content={number} />
+  const endIcon = <SafeFontIcon name="arrow-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..edb96da7f
--- /dev/null
+++ b/apps/mobile/src/components/StatusBanners/PendingTransactions/__snapshots__/PendingTransactions.test.tsx.snap
@@ -0,0 +1,158 @@
+// 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": "#fff0e0",
+            "borderBottomLeftRadius": 5,
+            "borderBottomRightRadius": 5,
+            "borderTopLeftRadius": 5,
+            "borderTopRightRadius": 5,
+            "flexDirection": "row",
+            "gap": 12,
+            "justifyContent": "center",
+            "paddingBottom": 12,
+            "paddingLeft": 28,
+            "paddingRight": 28,
+            "paddingTop": 12,
+            "width": "100%",
+          }
+        }
+      >
+        <View
+          testID="alert-start-icon"
+        >
+          <View
+            style={
+              {
+                "alignItems": "center",
+                "backgroundColor": "#FFF1E0",
+                "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,
+              }
+            }
+          >
+            <Text
+              style={
+                {
+                  "color": "#fff0e0",
+                  "fontSize": 14,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              2
+            </Text>
+          </View>
+        </View>
+        <View
+          style={
+            {
+              "gap": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#FF8C00",
+                "fontFamily": "DMSans-SemiBold",
+                "fontSize": 16,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Pending Transactions
+          </Text>
+        </View>
+        <View
+          testID="alert-end-icon"
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#FF8C00",
+                  "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/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/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..4e1869116
--- /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>
+
+      <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/TxInfo/TxInfo.tsx b/apps/mobile/src/components/TxInfo/TxInfo.tsx
new file mode 100644
index 000000000..8921e3865
--- /dev/null
+++ b/apps/mobile/src/components/TxInfo/TxInfo.tsx
@@ -0,0 +1,101 @@
+import React from 'react'
+import { TransactionInfoType } from '@safe-global/store/gateway/types'
+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,
+  isSettingsChangeTxInfo,
+  isSwapOrderTxInfo,
+  isTransferTxInfo,
+} 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 { TxSwapCard } from '@/src/components/transactions-list/Card/TxSwapCard'
+import { TxCreationCard } from '@/src/components/transactions-list/Card/TxCreationCard'
+
+interface TxInfoProps {
+  tx: Transaction
+  bordered?: boolean
+  inQueue?: boolean
+}
+
+function TxInfoComponent({ tx, bordered, inQueue }: TxInfoProps) {
+  const txType = useTransactionType(tx)
+
+  const txInfo = tx.txInfo
+  if (isTransferTxInfo(txInfo)) {
+    return (
+      <TxTokenCard
+        executionInfo={tx.executionInfo}
+        inQueue={inQueue}
+        bordered={bordered}
+        txInfo={txInfo}
+        txStatus={tx.txStatus}
+      />
+    )
+  }
+
+  if (isSettingsChangeTxInfo(txInfo)) {
+    return <TxSettingsCard executionInfo={tx.executionInfo} inQueue={inQueue} bordered={bordered} txInfo={txInfo} />
+  }
+
+  if (isMultiSendTxInfo(txInfo) && tx.txInfo.type === TransactionInfoType.CUSTOM) {
+    return (
+      <TxBatchCard
+        executionInfo={tx.executionInfo}
+        inQueue={inQueue}
+        label={txType.text}
+        bordered={bordered}
+        txInfo={txInfo}
+      />
+    )
+  }
+
+  if (isMultiSendTxInfo(txInfo) && tx.safeAppInfo) {
+    return (
+      <TxSafeAppCard
+        executionInfo={tx.executionInfo}
+        inQueue={inQueue}
+        bordered={bordered}
+        txInfo={txInfo}
+        safeAppInfo={tx.safeAppInfo}
+      />
+    )
+  }
+
+  if (isCreationTxInfo(txInfo)) {
+    return <TxCreationCard executionInfo={tx.executionInfo} inQueue={inQueue} bordered={bordered} txInfo={txInfo} />
+  }
+
+  if (isCancellationTxInfo(txInfo)) {
+    return <TxRejectionCard executionInfo={tx.executionInfo} inQueue={inQueue} bordered={bordered} txInfo={txInfo} />
+  }
+
+  if (isMultiSendTxInfo(txInfo) || isCustomTxInfo(txInfo)) {
+    return (
+      <TxContractInteractionCard
+        executionInfo={tx.executionInfo}
+        inQueue={inQueue}
+        bordered={bordered}
+        txInfo={txInfo}
+      />
+    )
+  }
+
+  if (isSwapOrderTxInfo(txInfo)) {
+    return <TxSwapCard executionInfo={tx.executionInfo} inQueue={inQueue} txInfo={txInfo} />
+  }
+
+  return <></>
+}
+
+export const TxInfo = React.memo(TxInfoComponent, (prevProps, nextProps) => {
+  return prevProps.tx.txHash === nextProps.tx.txHash
+})
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/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..61c74d38b
--- /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={28} 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..3a5243a62
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.test.tsx
@@ -0,0 +1,45 @@
+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 container = render(
+      <AccountCard
+        name={accountName}
+        chains={mockedChains as unknown as Chain[]}
+        owners={5}
+        balance={mockedActiveSafeInfo.fiatTotal}
+        address={mockedActiveSafeInfo.address.value as Address}
+        threshold={2}
+      />,
+    )
+    expect(container.getByTestId('threshold-info-badge')).toBeVisible()
+    expect(container.getByText('2/5')).toBeDefined()
+    expect(container.getByText(`$${mockedActiveSafeInfo.fiatTotal}`)).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(`$${ellipsis(longBalance, 14)}`)).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..533a30671
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AccountCard/AccountCard.tsx
@@ -0,0 +1,67 @@
+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'
+
+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) {
+  return (
+    <SafeListItem
+      spaced={spaced}
+      label={
+        <View>
+          <Text fontSize="$4" fontWeight={600}>
+            {ellipsis(name, 18)}
+          </Text>
+          <Text fontSize="$4" color="$colorSecondary" fontWeight={400}>
+            ${ellipsis(balance, 14)}
+          </Text>
+        </View>
+      }
+      leftNode={
+        <View marginRight="$2" flexDirection="row" gap="$2" justifyContent="center" alignItems="center">
+          {leftNode}
+          <IdenticonWithBadge
+            testID="threshold-info-badge"
+            size={40}
+            fontSize={owners > 9 ? 8 : 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..0ea50ba34
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/AssetsCard/AssetsCard.tsx
@@ -0,0 +1,51 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Logo } from '@/src/components/Logo'
+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
+}
+
+export function AssetsCard({
+  name,
+  description,
+  imageBackground,
+  logoUri,
+  accessibilityLabel,
+  rightNode,
+  transparent = true,
+}: AssetsCardProps) {
+  return (
+    <SafeListItem
+      label={
+        <View>
+          <Text fontSize="$4" fontWeight={600}>
+            {name}
+          </Text>
+          <Text fontSize="$4" color="$colorSecondary" fontWeight={400}>
+            {description}
+          </Text>
+        </View>
+      }
+      transparent={transparent}
+      leftNode={<Logo imageBackground={imageBackground} logoUri={logoUri} accessibilityLabel={accessibilityLabel} />}
+      rightNode={
+        typeof rightNode === 'string' ? (
+          <Text fontSize="$4" fontWeight={400} color="$color">
+            {ellipsis(rightNode, 10)}
+          </Text>
+        ) : (
+          rightNode
+        )
+      }
+    />
+  )
+}
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..b29e7c6bd
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/SignersCard/SignersCard.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { Identicon } from '@/src/components/Identicon'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { EthAddress } from '@/src/components/EthAddress'
+
+type SignersCardProps = {
+  name: string
+  address: `0x${string}`
+  rightNode?: React.ReactNode
+}
+
+export function SignersCard({ name, address, rightNode }: SignersCardProps) {
+  return (
+    <SafeListItem
+      transparent
+      label={
+        <View>
+          <Text fontSize="$4" fontWeight={600}>
+            {name}
+          </Text>
+
+          <EthAddress address={address} textProps={{ fontSize: '$4', color: '$backgroundPress', fontWeight: 400 }} />
+        </View>
+      }
+      leftNode={
+        <View width="$10">
+          <Identicon address={address} rounded 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/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..6031fc4d8
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.test.tsx
@@ -0,0 +1,28 @@
+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
+        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..c82326cd3
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/TxBatchCard.tsx
@@ -0,0 +1,40 @@
+import React from 'react'
+import { Avatar, 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 type { Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+interface TxBatchCardProps {
+  txInfo: MultiSend
+  bordered?: boolean
+  label?: string
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+}
+
+export function TxBatchCard({ txInfo, bordered, executionInfo, inQueue, label }: TxBatchCardProps) {
+  const logoUri = txInfo.to.logoUri
+
+  return (
+    <SafeListItem
+      label={label || `${txInfo.actionCount} actions`}
+      icon="batch"
+      inQueue={inQueue}
+      executionInfo={executionInfo}
+      type={'Batch'}
+      bordered={bordered}
+      leftNode={
+        <Avatar circular size="$10">
+          {logoUri && <Avatar.Image accessibilityLabel="Cam" src={logoUri} />}
+
+          <Avatar.Fallback backgroundColor="$borderLight">
+            <View backgroundColor="$borderLightDark" padding="$2" borderRadius={100}>
+              <SafeFontIcon color="$primary" name="batch" />
+            </View>
+          </Avatar.Fallback>
+        </Avatar>
+      }
+    />
+  )
+}
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..b1905cb63
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxBatchCard/__snapshots__/TxBatchCard.test.tsx.snap
@@ -0,0 +1,206 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TxBatchCard should render the default markup 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "backgroundColor": "#F4F4F4",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "row",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "space-between",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "gap": 12,
+          "maxWidth": "100%",
+        }
+      }
+    >
+      <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
+            accessibilityLabel="Cam"
+            fullscreen={true}
+            onError={[Function]}
+            onLoad={[Function]}
+            source={
+              {
+                "uri": "http://myAsset.com/asset.png",
+              }
+            }
+            style={
+              {
+                "height": 40,
+                "width": 40,
+              }
+            }
+          />
+        </View>
+        <View
+          style={
+            {
+              "backgroundColor": "#DCDEE0",
+              "bottom": 0,
+              "flexDirection": "column",
+              "left": 0,
+              "position": "absolute",
+              "right": 0,
+              "top": 0,
+              "zIndex": 0,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "backgroundColor": "#303033",
+                "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": 24,
+                  },
+                  undefined,
+                  {
+                    "fontFamily": "SafeIcons",
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
+                  },
+                  {},
+                ]
+              }
+            >
+              
+            </Text>
+          </View>
+        </View>
+      </View>
+      <View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "gap": 4,
+              "marginBottom": 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",
+                "fontSize": 12,
+                "marginBottom": 2,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Batch
+          </Text>
+        </View>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontSize": 16,
+              "fontWeight": 600,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          2 actions
+        </Text>
+      </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/TxConflictingCard/TxConflictingCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxConflictingCard/TxConflictingCard.tsx
new file mode 100644
index 000000000..a0ca3f53d
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxConflictingCard/TxConflictingCard.tsx
@@ -0,0 +1,32 @@
+import React 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'
+
+interface TxConflictingCard {
+  transactions: TransactionQueuedItem[]
+  inQueue?: boolean
+}
+
+function TxConflictingComponent({ transactions, inQueue }: TxConflictingCard) {
+  return (
+    <>
+      <View marginTop={12}>
+        <Alert type="warning" message="Conflicting transactions" />
+      </View>
+
+      <Theme name="warning">
+        {transactions.map((item, index) => (
+          <View backgroundColor="$background" width="100%" key={`${item.transaction.id}-${index}`} marginTop={12}>
+            <TxInfo inQueue={inQueue} tx={item.transaction} bordered />
+          </View>
+        ))}
+      </Theme>
+    </>
+  )
+}
+
+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..99725f1fd
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.test.tsx
@@ -0,0 +1,44 @@
+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
+        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
+        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..75c08f7dd
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxContractInteractionCard/TxContractInteractionCard.tsx
@@ -0,0 +1,47 @@
+import React from 'react'
+import { Avatar, Text, Theme, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { MultiSend } from '@safe-global/store/gateway/types'
+import { Transaction, CustomTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+interface TxContractInteractionCardProps {
+  bordered?: boolean
+  txInfo: CustomTransactionInfo | MultiSend
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+}
+
+export function TxContractInteractionCard({
+  bordered,
+  executionInfo,
+  txInfo,
+  inQueue,
+}: TxContractInteractionCardProps) {
+  const logoUri = txInfo.to.logoUri
+  const label = txInfo.to.name || 'Contract interaction'
+  return (
+    <SafeListItem
+      label={label}
+      icon={logoUri ? 'transaction-contract' : undefined}
+      type={txInfo.methodName || ''}
+      bordered={bordered}
+      executionInfo={executionInfo}
+      inQueue={inQueue}
+      leftNode={
+        <Avatar circular size="$10">
+          <Theme name="logo">
+            {logoUri && <Avatar.Image backgroundColor="$color" accessibilityLabel={label} src={logoUri} />}
+
+            <Avatar.Fallback backgroundColor="$background">
+              <View backgroundColor="$background" padding="$2" borderRadius={100}>
+                <SafeFontIcon name="code-blocks" color="$color" />
+              </View>
+            </Avatar.Fallback>
+          </Theme>
+        </Avatar>
+      }
+      rightNode={<Text>{txInfo.methodName}</Text>}
+    />
+  )
+}
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..7d2045992
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.test.tsx
@@ -0,0 +1,27 @@
+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
+        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..4a052a937
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxCreationCard/TxCreationCard.tsx
@@ -0,0 +1,32 @@
+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 { Transaction, CreationTransactionInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+interface TxCreationCardProps {
+  txInfo: CreationTransactionInfo
+  bordered?: boolean
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+}
+
+export function TxCreationCard({ txInfo, executionInfo, bordered, inQueue }: TxCreationCardProps) {
+  return (
+    <SafeListItem
+      inQueue={inQueue}
+      executionInfo={executionInfo}
+      bordered={bordered}
+      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" />
+          </View>
+        </Theme>
+      }
+    />
+  )
+}
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..0cebc6e7c
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxGroupedCard/TxGroupedCard.tsx
@@ -0,0 +1,58 @@
+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>
+      }
+      rightNode={<SafeFontIcon name="external-link" color="$colorSecondary" />}
+    >
+      <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/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..c11f4f3be
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.test.tsx
@@ -0,0 +1,12 @@
+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 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..afff4d9f7
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxRejectionCard/TxRejectionCard.tsx
@@ -0,0 +1,30 @@
+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'
+
+interface TxRejectionCardProps {
+  bordered?: boolean
+  txInfo: Cancellation
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+}
+
+export function TxRejectionCard({ bordered, executionInfo, txInfo, inQueue }: TxRejectionCardProps) {
+  return (
+    <SafeListItem
+      type="Rejected"
+      executionInfo={executionInfo}
+      label={txInfo.methodName || 'On-chain rejection'}
+      inQueue={inQueue}
+      bordered={bordered}
+      leftNode={
+        <View borderRadius={100} padding="$2" backgroundColor="$errorDark">
+          <SafeFontIcon color="$error" name="close-outlined" />
+        </View>
+      }
+    />
+  )
+}
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..051785e26
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.test.tsx
@@ -0,0 +1,39 @@
+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
+        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
+        safeAppInfo={{
+          name: 'Transaction Builder',
+          url: 'http://something.com',
+        }}
+        txInfo={mockTransferWithInfo({}) as MultiSend}
+      />,
+    )
+
+    expect(getByText('Transaction Builder')).toBeTruthy()
+    expect(getByText('Safe app')).toBeTruthy()
+    expect(queryByTestId('safe-app-image')).not.toBeTruthy()
+    expect(getByTestId('safe-app-fallback')).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..6b4850f8f
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSafeAppCard/TxSafeAppCard.tsx
@@ -0,0 +1,41 @@
+import React from 'react'
+import { Avatar, Text, 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 type { SafeAppInfo, Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+interface TxSafeAppCardProps {
+  safeAppInfo: SafeAppInfo
+  txInfo: MultiSend
+  bordered?: boolean
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+}
+
+export function TxSafeAppCard({ safeAppInfo, executionInfo, txInfo, inQueue, bordered }: TxSafeAppCardProps) {
+  return (
+    <SafeListItem
+      label={safeAppInfo.name}
+      inQueue={inQueue}
+      icon="transaction-contract"
+      type="Safe app"
+      bordered={bordered}
+      executionInfo={executionInfo}
+      leftNode={
+        <Avatar circular size="$10">
+          {safeAppInfo.logoUri && (
+            <Avatar.Image testID="safe-app-image" accessibilityLabel={safeAppInfo.name} src={safeAppInfo.logoUri} />
+          )}
+
+          <Avatar.Fallback backgroundColor="$borderLight">
+            <View backgroundColor="$borderLightDark" padding="$2" borderRadius={100}>
+              <SafeFontIcon testID="safe-app-fallback" name="code-blocks" color="$color" />
+            </View>
+          </Avatar.Fallback>
+        </Avatar>
+      }
+      rightNode={<Text>{txInfo.methodName}</Text>}
+    />
+  )
+}
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..d6e9a98a8
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingCard.test.tsx
@@ -0,0 +1,21 @@
+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
+        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..d0dbab637
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/TxSettingsCard.tsx
@@ -0,0 +1,35 @@
+import React 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'
+
+interface TxSettingsCardProps {
+  txInfo: SettingsChangeTransaction
+  bordered?: boolean
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+}
+
+export function TxSettingsCard({ txInfo, bordered, executionInfo, inQueue }: TxSettingsCardProps) {
+  const isDeleteGuard = txInfo.settingsInfo?.type === SettingsInfoType.DELETE_GUARD
+  const label = isDeleteGuard ? 'deleteGuard' : txInfo.dataDecoded.method
+
+  return (
+    <SafeListItem
+      label={label}
+      inQueue={inQueue}
+      executionInfo={executionInfo}
+      bordered={bordered}
+      type="Settings change"
+      leftNode={
+        <Theme name="logo">
+          <View backgroundColor="$background" padding="$2" borderRadius={100}>
+            <SafeFontIcon name="transaction-change-settings" />
+          </View>
+        </Theme>
+      }
+    />
+  )
+}
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..700971ad3
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSettingsCard/__snapshots__/TxSettingCard.test.tsx.snap
@@ -0,0 +1,112 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TxSettingCard should render the default markup 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "backgroundColor": "#F4F4F4",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "row",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "space-between",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <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": 24,
+              },
+              undefined,
+              {
+                "fontFamily": "SafeIcons",
+                "fontStyle": "normal",
+                "fontWeight": "normal",
+              },
+              {},
+            ]
+          }
+        >
+          
+        </Text>
+      </View>
+      <View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "gap": 4,
+              "marginBottom": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "color": "#A1A3A7",
+                "fontSize": 12,
+                "marginBottom": 2,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Settings change
+          </Text>
+        </View>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontSize": 16,
+              "fontWeight": 600,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          mockMethod
+        </Text>
+      </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/TxSwapCard/TxSwapCard.stories.tsx b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/TxSwapCard.stories.tsx
new file mode 100644
index 000000000..47ab945cb
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/TxSwapCard.stories.tsx
@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { TxSwapCard } from '@/src/components/transactions-list/Card/TxSwapCard'
+import { mockSwapTransfer } from '@/src/tests/mocks'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+
+const meta: Meta<typeof TxSwapCard> = {
+  title: 'TransactionsList/TxSwapCard',
+  component: TxSwapCard,
+  args: {
+    txInfo: mockSwapTransfer as OrderTransactionInfo,
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof TxSwapCard>
+
+export const Default: Story = {}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSwapCard/TxSwapCard.test.tsx b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/TxSwapCard.test.tsx
new file mode 100644
index 000000000..94e441427
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/TxSwapCard.test.tsx
@@ -0,0 +1,12 @@
+import { render } from '@/src/tests/test-utils'
+import { TxSwapCard } from '.'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { mockSwapTransfer } from '@/src/tests/mocks'
+
+describe('TxSwapCard', () => {
+  it('should render the default markup', () => {
+    const container = render(<TxSwapCard txInfo={mockSwapTransfer as OrderTransactionInfo} />)
+
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSwapCard/TxSwapCard.tsx b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/TxSwapCard.tsx
new file mode 100644
index 000000000..bc0121002
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/TxSwapCard.tsx
@@ -0,0 +1,63 @@
+import React from 'react'
+import { Avatar, Text, Theme, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { formatValue } from '@/src/utils/formatters'
+import { OrderTransactionInfo } from '@safe-global/store/gateway/types'
+import { Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+interface TxSwapCardProps {
+  txInfo: OrderTransactionInfo
+  bordered?: boolean
+  inQueue?: boolean
+  executionInfo?: Transaction['executionInfo']
+}
+
+export function TxSwapCard({ txInfo, bordered, executionInfo, inQueue }: TxSwapCardProps) {
+  return (
+    <SafeListItem
+      label={`${txInfo.sellToken.symbol} > ${txInfo.buyToken.symbol}`}
+      icon="transaction-swap"
+      type="Swap order"
+      executionInfo={executionInfo}
+      bordered={bordered}
+      inQueue={inQueue}
+      leftNode={
+        <Theme name="logo">
+          <View position="relative" width="$10" height="$10">
+            <Avatar circular size="$7" position="absolute" top={0}>
+              {txInfo.sellToken.logoUri && (
+                <Avatar.Image
+                  backgroundColor="$background"
+                  accessibilityLabel={txInfo.sellToken.name}
+                  src={txInfo.sellToken.logoUri}
+                />
+              )}
+              <Avatar.Fallback backgroundColor="$background" />
+            </Avatar>
+
+            <Avatar circular size="$7" position="absolute" bottom={0} right={0} backgroundColor="$color">
+              {txInfo.buyToken.logoUri && (
+                <Avatar.Image
+                  accessibilityLabel={txInfo.buyToken.name}
+                  backgroundColor="$background"
+                  src={txInfo.buyToken.logoUri}
+                />
+              )}
+              <Avatar.Fallback backgroundColor="$background" />
+            </Avatar>
+          </View>
+        </Theme>
+      }
+      rightNode={
+        <View alignItems="flex-end">
+          <Text color="$primary">
+            +{formatValue(txInfo.buyAmount, txInfo.buyToken.decimals)} {txInfo.buyToken.symbol}
+          </Text>
+          <Text fontSize="$3">
+            −{formatValue(txInfo.sellAmount, txInfo.sellToken.decimals)} {txInfo.sellToken.symbol}
+          </Text>
+        </View>
+      }
+    />
+  )
+}
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSwapCard/__snapshots__/TxSwapCard.test.tsx.snap b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/__snapshots__/TxSwapCard.test.tsx.snap
new file mode 100644
index 000000000..ceb175fea
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/__snapshots__/TxSwapCard.test.tsx.snap
@@ -0,0 +1,290 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TxSwapCard should render the default markup 1`] = `
+<View>
+  <View
+    style={
+      {
+        "alignItems": "center",
+        "backgroundColor": "#F4F4F4",
+        "borderBottomLeftRadius": 7,
+        "borderBottomRightRadius": 7,
+        "borderTopLeftRadius": 7,
+        "borderTopRightRadius": 7,
+        "flexDirection": "row",
+        "flexWrap": "wrap",
+        "gap": 12,
+        "justifyContent": "space-between",
+        "paddingBottom": 16,
+        "paddingLeft": 16,
+        "paddingRight": 16,
+        "paddingTop": 16,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "gap": 12,
+          "maxWidth": "55%",
+        }
+      }
+    >
+      <View
+        style={
+          {
+            "height": 40,
+            "position": "relative",
+            "width": 40,
+          }
+        }
+      >
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "borderBottomLeftRadius": 100000,
+              "borderBottomRightRadius": 100000,
+              "borderTopLeftRadius": 100000,
+              "borderTopRightRadius": 100000,
+              "flexDirection": "column",
+              "height": 28,
+              "justifyContent": "center",
+              "maxHeight": 28,
+              "maxWidth": 28,
+              "minHeight": 28,
+              "minWidth": 28,
+              "overflow": "hidden",
+              "paddingBottom": 0,
+              "paddingLeft": 0,
+              "paddingRight": 0,
+              "paddingTop": 0,
+              "position": "absolute",
+              "top": 0,
+              "width": 28,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 1,
+              }
+            }
+          >
+            <Image
+              accessibilityLabel="SafeToken"
+              fullscreen={true}
+              onError={[Function]}
+              onLoad={[Function]}
+              source={
+                {
+                  "uri": "https://safe-transaction-assets.safe.global/tokens/logos/0x5aFE3855358E112B5647B952709E6165e1c1eEEe.png",
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#EEEFF0",
+                  "height": 28,
+                  "width": 28,
+                }
+              }
+            />
+          </View>
+          <View
+            style={
+              {
+                "backgroundColor": "#EEEFF0",
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 0,
+              }
+            }
+          />
+        </View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "backgroundColor": "#121312",
+              "borderBottomLeftRadius": 100000,
+              "borderBottomRightRadius": 100000,
+              "borderTopLeftRadius": 100000,
+              "borderTopRightRadius": 100000,
+              "bottom": 0,
+              "flexDirection": "column",
+              "height": 28,
+              "justifyContent": "center",
+              "maxHeight": 28,
+              "maxWidth": 28,
+              "minHeight": 28,
+              "minWidth": 28,
+              "overflow": "hidden",
+              "paddingBottom": 0,
+              "paddingLeft": 0,
+              "paddingRight": 0,
+              "paddingTop": 0,
+              "position": "absolute",
+              "right": 0,
+              "width": 28,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 1,
+              }
+            }
+          >
+            <Image
+              accessibilityLabel="Ether"
+              fullscreen={true}
+              onError={[Function]}
+              onLoad={[Function]}
+              source={
+                {
+                  "uri": "https://safe-transaction-assets.safe.global/chains/1/chain_logo.png",
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#EEEFF0",
+                  "height": 28,
+                  "width": 28,
+                }
+              }
+            />
+          </View>
+          <View
+            style={
+              {
+                "backgroundColor": "#EEEFF0",
+                "bottom": 0,
+                "flexDirection": "column",
+                "left": 0,
+                "position": "absolute",
+                "right": 0,
+                "top": 0,
+                "zIndex": 0,
+              }
+            }
+          />
+        </View>
+      </View>
+      <View>
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "gap": 4,
+              "marginBottom": 4,
+            }
+          }
+        >
+          <Text
+            allowFontScaling={false}
+            selectable={false}
+            style={
+              [
+                {
+                  "color": "#A1A3A7",
+                  "fontSize": 10,
+                },
+                undefined,
+                {
+                  "fontFamily": "SafeIcons",
+                  "fontStyle": "normal",
+                  "fontWeight": "normal",
+                },
+                {},
+              ]
+            }
+            testID="safe-list-transaction-swap-icon"
+          >
+            
+          </Text>
+          <Text
+            style={
+              {
+                "color": "#A1A3A7",
+                "fontSize": 12,
+                "marginBottom": 2,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Swap order
+          </Text>
+        </View>
+        <Text
+          style={
+            {
+              "color": "#121312",
+              "fontSize": 16,
+              "fontWeight": 600,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          SAFE &gt; ETH
+        </Text>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "alignItems": "flex-end",
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "color": "#121312",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        +
+        0.05
+         
+        ETH
+      </Text>
+      <Text
+        style={
+          {
+            "color": "#121312",
+            "fontSize": 12,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        −
+        0.05
+         
+        SAFE
+      </Text>
+    </View>
+  </View>
+</View>
+`;
diff --git a/apps/mobile/src/components/transactions-list/Card/TxSwapCard/index.tsx b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/index.tsx
new file mode 100644
index 000000000..4c95c2e35
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxSwapCard/index.tsx
@@ -0,0 +1,2 @@
+import { TxSwapCard } from './TxSwapCard'
+export { TxSwapCard }
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..c66158c3d
--- /dev/null
+++ b/apps/mobile/src/components/transactions-list/Card/TxTokenCard/TxTokenCard.tsx
@@ -0,0 +1,102 @@
+import React from 'react'
+import { Text, View } from 'tamagui'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import {
+  isERC20Transfer,
+  isERC721Transfer,
+  isNativeTokenTransfer,
+  isOutgoingTransfer,
+  isTxQueued,
+} from '@/src/utils/transaction-guards'
+import { ellipsis, formatValue } from '@/src/utils/formatters'
+import { TransferDirection } from '@safe-global/store/gateway/types'
+import { TransferTransactionInfo, Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { Logo } from '@/src/components/Logo'
+import { selectActiveChainCurrency } from '@/src/store/chains'
+import { useAppSelector } from '@/src/store/hooks'
+
+interface TxTokenCardProps {
+  bordered?: boolean
+  txStatus: Transaction['txStatus']
+  inQueue?: boolean
+  txInfo: TransferTransactionInfo
+  executionInfo?: Transaction['executionInfo']
+}
+
+interface tokenDetails {
+  value: string
+  decimals?: number
+  tokenSymbol?: string
+  name: string
+  logoUri?: string
+}
+
+const getTokenDetails = (txInfo: TransferTransactionInfo): tokenDetails => {
+  const transfer = txInfo.transferInfo
+  const unnamedToken = 'Unnamed token'
+  const nativeCurrency = useAppSelector(selectActiveChainCurrency)
+
+  if (isNativeTokenTransfer(transfer)) {
+    return {
+      value: formatValue(transfer.value || '0', nativeCurrency.decimals),
+      // take it from the native currency slice
+      decimals: nativeCurrency.decimals,
+      tokenSymbol: nativeCurrency.symbol,
+      name: nativeCurrency.name,
+      logoUri: nativeCurrency.logoUri,
+    }
+  }
+
+  if (isERC20Transfer(transfer)) {
+    return {
+      value: formatValue(transfer.value, transfer.decimals || 18),
+      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: '',
+  }
+}
+
+export function TxTokenCard({ bordered, inQueue, txStatus, executionInfo, txInfo }: 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 } = getTokenDetails(txInfo)
+  const isERC721 = isERC721Transfer(txInfo.transferInfo)
+  const isOutgoing = txInfo.direction === TransferDirection.OUTGOING
+
+  return (
+    <SafeListItem
+      inQueue={inQueue}
+      executionInfo={executionInfo}
+      label={name}
+      icon={icon}
+      type={type}
+      bordered={bordered}
+      leftNode={<Logo logoUri={logoUri} accessibilityLabel={name} />}
+      rightNode={
+        <View maxWidth="34%">
+          <Text color={isOutgoing ? '$color' : '$primary'} textAlign="right">
+            {isOutgoing ? '-' : '+'} {ellipsis(value, 8)} {!isERC721 && tokenSymbol}
+          </Text>
+        </View>
+      }
+    />
+  )
+}
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/config/constants.ts b/apps/mobile/src/config/constants.ts
new file mode 100644
index 000000000..158774b6b
--- /dev/null
+++ b/apps/mobile/src/config/constants.ts
@@ -0,0 +1,15 @@
+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 = true
+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 GATEWAY_URL_PRODUCTION =
+  process.env.NEXT_PUBLIC_GATEWAY_URL_PRODUCTION || 'https://safe-client.safe.global'
+export const GATEWAY_URL_STAGING = process.env.NEXT_PUBLIC_GATEWAY_URL_STAGING || 'https://safe-client.staging.5afe.dev'
+export const GATEWAY_URL = isProduction ? GATEWAY_URL_PRODUCTION : GATEWAY_URL_STAGING
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/NotificationsContext.tsx b/apps/mobile/src/context/NotificationsContext.tsx
new file mode 100644
index 000000000..e002d79ba
--- /dev/null
+++ b/apps/mobile/src/context/NotificationsContext.tsx
@@ -0,0 +1,37 @@
+import React, { createContext, useContext, ReactNode } from 'react'
+
+import useNotifications from '@/src/hooks/useNotifications'
+import { FirebaseMessagingTypes } from '@react-native-firebase/messaging'
+
+interface NotificationContextType {
+  isAppNotificationEnabled: boolean
+  fcmToken: string | null
+  remoteMessages: FirebaseMessagingTypes.RemoteMessage[] | []
+}
+
+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 }) => {
+  /**
+   * Enables notifications for the app if the user has enabled them
+   */
+  const { isAppNotificationEnabled, fcmToken, remoteMessages } = useNotifications()
+
+  return (
+    <NotificationContext.Provider value={{ isAppNotificationEnabled, fcmToken, remoteMessages }}>
+      {children}
+    </NotificationContext.Provider>
+  )
+}
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..0cbfcecfb
--- /dev/null
+++ b/apps/mobile/src/features/Assets/Assets.container.tsx
@@ -0,0 +1,43 @@
+import React, { useEffect } 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'
+import useNotifications from '@/src/hooks/useNotifications'
+import { useRouter } from 'expo-router'
+import { useAppDispatch } from '@/src/store/hooks'
+import { updatePromptAttempts } from '@/src/store/notificationsSlice'
+
+const tabItems = [
+  {
+    label: 'Tokens',
+    Component: TokensContainer,
+  },
+  {
+    label: `NFT's`,
+    Component: NFTsContainer,
+  },
+]
+
+export function AssetsContainer() {
+  const { isAppNotificationEnabled, promptAttempts } = useNotifications()
+  const dispatch = useAppDispatch()
+  const router = useRouter()
+
+  /*
+   * If the user has not enabled notifications and has not been prompted to enable them,
+   * redirect to the opt-in screen
+   * */
+
+  const shouldShowOptIn = !isAppNotificationEnabled && !promptAttempts
+
+  useEffect(() => {
+    if (shouldShowOptIn) {
+      dispatch(updatePromptAttempts(1))
+      router.navigate('/notifications-opt-in')
+    }
+  }, [])
+  return <SafeTab items={tabItems} headerHeight={200} renderHeader={AssetsHeaderContainer} />
+}
diff --git a/apps/mobile/src/features/Assets/components/AccountItem/AccountItem.stories.tsx b/apps/mobile/src/features/Assets/components/AccountItem/AccountItem.stories.tsx
new file mode 100644
index 000000000..26b24209d
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/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/Assets/components/AccountItem/AccountItem.test.tsx b/apps/mobile/src/features/Assets/components/AccountItem/AccountItem.test.tsx
new file mode 100644
index 000000000..70b970a34
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AccountItem/AccountItem.test.tsx
@@ -0,0 +1,120 @@
+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'
+
+const mockAccount = {
+  address: { value: '0x123' as `0x${string}`, name: 'Test Account' },
+  threshold: 1,
+  owners: [{ value: '0x456' 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('Test Account')).toBeTruthy()
+    expect(screen.getByText('1/1')).toBeTruthy()
+    expect(screen.getByText('$1000')).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/Assets/components/AccountItem/AccountItem.tsx b/apps/mobile/src/features/Assets/components/AccountItem/AccountItem.tsx
new file mode 100644
index 000000000..7961fe3a5
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AccountItem/AccountItem.tsx
@@ -0,0 +1,79 @@
+import React, { useMemo } from 'react'
+import { StyleSheet, TouchableOpacity } 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'
+
+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, onSafeDeleted } = useEditAccountItem()
+  const isActive = activeAccount === account.address.value
+
+  const handleChainSelect = () => {
+    onSelect(account.address.value)
+  }
+
+  const rightNode = useMemo(() => getRightNodeLayout(isEdit, isActive), [isEdit, isActive])
+
+  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={onSafeDeleted(account.address.value as Address)}>
+                <SafeFontIcon name="close-filled" color="$error" />
+              </TouchableOpacity>
+            )
+          }
+          threshold={account.threshold}
+          owners={account.owners.length}
+          name={account.address.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/Assets/components/AccountItem/hooks/useEditAccountItem.ts b/apps/mobile/src/features/Assets/components/AccountItem/hooks/useEditAccountItem.ts
new file mode 100644
index 000000000..759ba32a0
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AccountItem/hooks/useEditAccountItem.ts
@@ -0,0 +1,35 @@
+import { selectActiveSafe, setActiveSafe } from '@/src/store/activeSafeSlice'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { selectMyAccountsMode } from '@/src/store/myAccountsSlice'
+import { removeSafe, selectAllSafes } from '@/src/store/safesSlice'
+import { Address } from '@/src/types/address'
+import { useCallback } from 'react'
+
+export const useEditAccountItem = () => {
+  const isEdit = useAppSelector(selectMyAccountsMode)
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const safes = useAppSelector(selectAllSafes)
+  const dispatch = useAppDispatch()
+
+  const onSafeDeleted = useCallback(
+    (address: Address) => () => {
+      if (activeSafe.address === address) {
+        const safe = Object.values(safes).find((item) => item.SafeInfo.address.value !== address)
+
+        if (safe) {
+          dispatch(
+            setActiveSafe({
+              address: safe.SafeInfo.address.value as Address,
+              chainId: safe.chains[0],
+            }),
+          )
+        }
+      }
+
+      dispatch(removeSafe(address))
+    },
+    [activeSafe],
+  )
+
+  return { isEdit, onSafeDeleted }
+}
diff --git a/apps/mobile/src/features/Assets/components/AccountItem/index.ts b/apps/mobile/src/features/Assets/components/AccountItem/index.ts
new file mode 100644
index 000000000..1a0911a31
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AccountItem/index.ts
@@ -0,0 +1,2 @@
+import { AccountItem } from './AccountItem'
+export { AccountItem }
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..fa0e16312
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AssetsHeader/AssetsHeader.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import { BalanceContainer } from '../Balance'
+import { PendingTransactions } from '@/src/components/StatusBanners/PendingTransactions'
+import { View } from 'tamagui'
+import { StyledAssetsHeader } from './styles'
+
+interface AssetsHeaderProps {
+  amount: number
+  isLoading: boolean
+  onPendingTransactionsPress: () => void
+  hasMore: boolean
+}
+
+export function AssetsHeader({ amount, isLoading, onPendingTransactionsPress, hasMore }: AssetsHeaderProps) {
+  return (
+    <StyledAssetsHeader backgroundColor="$background">
+      <View marginBottom="$10" marginTop="0">
+        {amount > 0 && (
+          <PendingTransactions
+            isLoading={isLoading}
+            onPress={onPendingTransactionsPress}
+            number={`${amount}${hasMore ? '+' : ''}`}
+          />
+        )}
+      </View>
+
+      <BalanceContainer />
+    </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..3f37a1100
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/AssetsHeader/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/Assets/components/Balance/Balance.container.tsx b/apps/mobile/src/features/Assets/components/Balance/Balance.container.tsx
new file mode 100644
index 000000000..c84c3da24
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Balance/Balance.container.tsx
@@ -0,0 +1,45 @@
+import { useDispatch } from 'react-redux'
+import { useSafesGetSafeOverviewV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { selectActiveSafe, switchActiveChain } from '@/src/store/activeSafeSlice'
+import { SafeOverviewResult } from '@safe-global/store/gateway/types'
+import { POLLING_INTERVAL } from '@/src/config/constants'
+import { getChainsByIds, selectAllChains } from '@/src/store/chains'
+import { Balance } from './Balance'
+import { makeSafeId } from '@/src/utils/formatters'
+import { RootState } from '@/src/store'
+import { selectSafeInfo } from '@/src/store/safesSlice'
+import { useAppSelector } from '@/src/store/hooks'
+
+export function BalanceContainer() {
+  const chains = useAppSelector(selectAllChains)
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const dispatch = useDispatch()
+  const activeSafeInfo = useAppSelector((state: RootState) => selectSafeInfo(state, activeSafe.address))
+  const activeSafeChains = useAppSelector((state: RootState) => getChainsByIds(state, activeSafeInfo.chains))
+  const { data, isLoading } = useSafesGetSafeOverviewV1Query<SafeOverviewResult>(
+    {
+      safes: chains.map((chain) => makeSafeId(chain.chainId, activeSafe.address)).join(','),
+      currency: 'usd',
+      trusted: true,
+      excludeSpam: true,
+    },
+    {
+      pollingInterval: POLLING_INTERVAL,
+      skip: chains.length === 0,
+    },
+  )
+
+  const handleChainChange = (chainId: string) => {
+    dispatch(switchActiveChain({ chainId }))
+  }
+
+  return (
+    <Balance
+      data={data}
+      chains={activeSafeChains}
+      isLoading={isLoading}
+      activeChainId={activeSafe.chainId}
+      onChainChange={handleChainChange}
+    />
+  )
+}
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..889665101
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Balance/Balance.tsx
@@ -0,0 +1,64 @@
+import React from 'react'
+import { Spinner, View } from 'tamagui'
+
+import { Alert } from '@/src/components/Alert'
+import { Dropdown } from '@/src/components/Dropdown'
+import { Fiat } from '@/src/components/Fiat'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { Chain } from '@safe-global/store/gateway/AUTO_GENERATED/chains'
+
+import { ChainItems } from './ChainItems'
+import { ChainsDisplay } from '@/src/components/ChainsDisplay'
+import { selectChainById } from '@/src/store/chains'
+import { useSelector } from 'react-redux'
+import { RootState } from '@/src/store'
+
+interface BalanceProps {
+  activeChainId: string
+  data: SafeOverview[]
+  isLoading: boolean
+  chains: Chain[]
+  onChainChange: (chainId: string) => void
+}
+
+export function Balance({ activeChainId, data, chains, isLoading, onChainChange }: BalanceProps) {
+  const balance = data?.find((chain) => chain.chainId === activeChainId)
+  const activeChain = useSelector((state: RootState) => selectChainById(state, activeChainId))
+
+  return (
+    <View>
+      <View marginBottom="$8">
+        {activeChainId && (
+          <Dropdown<SafeOverview>
+            label={activeChain?.chainName}
+            dropdownTitle="Select network:"
+            leftNode={<ChainsDisplay activeChainId={activeChainId} chains={chains} max={1} />}
+            items={data}
+            keyExtractor={({ item }) => item.chainId}
+            renderItem={({ item, onClose }) => (
+              <ChainItems
+                onSelect={(chainId: string) => {
+                  onChainChange(chainId)
+                  onClose()
+                }}
+                activeChain={activeChain}
+                fiatTotal={item.fiatTotal}
+                chains={chains}
+                chainId={item.chainId}
+                key={item.chainId}
+              />
+            )}
+          />
+        )}
+
+        {isLoading ? (
+          <Spinner />
+        ) : balance ? (
+          <Fiat baseAmount={balance.fiatTotal} />
+        ) : (
+          <Alert type="error" message="error while getting the balance of your wallet" />
+        )}
+      </View>
+    </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..e290f8607
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Fallback/Fallback.tsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import { Spinner } from 'tamagui'
+
+import { Alert } from '@/src/components/Alert'
+import { SafeTab } from '@/src/components/SafeTab'
+import { NoFunds } from '../NoFunds'
+
+export const Fallback = ({ loading, hasError }: { loading: boolean; hasError: boolean }) => (
+  <SafeTab.ScrollView>
+    {loading ? (
+      <Spinner size="small" />
+    ) : hasError ? (
+      <Alert type="error" message={`Error to get this assets list`} />
+    ) : (
+      <NoFunds />
+    )}
+  </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/MyAccounts/MyAccounts.container.test.tsx b/apps/mobile/src/features/Assets/components/MyAccounts/MyAccounts.container.test.tsx
new file mode 100644
index 000000000..04e77fb86
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/MyAccounts/MyAccounts.container.test.tsx
@@ -0,0 +1,92 @@
+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'
+
+// Mock the safe item data
+const mockSafeItem = {
+  SafeInfo: {
+    address: { value: '0x123' as `0x${string}`, name: 'Test Safe' },
+    threshold: 1,
+    owners: [{ value: '0x456' as `0x${string}` }],
+    fiatTotal: '1000',
+    chainId: '1',
+    queued: 0,
+  },
+  chains: ['1'],
+}
+
+// Create a constant object for the selector result
+const mockActiveSafe = { address: '0x789' as `0x${string}`, chainId: '1' }
+const mockChainIds = ['1'] as const
+
+// 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,
+}))
+
+jest.mock('@/src/store/myAccountsSlice', () => ({
+  selectMyAccountsMode: () => 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', () => {
+    render(<MyAccountsContainer item={mockSafeItem} onClose={mockOnClose} />)
+
+    expect(screen.getByText('Test Safe')).toBeTruthy()
+    expect(screen.getByText('1/1')).toBeTruthy()
+    expect(screen.getByText('$1000')).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/Assets/components/MyAccounts/MyAccounts.container.tsx b/apps/mobile/src/features/Assets/components/MyAccounts/MyAccounts.container.tsx
new file mode 100644
index 000000000..ea034426b
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/MyAccounts/MyAccounts.container.tsx
@@ -0,0 +1,49 @@
+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 { selectActiveSafe, setActiveSafe } from '@/src/store/activeSafeSlice'
+import { getChainsByIds } from '@/src/store/chains'
+import { RootState } from '@/src/store'
+import { useMyAccountsService } from './hooks/useMyAccountsService'
+
+interface MyAccountsContainerProps {
+  item: SafesSliceItem
+  onClose: () => void
+  isDragging?: boolean
+  drag?: RenderItemParams<SafesSliceItem>['drag']
+}
+
+export function MyAccountsContainer({ item, isDragging, drag, onClose }: MyAccountsContainerProps) {
+  useMyAccountsService(item)
+
+  const dispatch = useDispatch()
+  const activeSafe = useSelector(selectActiveSafe)
+  const filteredChains = useSelector((state: RootState) => getChainsByIds(state, item.chains))
+
+  const handleAccountSelected = () => {
+    const chainId = item.chains[0]
+
+    dispatch(
+      setActiveSafe({
+        address: item.SafeInfo.address.value as Address,
+        chainId,
+      }),
+    )
+
+    onClose()
+  }
+
+  return (
+    <AccountItem
+      drag={drag}
+      account={item.SafeInfo}
+      isDragging={isDragging}
+      chains={filteredChains}
+      onSelect={handleAccountSelected}
+      activeAccount={activeSafe.address}
+    />
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/MyAccounts/MyAccountsFooter.test.tsx b/apps/mobile/src/features/Assets/components/MyAccounts/MyAccountsFooter.test.tsx
new file mode 100644
index 000000000..76b422a0f
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/MyAccounts/MyAccountsFooter.test.tsx
@@ -0,0 +1,12 @@
+import { render } from '@/src/tests/test-utils'
+import { MyAccountsFooter } from './MyAccountsFooter'
+import { SharedValue } from 'react-native-reanimated'
+
+describe('MyAccountsFooter', () => {
+  it('should render the defualt template', () => {
+    const container = render(<MyAccountsFooter animatedFooterPosition={2 as unknown as SharedValue<number>} />)
+
+    expect(container.getByText('Add Existing Account')).toBeDefined()
+    expect(container.getByText('Join New Account')).toBeDefined()
+  })
+})
diff --git a/apps/mobile/src/features/Assets/components/MyAccounts/MyAccountsFooter.tsx b/apps/mobile/src/features/Assets/components/MyAccounts/MyAccountsFooter.tsx
new file mode 100644
index 000000000..7d930ce39
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/MyAccounts/MyAccountsFooter.tsx
@@ -0,0 +1,58 @@
+import { Badge } from '@/src/components/Badge'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { BottomSheetFooter, BottomSheetFooterProps } from '@gorhom/bottom-sheet'
+import React from 'react'
+import { TouchableOpacity } from 'react-native'
+import { styled, Text, View } from 'tamagui'
+
+const MyAccountsFooterContainer = styled(View, {
+  borderTopWidth: 1,
+  borderTopColor: '$colorSecondary',
+  paddingVertical: '$7',
+  paddingHorizontal: '$5',
+  backgroundColor: '$backgroundPaper',
+})
+
+const MyAccountsButton = styled(View, {
+  columnGap: '$3',
+  alignItems: 'center',
+  flexDirection: 'row',
+  marginBottom: '$7',
+})
+
+interface CustomFooterProps extends BottomSheetFooterProps {}
+
+export function MyAccountsFooter({ animatedFooterPosition }: CustomFooterProps) {
+  const onAddAccountClick = () => null
+  const onJoinAccountClick = () => null
+
+  return (
+    <BottomSheetFooter animatedFooterPosition={animatedFooterPosition}>
+      <MyAccountsFooterContainer>
+        <TouchableOpacity onPress={onAddAccountClick}>
+          <MyAccountsButton testID="add-existing-account">
+            <Badge
+              themeName="badge_background"
+              circleSize="$10"
+              content={<SafeFontIcon size={20} name="plus-filled" />}
+            />
+
+            <Text fontSize="$4" fontWeight={600}>
+              Add Existing Account
+            </Text>
+          </MyAccountsButton>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={onJoinAccountClick}>
+          <MyAccountsButton testID="join-new-account">
+            <Badge themeName="badge_background" circleSize="$10" content={<SafeFontIcon size={20} name="owners" />} />
+
+            <Text fontSize="$4" fontWeight={600}>
+              Join New Account
+            </Text>
+          </MyAccountsButton>
+        </TouchableOpacity>
+      </MyAccountsFooterContainer>
+    </BottomSheetFooter>
+  )
+}
diff --git a/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsService.test.tsx b/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsService.test.tsx
new file mode 100644
index 000000000..165a90eb1
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsService.test.tsx
@@ -0,0 +1,117 @@
+import { renderHook, waitFor } from '@/src/tests/test-utils'
+import { useMyAccountsService } from './useMyAccountsService'
+import { server } from '@/src/tests/server'
+import { http, HttpResponse } from 'msw'
+import { GATEWAY_URL } from '@/src/config/constants'
+
+// Mock safe item
+const mockSafeItem = {
+  SafeInfo: {
+    address: { value: '0x123' as `0x${string}`, name: 'Test Safe' },
+    threshold: 1,
+    owners: [{ value: '0x456' as `0x${string}` }],
+    fiatTotal: '1000',
+    chainId: '1',
+    queued: 0,
+  },
+  chains: ['1'],
+}
+
+// Mock chain IDs selector
+const mockChainIds = ['1', '5'] as const
+
+jest.mock('@/src/store/chains', () => ({
+  selectAllChainsIds: () => mockChainIds,
+}))
+
+// Mock Redux dispatch and selector
+const mockDispatch = jest.fn()
+
+jest.mock('@/src/store/hooks', () => ({
+  useAppDispatch: () => mockDispatch,
+  useAppSelector: (selector: (state: unknown) => unknown) => {
+    if (selector.name === 'selectAllChainsIds') {
+      return mockChainIds
+    }
+    return null
+  },
+}))
+
+describe('useMyAccountsService', () => {
+  beforeEach(() => {
+    jest.clearAllMocks()
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/safes`, ({ request }) => {
+        const url = new URL(request.url)
+        const safes = url.searchParams.get('safes')?.split(',') || []
+
+        return HttpResponse.json(
+          safes.map((safe) => ({
+            address: { value: '0x123', name: 'Test Safe' },
+            chainId: safe.split(':')[0],
+            threshold: 1,
+            owners: [{ value: '0x456' }],
+            fiatTotal: '1000',
+            queued: 0,
+          })),
+        )
+      }),
+    )
+  })
+
+  afterEach(() => {
+    server.resetHandlers()
+  })
+
+  it('should fetch safe overview and update store', async () => {
+    renderHook(() => useMyAccountsService(mockSafeItem))
+
+    // Wait for dispatch to be called
+    await waitFor(() => {
+      expect(mockDispatch).toHaveBeenCalled()
+    })
+
+    expect(mockDispatch).toHaveBeenCalledWith(
+      expect.objectContaining({
+        type: 'safes/updateSafeInfo',
+        payload: expect.objectContaining({
+          address: '0x123',
+          item: expect.objectContaining({
+            chains: ['1', '5'],
+            SafeInfo: expect.objectContaining({
+              fiatTotal: '2000', // Sum of both chain balances
+            }),
+          }),
+        }),
+      }),
+    )
+  })
+
+  it('should not update store if no data is returned', async () => {
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/safes`, () => {
+        return HttpResponse.json([])
+      }),
+    )
+
+    renderHook(() => useMyAccountsService(mockSafeItem))
+
+    await waitFor(() => {
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+  })
+
+  it('should handle API errors gracefully', async () => {
+    server.use(
+      http.get(`${GATEWAY_URL}/v1/safes`, () => {
+        return HttpResponse.error()
+      }),
+    )
+
+    renderHook(() => useMyAccountsService(mockSafeItem))
+
+    await waitFor(() => {
+      expect(mockDispatch).not.toHaveBeenCalled()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsService.ts b/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsService.ts
new file mode 100644
index 000000000..11cd7525c
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsService.ts
@@ -0,0 +1,45 @@
+import { useSafesGetSafeOverviewV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { SafeOverviewResult } from '@safe-global/store/gateway/types'
+import { useEffect, useMemo } from 'react'
+
+import { selectAllChainsIds } from '@/src/store/chains'
+import { SafesSliceItem, updateSafeInfo } from '@/src/store/safesSlice'
+import { Address } from '@/src/types/address'
+import { makeSafeId } from '@/src/utils/formatters'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+
+export const useMyAccountsService = (item: SafesSliceItem) => {
+  const dispatch = useAppDispatch()
+  const chainIds = useAppSelector(selectAllChainsIds)
+  const safes = useMemo(
+    () => chainIds.map((chainId: string) => makeSafeId(chainId, item.SafeInfo.address.value)).join(','),
+    [chainIds, item.SafeInfo.address.value],
+  )
+  const { data } = useSafesGetSafeOverviewV1Query<SafeOverviewResult>({
+    safes,
+    currency: 'usd',
+    trusted: true,
+    excludeSpam: true,
+  })
+
+  useEffect(() => {
+    if (!data) {
+      return
+    }
+
+    const safe = data[0]
+
+    dispatch(
+      updateSafeInfo({
+        address: safe.address.value as Address,
+        item: {
+          chains: data.map((safeInfo) => safeInfo.chainId),
+          SafeInfo: {
+            ...safe,
+            fiatTotal: data.reduce((prev, { fiatTotal }) => parseFloat(fiatTotal) + prev, 0).toString(),
+          },
+        },
+      }),
+    )
+  }, [data, dispatch])
+}
diff --git a/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsSortable.ts b/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsSortable.ts
new file mode 100644
index 000000000..00cc577a9
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/MyAccounts/hooks/useMyAccountsSortable.ts
@@ -0,0 +1,39 @@
+import { selectMyAccountsMode, toggleMode } from '@/src/store/myAccountsSlice'
+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'
+
+type useMyAccountsSortableReturn = {
+  safes: SafesSliceItem[]
+  onDragEnd: (params: DragEndParams<SafesSliceItem>) => void
+}
+
+export const useMyAccountsSortable = (): useMyAccountsSortableReturn => {
+  const dispatch = useDispatch()
+  const safes = useSelector(selectAllSafes)
+  const [sortableSafes, setSortableSafes] = useState(() => Object.values(safes))
+  const isEdit = useSelector(selectMyAccountsMode)
+
+  useEffect(() => {
+    const newSafes = Object.values(safes)
+    const shouldGoToListMode = newSafes.length <= 1 && isEdit
+
+    setSortableSafes(newSafes)
+
+    if (shouldGoToListMode) {
+      dispatch(toggleMode())
+    }
+  }, [safes, isEdit])
+
+  const onDragEnd = useCallback(({ data }: DragEndParams<SafesSliceItem>) => {
+    // Defer Redux update due to incompatibility issues between
+    // react-native-draggable-flatlist and new architecture.
+    setTimeout(() => {
+      const safes = data.reduce((acc, item) => ({ ...acc, [item.SafeInfo.address.value]: item }), {})
+      dispatch(setSafes(safes))
+    }, 0) // Ensure this happens after the re-render
+  }, [])
+
+  return { safes: sortableSafes, onDragEnd }
+}
diff --git a/apps/mobile/src/features/Assets/components/MyAccounts/index.ts b/apps/mobile/src/features/Assets/components/MyAccounts/index.ts
new file mode 100644
index 000000000..e1d3d5f3b
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/MyAccounts/index.ts
@@ -0,0 +1,2 @@
+export { MyAccountsFooter } from './MyAccountsFooter'
+export { MyAccountsContainer } from './MyAccounts.container'
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..d3dedda2a
--- /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..10c88689a
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NFTs/NFTs.container.tsx
@@ -0,0 +1,50 @@
+import { safelyDecodeURIComponent } from 'expo-router/build/fork/getStateFromPath-forks'
+import React, { useState } from 'react'
+import { useSelector } from 'react-redux'
+
+import { SafeTab } from '@/src/components/SafeTab'
+import { POLLING_INTERVAL } from '@/src/config/constants'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+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'
+
+export function NFTsContainer() {
+  const activeSafe = useSelector(selectActiveSafe)
+  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 (isFetching || !list?.length || error) {
+    return <Fallback loading={isFetching || !list} hasError={!!error} />
+  }
+
+  return (
+    <SafeTab.FlatList<Collectible>
+      onEndReached={onEndReached}
+      data={list}
+      renderItem={NFTItem}
+      keyExtractor={(item) => item.id}
+    />
+  )
+}
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..0c4aee660
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Navbar/Navbar.tsx
@@ -0,0 +1,95 @@
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { View, H6 } from 'tamagui'
+import { BlurredIdenticonBackground } from '@/src/components/BlurredIdenticonBackground'
+import { SafeAreaView } from 'react-native-safe-area-context'
+import { Identicon } from '@/src/components/Identicon'
+import { shortenAddress } from '@/src/utils/formatters'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon'
+import { StyleSheet, TouchableOpacity } from 'react-native'
+import React from 'react'
+import { Address } from '@/src/types/address'
+import { Dropdown } from '@/src/components/Dropdown'
+import { SafesSliceItem } from '@/src/store/safesSlice'
+import { selectMyAccountsMode, toggleMode } from '@/src/store/myAccountsSlice'
+import { MyAccountsContainer, MyAccountsFooter } from '../MyAccounts'
+import { useMyAccountsSortable } from '../MyAccounts/hooks/useMyAccountsSortable'
+import { useAppDispatch, useAppSelector } from '@/src/store/hooks'
+import { router } from 'expo-router'
+import { selectAppNotificationStatus } from '@/src/store/notificationsSlice'
+
+const dropdownLabelProps = {
+  fontSize: '$5',
+  fontWeight: 600,
+} as const
+
+export const Navbar = () => {
+  const dispatch = useAppDispatch()
+  const isEdit = useAppSelector(selectMyAccountsMode)
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const isAppNotificationEnabled = useAppSelector(selectAppNotificationStatus)
+  const { safes, onDragEnd } = useMyAccountsSortable()
+
+  const handleNotificationAccess = () => {
+    if (!isAppNotificationEnabled) {
+      router.navigate('/notifications-opt-in')
+    }
+    // TODO: navigate to notifications list when notifications are enabled
+  }
+
+  const toggleEditMode = () => {
+    dispatch(toggleMode())
+  }
+
+  return (
+    <View>
+      <BlurredIdenticonBackground address={activeSafe.address as Address}>
+        <SafeAreaView style={[styles.headerContainer]}>
+          <Dropdown<SafesSliceItem>
+            label={shortenAddress(activeSafe.address)}
+            labelProps={dropdownLabelProps}
+            dropdownTitle="My accounts"
+            leftNode={<Identicon address={activeSafe.address} rounded={true} size={30} />}
+            items={safes}
+            keyExtractor={({ item }) => item.SafeInfo.address.value}
+            footerComponent={MyAccountsFooter}
+            renderItem={MyAccountsContainer}
+            sortable={isEdit}
+            onDragEnd={onDragEnd}
+            actions={
+              safes.length > 1 && (
+                <TouchableOpacity onPress={toggleEditMode}>
+                  <H6 fontWeight={600}>{isEdit ? 'Done' : 'Edit'}</H6>
+                </TouchableOpacity>
+              )
+            }
+          />
+          <View style={styles.rightButtonContainer}>
+            <TouchableOpacity onPress={handleNotificationAccess}>
+              <SafeFontIcon name="lightbulb" />
+            </TouchableOpacity>
+            <TouchableOpacity>
+              <SafeFontIcon name="apps" />
+            </TouchableOpacity>
+          </View>
+        </SafeAreaView>
+      </BlurredIdenticonBackground>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 10,
+    paddingVertical: 16,
+    paddingBottom: 0,
+  },
+  rightButtonContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 12,
+  },
+})
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/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..628372895
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NoFunds/NoFunds.test.tsx
@@ -0,0 +1,22 @@
+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 />)
+
+    // Check for the main elements
+    expect(screen.getByText('Add funds to get started')).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 />)
+
+    // Check if EmptyToken is rendered by looking for its container
+    expect(screen.getByTestId('empty-token')).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..1c5baad6e
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/NoFunds/NoFunds.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import { H3, Text, View } from 'tamagui'
+import EmptyToken from './EmptyToken'
+
+export function NoFunds() {
+  return (
+    <View testID="empty-token" alignItems="center" gap="$4">
+      <EmptyToken />
+      <H3 fontWeight={600}>Add funds to get started</H3>
+      <Text textAlign="center" color="$colorSecondary" width="70%" fontSize="$4">
+        Send funds to your Safe Account from another wallet by copying your address.
+      </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/Tokens/Tokens.container.test.tsx b/apps/mobile/src/features/Assets/components/Tokens/Tokens.container.test.tsx
new file mode 100644
index 000000000..d2892830c
--- /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('$2000')
+
+    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..2f3a671f3
--- /dev/null
+++ b/apps/mobile/src/features/Assets/components/Tokens/Tokens.container.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import { ListRenderItem } from 'react-native'
+import { useSelector } from 'react-redux'
+import { 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 { formatValue } from '@/src/utils/formatters'
+
+import { Fallback } from '../Fallback'
+
+export function TokensContainer() {
+  const activeSafe = useSelector(selectActiveSafe)
+
+  const { data, isFetching, error } = useBalancesGetBalancesV1Query(
+    {
+      chainId: activeSafe.chainId,
+      fiatCode: 'USD',
+      safeAddress: activeSafe.address,
+      excludeSpam: false,
+      trusted: true,
+    },
+    {
+      pollingInterval: POLLING_INTERVAL,
+    },
+  )
+
+  const renderItem: ListRenderItem<Balance> = React.useCallback(({ item }) => {
+    return (
+      <AssetsCard
+        name={item.tokenInfo.name}
+        logoUri={item.tokenInfo.logoUri}
+        description={`${formatValue(item.balance, item.tokenInfo.decimals as number)} ${item.tokenInfo.symbol}`}
+        rightNode={
+          <Text fontSize="$4" fontWeight={400} color="$color">
+            ${item.fiatBalance}
+          </Text>
+        }
+      />
+    )
+  }, [])
+
+  if (isFetching || !data?.items.length || error) {
+    return <Fallback loading={isFetching} hasError={!!error} />
+  }
+
+  return (
+    <SafeTab.FlatList<Balance>
+      data={data?.items}
+      renderItem={renderItem}
+      keyExtractor={(item, index): string => item.tokenInfo.name + index}
+    />
+  )
+}
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/Notifications/Notifications.container.test.tsx b/apps/mobile/src/features/Notifications/Notifications.container.test.tsx
new file mode 100644
index 000000000..294023923
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/Notifications.container.test.tsx
@@ -0,0 +1,37 @@
+import React from 'react'
+import { NotificationsContainer } from './Notifications.container'
+import { act, fireEvent, render, waitFor } from '@/src/tests/test-utils'
+import { SwitchChangeEvent } from 'react-native'
+
+const mockDispatch = jest.fn()
+
+jest.mock('@/src/store/hooks', () => ({
+  useAppDispatch: () => mockDispatch,
+  useAppSelector: (selector: (state: unknown) => unknown) => {
+    if (selector.name === 'selectAppNotificationStatus') {
+      return true
+    }
+    return false
+  },
+}))
+
+describe('Notifications Component', () => {
+  it('renders correctly', () => {
+    const { getAllByText } = render(<NotificationsContainer />)
+    expect(getAllByText('Allow notifications')).toHaveLength(1)
+  })
+
+  it('triggers notification action on switch change', async () => {
+    const { getByTestId } = render(<NotificationsContainer />)
+    const switcher = getByTestId('toggle-app-notifications')
+    expect(switcher).toBeTruthy()
+
+    act(() => {
+      fireEvent(switcher, 'onChange', { nativeEvent: { value: true } } as SwitchChangeEvent)
+    })
+
+    await waitFor(() => {
+      expect(mockDispatch).toHaveBeenCalled()
+    })
+  })
+})
diff --git a/apps/mobile/src/features/Notifications/Notifications.container.tsx b/apps/mobile/src/features/Notifications/Notifications.container.tsx
new file mode 100644
index 000000000..2a794f90f
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/Notifications.container.tsx
@@ -0,0 +1,38 @@
+import React, { useCallback } from 'react'
+import { Switch } from 'react-native'
+import { View, Text } from 'tamagui'
+
+import { useAppSelector, useAppDispatch } from '@/src/store/hooks'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { selectAppNotificationStatus, toggleAppNotifications } from '@/src/store/notificationsSlice'
+
+export const NotificationsContainer = () => {
+  const dispatch = useAppDispatch()
+  const isAppNotificationEnabled = useAppSelector(selectAppNotificationStatus)
+
+  const handleToggleAppNotifications = useCallback(() => {
+    dispatch(toggleAppNotifications(!isAppNotificationEnabled))
+  }, [isAppNotificationEnabled])
+
+  return (
+    <View paddingHorizontal="$4" marginTop="$2" style={{ flex: 1 }}>
+      <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={
+          <Switch
+            testID="toggle-app-notifications"
+            onChange={handleToggleAppNotifications}
+            value={isAppNotificationEnabled}
+            trackColor={{ true: '$primary' }}
+          />
+        }
+      />
+    </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..b5f074338
--- /dev/null
+++ b/apps/mobile/src/features/Notifications/index.tsx
@@ -0,0 +1,2 @@
+import { NotificationsContainer } from './Notifications.container'
+export { NotificationsContainer }
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..0c4fe0367
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/Onboarding.container.test.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import { Onboarding } from './Onboarding.container'
+import { fireEvent, render } from '@/src/tests/test-utils'
+
+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('/(tabs)')
+  })
+})
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..b96f4c969
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselFeedback.test.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { CarouselFeedback } from './CarouselFeedback'
+import { render } from '@/src/tests/test-utils'
+import darkPalette from '@/src/theme/palettes/darkPalette'
+
+describe('CarouselFeedback', () => {
+  it('renders with active state', () => {
+    const { getByTestId } = render(<CarouselFeedback isActive={true} />)
+
+    const carouselFeedback = getByTestId('carousel-feedback')
+
+    expect(carouselFeedback.props.style.backgroundColor).toBe(darkPalette.background.default)
+  })
+
+  it('renders with inactive state', () => {
+    const { getByTestId } = render(<CarouselFeedback isActive={false} />)
+    const carouselFeedback = getByTestId('carousel-feedback')
+
+    expect(carouselFeedback.props.style.backgroundColor).toBe(darkPalette.primary.light)
+  })
+})
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..b3f4491df
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselFeedback.tsx
@@ -0,0 +1,35 @@
+import React, { useEffect } from 'react'
+import Animated, { useSharedValue, withSpring } from 'react-native-reanimated'
+import { useTheme } from 'tamagui'
+
+interface CarouselFeedbackProps {
+  isActive: boolean
+}
+
+const UNACTIVE_WIDTH = 4
+const ACTIVE_WIDTH = 14
+
+export function CarouselFeedback({ isActive }: CarouselFeedbackProps) {
+  const width = useSharedValue(UNACTIVE_WIDTH)
+  const theme = useTheme()
+
+  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 ? theme.color.get() : theme.colorSecondary.get(),
+        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..bc596a35c
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/CarouselItem.tsx
@@ -0,0 +1,29 @@
+import { Text, View, YStack } from 'tamagui'
+
+export type CarouselItem = {
+  title: string | React.ReactNode
+  name: string
+  description?: string
+  image?: React.ReactNode
+  imagePosition?: 'top' | 'bottom'
+}
+
+interface CarouselItemProps {
+  item: CarouselItem
+}
+
+export const CarouselItem = ({ item: { title, description, image, imagePosition = 'top' } }: CarouselItemProps) => {
+  return (
+    <View gap="$8" alignItems="center" justifyContent="center">
+      {imagePosition === 'top' && image}
+      <YStack gap="$8" paddingHorizontal="$5">
+        <YStack>{title}</YStack>
+
+        <Text textAlign="center" fontSize={'$4'}>
+          {description}
+        </Text>
+      </YStack>
+      {imagePosition === 'bottom' && image}
+    </View>
+  )
+}
diff --git a/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.stories.tsx b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.stories.tsx
new file mode 100644
index 000000000..2bcc5428d
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.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..d12d74f6a
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.test.tsx
@@ -0,0 +1,20 @@
+import React from 'react'
+import { OnboardingCarousel } from './OnboardingCarousel'
+import { Text } from 'tamagui'
+import { render } from '@/src/tests/test-utils'
+
+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..df34dae26
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/OnboardingCarousel.tsx
@@ -0,0 +1,47 @@
+import React, { useState } from 'react'
+import { CarouselItem } from './CarouselItem'
+import { 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'
+interface OnboardingCarouselProps {
+  items: CarouselItem[]
+}
+
+export function OnboardingCarousel({ items }: OnboardingCarouselProps) {
+  const [activeTab, setActiveTab] = useState(items[0].name)
+  const router = useRouter()
+
+  const onGetStartedPress = () => {
+    router.navigate('/(tabs)')
+  }
+
+  return (
+    <View testID="carrousel" flex={1} justifyContent={'space-between'} position="relative" paddingVertical="$10">
+      <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} />
+          </Tabs.Tab>
+        ))}
+      </Tabs.Container>
+
+      <View paddingHorizontal={20}>
+        <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} label="Get started" />
+        </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..55fc6d3ec
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingCarousel/items.tsx
@@ -0,0 +1,105 @@
+import { Dimensions, StyleSheet } from 'react-native'
+import { H1, Image, View } from 'tamagui'
+import Signing from '@/assets/images/illustration.png'
+
+import TrackAnywhere from '@/assets/images/anywhere.png'
+import { CarouselItem } from './CarouselItem'
+import { ParticlesLogo } from '../ParticlesLogo'
+
+const windowHeight = Dimensions.get('window').height
+
+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',
+  },
+})
+
+export const items: CarouselItem[] = [
+  {
+    name: 'multisig',
+    image: (
+      <View justifyContent="flex-end" height={Math.abs(windowHeight * 0.35)}>
+        <ParticlesLogo />
+      </View>
+    ),
+    title: (
+      <>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          Your main
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          <H1 fontWeight={600} color="$primary">
+            Safe
+          </H1>{' '}
+          multisig
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          companion
+        </H1>
+      </>
+    ),
+  },
+  {
+    name: 'tracking',
+    image: <Image style={[styles.image, styles.anywhere]} source={TrackAnywhere} />,
+    title: (
+      <>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          Track
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          everything.
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600} color="$primary">
+          Anywhere.
+        </H1>
+      </>
+    ),
+    description: 'Quickly check your asset balances and portfolio performance anytime, anywhere.',
+  },
+  {
+    name: 'signing',
+    image: <Image style={[styles.image, styles.signing]} source={Signing} />,
+    title: (
+      <>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          Seamless
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          signing
+        </H1>
+      </>
+    ),
+    description:
+      'Sign and execute transactions securely from your mobile device. Ensuring your assets are protected, even on the move.',
+  },
+  {
+    name: 'update-to-date',
+    image: <View height={Math.abs(windowHeight * 0.32)} />,
+    title: (
+      <>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          Stay
+        </H1>
+        <H1 style={styles.textContainer} fontWeight={600}>
+          up-to-date
+        </H1>
+      </>
+    ),
+    description:
+      'Sign and execute transactions securely from your mobile device. Ensuring your assets are protected, even on the move.',
+  },
+]
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..99232471d
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingHeader/OnboardingHeader.test.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import { OnboardingHeader } from './OnboardingHeader'
+import { render } from '@testing-library/react-native'
+
+test('renders the OnboardingHeader component with the Safe Wallet image', () => {
+  const { getByLabelText } = render(<OnboardingHeader />)
+
+  const image = getByLabelText(/Safe Wallet/i)
+  expect(image).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..3a9b18e45
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/OnboardingHeader/OnboardingHeader.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Image, styled } from 'tamagui'
+import SafeWalletLogo from '@/assets/images/safe-wallet.png'
+import { SafeAreaView } from 'react-native'
+
+export const StyledSafeAreaView = styled(SafeAreaView, {
+  alignItems: 'center',
+})
+
+export function OnboardingHeader() {
+  return (
+    <StyledSafeAreaView>
+      <Image accessibilityLabel="Safe Wallet" source={SafeWalletLogo} />
+    </StyledSafeAreaView>
+  )
+}
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/components/ParticlesLogo/ParticlesLogo.test.tsx b/apps/mobile/src/features/Onboarding/components/ParticlesLogo/ParticlesLogo.test.tsx
new file mode 100644
index 000000000..861b813bb
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/ParticlesLogo/ParticlesLogo.test.tsx
@@ -0,0 +1,10 @@
+import { render } from '@/src/tests/test-utils'
+import { ParticlesLogo } from './ParticlesLogo'
+
+describe('ParticlesLogo', () => {
+  it('should render default markup', () => {
+    const container = render(<ParticlesLogo />)
+
+    expect(container).toMatchSnapshot()
+  })
+})
diff --git a/apps/mobile/src/features/Onboarding/components/ParticlesLogo/ParticlesLogo.tsx b/apps/mobile/src/features/Onboarding/components/ParticlesLogo/ParticlesLogo.tsx
new file mode 100644
index 000000000..b344654ab
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/ParticlesLogo/ParticlesLogo.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+
+export function ParticlesLogo() {
+  return (
+    <Svg width="181" height="180" viewBox="0 0 181 180" fill="none">
+      <Path
+        d="M33.8342 46.3745H24.0899C22.8299 46.3745 21.8084 47.396 21.8084 48.656V58.4003C21.8084 59.6604 22.8299 60.6818 24.0899 60.6818H33.8342C35.0942 60.6818 36.1157 59.6604 36.1157 58.4003V48.656C36.1157 47.396 35.0942 46.3745 33.8342 46.3745Z"
+        fill="#12FF80"
+      />
+      <Path
+        d="M40.0865 84.7895C41.288 84.7895 42.4895 84.7895 43.6919 84.7895C44.9519 84.7895 45.9734 83.768 45.9734 82.508V65.3846C45.9734 64.1246 44.9519 63.1031 43.6919 63.1031H26.5685C25.3085 63.1031 24.287 64.1246 24.287 65.3846V94.2242C24.287 95.4842 25.3085 96.5057 26.5685 96.5057H35.5244C36.7844 96.5057 37.8059 95.4842 37.8059 94.2242V87.071C37.8059 85.811 38.8274 84.7895 40.0874 84.7895H40.0865Z"
+        fill="#12FF80"
+      />
+      <Path
+        d="M112.749 141.736H101.54C99.8136 141.736 98.4138 143.136 98.4138 144.863V156.072C98.4138 157.798 99.8136 159.198 101.54 159.198H112.749C114.476 159.198 115.876 157.798 115.876 156.072V144.863C115.876 143.136 114.476 141.736 112.749 141.736Z"
+        fill="#12FF80"
+      />
+      <Path
+        d="M129.479 130.698H120.298C118.571 130.698 117.172 132.097 117.172 133.824V143.005C117.172 144.732 118.571 146.132 120.298 146.132H129.479C131.206 146.132 132.606 144.732 132.606 143.005V133.824C132.606 132.097 131.206 130.698 129.479 130.698Z"
+        fill="#12FF80"
+      />
+      <Path
+        d="M145.447 128.725H139.562C137.835 128.725 136.435 130.125 136.435 131.852V137.737C136.435 139.464 137.835 140.863 139.562 140.863H145.447C147.174 140.863 148.573 139.464 148.573 137.737V131.852C148.573 130.125 147.174 128.725 145.447 128.725Z"
+        fill="#12FF80"
+      />
+      <Path
+        d="M82.6709 140.864H70.7999C70.0925 140.864 69.5183 141.437 69.5183 142.145V154.016C69.5183 154.724 70.0916 155.298 70.7999 155.298H82.6709C83.3783 155.298 83.9525 154.725 83.9525 154.016V152.932C83.9525 152.224 84.5258 151.65 85.2341 151.65H89.9231C90.6305 151.65 91.2047 151.077 91.2047 150.369V144.708C91.2047 144 90.6314 143.426 89.9231 143.426H85.2341C84.5267 143.426 83.9525 142.853 83.9525 142.144C83.9525 141.437 83.3792 140.863 82.6709 140.863V140.864Z"
+        fill="#12FF80"
+      />
+      <Path
+        d="M51.3807 116.276H49.9722C48.6654 116.276 47.6061 115.217 47.6061 113.91V109.404C47.6061 108.097 46.5468 107.038 45.24 107.038H36.7341C35.4273 107.038 34.368 108.097 34.368 109.404V113.91C34.368 115.217 33.3087 116.276 32.0019 116.276H30.9876C29.6808 116.276 28.6215 117.336 28.6215 118.642V139.033C28.6215 140.34 29.6808 141.399 30.9876 141.399H45.2382C46.545 141.399 47.6043 142.458 47.6043 143.765C47.6043 145.072 48.6636 146.131 49.9704 146.131H60.6723C61.9791 146.131 63.0384 145.072 63.0384 143.765V133.063C63.0384 131.756 61.9791 130.697 60.6723 130.697H56.1102C54.8034 130.697 53.7441 129.638 53.7441 128.331V118.642C53.7441 117.336 52.6848 116.276 51.378 116.276H51.3807Z"
+        fill="#12FF80"
+      />
+      <Path
+        d="M159.192 86.1976V59.9491C159.192 58.9222 158.359 58.0906 157.333 58.0906H143.477C142.45 58.0906 141.618 57.2581 141.618 56.2321V47.8396C141.618 46.8127 140.786 45.9811 139.76 45.9811H136.099C135.072 45.9811 134.24 45.1486 134.24 44.1226V33.139C134.24 32.1121 133.408 31.2805 132.382 31.2805H118.863C117.836 31.2805 117.004 30.448 117.004 29.422V28.2394C117.004 27.2125 116.172 26.3809 115.146 26.3809H102.247C101.22 26.3809 100.388 25.5484 100.388 24.5224V22.6639C100.388 21.637 99.5558 20.8054 98.5298 20.8054H79.0403C78.0134 20.8054 77.1818 21.6379 77.1818 22.6639V42.0967C77.1818 43.1236 78.0143 43.9552 79.0403 43.9552H92.3333C93.3602 43.9552 94.1918 44.7877 94.1918 45.8137V47.3347C94.1918 48.3616 95.0243 49.1932 96.0503 49.1932H109.513C110.539 49.1932 111.371 50.0257 111.371 51.0517V52.291C111.371 53.3179 112.204 54.1495 113.23 54.1495H123.594C124.621 54.1495 125.452 54.982 125.452 56.008V60.2893C125.452 61.3162 126.285 62.1478 127.311 62.1478H129.029C130.056 62.1478 130.888 62.9803 130.888 64.0063V86.1994C130.888 87.2263 131.72 88.0579 132.746 88.0579H140.998C142.025 88.0579 142.857 88.8904 142.857 89.9164V92.2825C142.857 93.3094 142.024 94.141 140.998 94.141H138.858C137.831 94.141 136.999 94.9735 136.999 95.9995V107.209C136.999 108.236 136.167 109.067 135.141 109.067C134.114 109.067 133.282 109.9 133.282 110.926V123.149C133.282 124.176 134.115 125.007 135.141 125.007H147.364C148.391 125.007 149.222 124.175 149.222 123.149V117.234C149.222 116.207 150.055 115.376 151.081 115.376H156.376C157.402 115.376 158.234 114.543 158.234 113.517V95.9995C158.234 94.9726 157.402 94.141 156.376 94.141H155.418C154.391 94.141 153.559 93.3085 153.559 92.2825V89.9164C153.559 88.8895 154.392 88.0579 155.418 88.0579H157.333C158.36 88.0579 159.192 87.2254 159.192 86.1994V86.1976Z"
+        fill="#12FF80"
+      />
+      <Path
+        d="M62.6459 31.2787H55.7457C54.4857 31.2787 53.4641 32.3002 53.4641 33.5602C53.4641 34.8202 52.4426 35.8417 51.1826 35.8417H41.5508C40.2908 35.8417 39.2693 36.8632 39.2693 38.1232V55.9792C39.2693 57.2392 40.2908 58.2607 41.5508 58.2607H59.4069C60.6668 58.2607 61.6883 57.2392 61.6883 55.9792V51.9238C61.6883 50.6638 62.7098 49.6423 63.9698 49.6423H69.5462C70.8062 49.6423 71.8278 48.6208 71.8278 47.3608V33.5602C71.8278 32.3002 70.8062 31.2787 69.5462 31.2787H62.6459Z"
+        fill="#12FF80"
+      />
+    </Svg>
+  )
+}
diff --git a/apps/mobile/src/features/Onboarding/components/ParticlesLogo/__snapshots__/ParticlesLogo.test.tsx.snap b/apps/mobile/src/features/Onboarding/components/ParticlesLogo/__snapshots__/ParticlesLogo.test.tsx.snap
new file mode 100644
index 000000000..fb8cbe452
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/ParticlesLogo/__snapshots__/ParticlesLogo.test.tsx.snap
@@ -0,0 +1,169 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ParticlesLogo should render default markup 1`] = `
+<View>
+  <RNSVGSvgView
+    align="xMidYMid"
+    bbHeight="180"
+    bbWidth="181"
+    fill="none"
+    focusable={false}
+    height="180"
+    meetOrSlice={0}
+    minX={0}
+    minY={0}
+    style={
+      [
+        {
+          "backgroundColor": "transparent",
+          "borderWidth": 0,
+        },
+        {
+          "flex": 0,
+          "height": 180,
+          "width": 181,
+        },
+      ]
+    }
+    vbHeight={180}
+    vbWidth={181}
+    width="181"
+  >
+    <RNSVGGroup
+      fill={null}
+      propList={
+        [
+          "fill",
+        ]
+      }
+    >
+      <RNSVGPath
+        d="M33.8342 46.3745H24.0899C22.8299 46.3745 21.8084 47.396 21.8084 48.656V58.4003C21.8084 59.6604 22.8299 60.6818 24.0899 60.6818H33.8342C35.0942 60.6818 36.1157 59.6604 36.1157 58.4003V48.656C36.1157 47.396 35.0942 46.3745 33.8342 46.3745Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+      <RNSVGPath
+        d="M40.0865 84.7895C41.288 84.7895 42.4895 84.7895 43.6919 84.7895C44.9519 84.7895 45.9734 83.768 45.9734 82.508V65.3846C45.9734 64.1246 44.9519 63.1031 43.6919 63.1031H26.5685C25.3085 63.1031 24.287 64.1246 24.287 65.3846V94.2242C24.287 95.4842 25.3085 96.5057 26.5685 96.5057H35.5244C36.7844 96.5057 37.8059 95.4842 37.8059 94.2242V87.071C37.8059 85.811 38.8274 84.7895 40.0874 84.7895H40.0865Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+      <RNSVGPath
+        d="M112.749 141.736H101.54C99.8136 141.736 98.4138 143.136 98.4138 144.863V156.072C98.4138 157.798 99.8136 159.198 101.54 159.198H112.749C114.476 159.198 115.876 157.798 115.876 156.072V144.863C115.876 143.136 114.476 141.736 112.749 141.736Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+      <RNSVGPath
+        d="M129.479 130.698H120.298C118.571 130.698 117.172 132.097 117.172 133.824V143.005C117.172 144.732 118.571 146.132 120.298 146.132H129.479C131.206 146.132 132.606 144.732 132.606 143.005V133.824C132.606 132.097 131.206 130.698 129.479 130.698Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+      <RNSVGPath
+        d="M145.447 128.725H139.562C137.835 128.725 136.435 130.125 136.435 131.852V137.737C136.435 139.464 137.835 140.863 139.562 140.863H145.447C147.174 140.863 148.573 139.464 148.573 137.737V131.852C148.573 130.125 147.174 128.725 145.447 128.725Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+      <RNSVGPath
+        d="M82.6709 140.864H70.7999C70.0925 140.864 69.5183 141.437 69.5183 142.145V154.016C69.5183 154.724 70.0916 155.298 70.7999 155.298H82.6709C83.3783 155.298 83.9525 154.725 83.9525 154.016V152.932C83.9525 152.224 84.5258 151.65 85.2341 151.65H89.9231C90.6305 151.65 91.2047 151.077 91.2047 150.369V144.708C91.2047 144 90.6314 143.426 89.9231 143.426H85.2341C84.5267 143.426 83.9525 142.853 83.9525 142.144C83.9525 141.437 83.3792 140.863 82.6709 140.863V140.864Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+      <RNSVGPath
+        d="M51.3807 116.276H49.9722C48.6654 116.276 47.6061 115.217 47.6061 113.91V109.404C47.6061 108.097 46.5468 107.038 45.24 107.038H36.7341C35.4273 107.038 34.368 108.097 34.368 109.404V113.91C34.368 115.217 33.3087 116.276 32.0019 116.276H30.9876C29.6808 116.276 28.6215 117.336 28.6215 118.642V139.033C28.6215 140.34 29.6808 141.399 30.9876 141.399H45.2382C46.545 141.399 47.6043 142.458 47.6043 143.765C47.6043 145.072 48.6636 146.131 49.9704 146.131H60.6723C61.9791 146.131 63.0384 145.072 63.0384 143.765V133.063C63.0384 131.756 61.9791 130.697 60.6723 130.697H56.1102C54.8034 130.697 53.7441 129.638 53.7441 128.331V118.642C53.7441 117.336 52.6848 116.276 51.378 116.276H51.3807Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+      <RNSVGPath
+        d="M159.192 86.1976V59.9491C159.192 58.9222 158.359 58.0906 157.333 58.0906H143.477C142.45 58.0906 141.618 57.2581 141.618 56.2321V47.8396C141.618 46.8127 140.786 45.9811 139.76 45.9811H136.099C135.072 45.9811 134.24 45.1486 134.24 44.1226V33.139C134.24 32.1121 133.408 31.2805 132.382 31.2805H118.863C117.836 31.2805 117.004 30.448 117.004 29.422V28.2394C117.004 27.2125 116.172 26.3809 115.146 26.3809H102.247C101.22 26.3809 100.388 25.5484 100.388 24.5224V22.6639C100.388 21.637 99.5558 20.8054 98.5298 20.8054H79.0403C78.0134 20.8054 77.1818 21.6379 77.1818 22.6639V42.0967C77.1818 43.1236 78.0143 43.9552 79.0403 43.9552H92.3333C93.3602 43.9552 94.1918 44.7877 94.1918 45.8137V47.3347C94.1918 48.3616 95.0243 49.1932 96.0503 49.1932H109.513C110.539 49.1932 111.371 50.0257 111.371 51.0517V52.291C111.371 53.3179 112.204 54.1495 113.23 54.1495H123.594C124.621 54.1495 125.452 54.982 125.452 56.008V60.2893C125.452 61.3162 126.285 62.1478 127.311 62.1478H129.029C130.056 62.1478 130.888 62.9803 130.888 64.0063V86.1994C130.888 87.2263 131.72 88.0579 132.746 88.0579H140.998C142.025 88.0579 142.857 88.8904 142.857 89.9164V92.2825C142.857 93.3094 142.024 94.141 140.998 94.141H138.858C137.831 94.141 136.999 94.9735 136.999 95.9995V107.209C136.999 108.236 136.167 109.067 135.141 109.067C134.114 109.067 133.282 109.9 133.282 110.926V123.149C133.282 124.176 134.115 125.007 135.141 125.007H147.364C148.391 125.007 149.222 124.175 149.222 123.149V117.234C149.222 116.207 150.055 115.376 151.081 115.376H156.376C157.402 115.376 158.234 114.543 158.234 113.517V95.9995C158.234 94.9726 157.402 94.141 156.376 94.141H155.418C154.391 94.141 153.559 93.3085 153.559 92.2825V89.9164C153.559 88.8895 154.392 88.0579 155.418 88.0579H157.333C158.36 88.0579 159.192 87.2254 159.192 86.1994V86.1976Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+      <RNSVGPath
+        d="M62.6459 31.2787H55.7457C54.4857 31.2787 53.4641 32.3002 53.4641 33.5602C53.4641 34.8202 52.4426 35.8417 51.1826 35.8417H41.5508C40.2908 35.8417 39.2693 36.8632 39.2693 38.1232V55.9792C39.2693 57.2392 40.2908 58.2607 41.5508 58.2607H59.4069C60.6668 58.2607 61.6883 57.2392 61.6883 55.9792V51.9238C61.6883 50.6638 62.7098 49.6423 63.9698 49.6423H69.5462C70.8062 49.6423 71.8278 48.6208 71.8278 47.3608V33.5602C71.8278 32.3002 70.8062 31.2787 69.5462 31.2787H62.6459Z"
+        fill={
+          {
+            "payload": 4279435136,
+            "type": 0,
+          }
+        }
+        propList={
+          [
+            "fill",
+          ]
+        }
+      />
+    </RNSVGGroup>
+  </RNSVGSvgView>
+</View>
+`;
diff --git a/apps/mobile/src/features/Onboarding/components/ParticlesLogo/index.ts b/apps/mobile/src/features/Onboarding/components/ParticlesLogo/index.ts
new file mode 100644
index 000000000..41f826507
--- /dev/null
+++ b/apps/mobile/src/features/Onboarding/components/ParticlesLogo/index.ts
@@ -0,0 +1,2 @@
+import { ParticlesLogo } from './ParticlesLogo'
+export { ParticlesLogo }
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..20b682879
--- /dev/null
+++ b/apps/mobile/src/features/PendingTx/components/PendingTxList/PendingTxList.container.tsx
@@ -0,0 +1,68 @@
+import { SafeListItem } from '@/src/components/SafeListItem'
+import React from 'react'
+import { SectionList } from 'react-native'
+import { Spinner, 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'
+
+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} />
+      </>
+    ),
+  })
+
+  const LargeHeader = (
+    <View flexDirection={'row'} alignItems={'center'} paddingTop={'$3'}>
+      <LargeHeaderTitle marginRight={5}>Pending Transactions</LargeHeaderTitle>
+      {isLoading ? (
+        <Spinner size="large" color="$warning1ContrastTextDark" />
+      ) : (
+        <Badge content={`${amount}${hasMore ? '+' : ''}`} />
+      )}
+    </View>
+  )
+
+  return (
+    <SectionList
+      testID={'tx-history-list'}
+      ListHeaderComponent={LargeHeader}
+      sections={transactions}
+      contentInsetAdjustmentBehavior="automatic"
+      keyExtractor={keyExtractor}
+      renderItem={renderItem}
+      onEndReached={onEndReached}
+      ListFooterComponent={isLoading ? <Spinner size={'small'} color={'$color'} /> : undefined}
+      renderSectionHeader={({ section: { title } }) => <SafeListItem.Header title={title} />}
+      onScroll={handleScroll}
+      scrollEventThrottle={16}
+    />
+  )
+}
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..0b77d51f5
--- /dev/null
+++ b/apps/mobile/src/features/PendingTx/utils.tsx
@@ -0,0 +1,134 @@
+import { TransactionQueuedItem } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import {
+  getBulkGroupTxHash,
+  getTxHash,
+  isConflictHeaderListItem,
+  isLabelListItem,
+  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 from 'react'
+import { GroupedPendingTxsWithTitle } from './components/PendingTxList/PendingTxList.container'
+
+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: 'Ready to execute', data: [] },
+      { title: 'Confirmation needed', 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
+}) => {
+  if (Array.isArray(item)) {
+    // Handle bulk transactions
+    return (
+      <View marginTop={index && '$4'}>
+        {getBulkGroupTxHash(item) ? (
+          <TxGroupedCard transactions={item} inQueue />
+        ) : (
+          <TxConflictingCard inQueue transactions={item} />
+        )}
+      </View>
+    )
+  }
+
+  if (isLabelListItem(item)) {
+    return (
+      <View marginTop={index && '$4'}>
+        <SafeListItem.Header title={item.label} />
+      </View>
+    )
+  }
+
+  if (isTransactionListItem(item)) {
+    return (
+      <View marginTop={index && '$4'}>
+        <TxInfo 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])) {
+      return getTxHash(item[0]) + index
+    }
+    return String(index)
+  }
+  return String(index)
+}
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..f5eb3930d
--- /dev/null
+++ b/apps/mobile/src/features/Settings/Settings.container.tsx
@@ -0,0 +1,15 @@
+import { useGetSafeQuery } from '@safe-global/store/gateway'
+import { SafeState } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { useSelector } from 'react-redux'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { Settings } from './Settings'
+
+export const SettingsContainer = () => {
+  const { chainId, address } = useSelector(selectActiveSafe)
+  const { data = {} as SafeState } = useGetSafeQuery({
+    chainId: chainId,
+    safeAddress: address,
+  })
+
+  return <Settings address={address} data={data} />
+}
diff --git a/apps/mobile/src/features/Settings/Settings.tsx b/apps/mobile/src/features/Settings/Settings.tsx
new file mode 100644
index 000000000..44f3195ed
--- /dev/null
+++ b/apps/mobile/src/features/Settings/Settings.tsx
@@ -0,0 +1,159 @@
+import React from 'react'
+import { H2, ScrollView, Text, View, XStack, YStack } from 'tamagui'
+import { SafeFontIcon as Icon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { Skeleton } from 'moti/skeleton'
+import { Pressable } 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'
+
+interface SettingsProps {
+  data: SafeState
+  address: `0x${string}`
+}
+
+export const Settings = ({ address, data }: SettingsProps) => {
+  const { owners = [], threshold, implementation } = data
+
+  return (
+    <>
+      <Navbar safeAddress={address} />
+      <ScrollView
+        style={{
+          marginTop: -20,
+          paddingTop: 0,
+        }}
+        contentContainerStyle={{
+          marginTop: -15,
+        }}
+      >
+        <YStack flex={1} padding="$4" 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}>
+                My DAO
+              </H2>
+              <View>
+                <EthAddress
+                  address={address as Address}
+                  copy
+                  textProps={{
+                    color: '$colorSecondary',
+                  }}
+                />
+              </View>
+
+              <View>
+                <Skeleton>
+                  <Text color="$primary">saaafe.xyz</Text>
+                </Skeleton>
+              </View>
+            </YStack>
+
+            <XStack justifyContent="center" marginBottom="$6">
+              <YStack
+                alignItems="center"
+                backgroundColor={'$backgroundPaper'}
+                padding={'$2'}
+                borderRadius={'$6'}
+                width={80}
+                marginRight={'$2'}
+              >
+                <View width={40}>
+                  <Skeleton>
+                    <Text fontWeight="700" textAlign="center" fontSize={'$4'}>
+                      {owners.length}
+                    </Text>
+                  </Skeleton>
+                </View>
+                <Text color="$colorHover" fontSize={'$3'}>
+                  Signers
+                </Text>
+              </YStack>
+
+              <YStack
+                alignItems="center"
+                backgroundColor={'$backgroundPaper'}
+                padding={'$2'}
+                borderRadius={'$6'}
+                width={80}
+              >
+                <View width={40}>
+                  <Skeleton>
+                    <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 backgroundColor="$backgroundDark" padding="$4" borderRadius="$3" gap={'$2'}>
+                <Text color="$foreground">Members</Text>
+                <Pressable
+                  style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1.0 }]}
+                  onPress={() => {
+                    router.push('/signers')
+                  }}
+                >
+                  <SafeListItem
+                    label={'Signers'}
+                    leftNode={<Icon name={'owners'} />}
+                    rightNode={
+                      <View flexDirection={'row'} alignItems={'center'} justifyContent={'center'}>
+                        <Skeleton height={17}>
+                          <Text minWidth={15} marginRight={'$3'}>
+                            {owners.length}
+                          </Text>
+                        </Skeleton>
+                        <View>
+                          <Icon name={'arrow-right'} />
+                        </View>
+                      </View>
+                    }
+                  />
+                </Pressable>
+              </View>
+
+              <View backgroundColor="$backgroundDark" padding="$4" borderRadius="$3" gap={'$2'}>
+                <Text color="$foreground">General</Text>
+                <View backgroundColor={'$background'} borderRadius={'$3'}>
+                  <Pressable
+                    style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1.0 }]}
+                    onPress={() => {
+                      router.push('/notifications')
+                    }}
+                  >
+                    <SafeListItem
+                      label={'Notifications'}
+                      leftNode={<Icon name={'bell'} />}
+                      rightNode={<Icon name={'arrow-right'} />}
+                    />
+                  </Pressable>
+                </View>
+              </View>
+            </YStack>
+          </Skeleton.Group>
+
+          {/* Footer */}
+          <Text textAlign="center" color="$colorSecondary" marginTop="$8">
+            {implementation?.name}
+          </Text>
+        </YStack>
+      </ScrollView>
+    </>
+  )
+}
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..c0eec6e4d
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.container.tsx
@@ -0,0 +1,21 @@
+import React, { useState } from 'react'
+import { useDispatch, useSelector } from 'react-redux'
+import { selectActiveSafe, setActiveSafe } from '@/src/store/activeSafeSlice'
+import { Address } from '@/src/types/address'
+import { AppSettings } from './AppSettings'
+
+export const AppSettingsContainer = () => {
+  const dispatch = useDispatch()
+  const activeSafe = useSelector(selectActiveSafe)
+  const [safeAddress, setSafeAddress] = useState('')
+
+  const handleSubmit = () => {
+    dispatch(
+      setActiveSafe({
+        chainId: activeSafe.chainId,
+        address: safeAddress as Address,
+      }),
+    )
+  }
+  return <AppSettings onSubmit={handleSubmit} address={safeAddress} onAddressChange={setSafeAddress} />
+}
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..bfc6dc0c7
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/AppSettings/AppSettings.tsx
@@ -0,0 +1,29 @@
+import { View, Text, Input } from 'tamagui'
+import { TouchableOpacity } from 'react-native'
+
+interface AppSettingsProps {
+  address: string
+  onSubmit: () => void
+  onAddressChange: (address: string) => void
+}
+
+export const AppSettings = ({ address, onAddressChange, onSubmit }: AppSettingsProps) => {
+  return (
+    <View paddingHorizontal={'$3'}>
+      <View padding="$3">
+        <Input
+          value={address}
+          onChangeText={onAddressChange}
+          placeholder="Enter Safe Address"
+          placeholderTextColor="#666"
+          fontSize={20}
+          height={30}
+          marginVertical={10}
+        />
+        <TouchableOpacity onPress={onSubmit}>
+          <Text>Set Safe Address</Text>
+        </TouchableOpacity>
+      </View>
+    </View>
+  )
+}
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/IdenticonWithBadge/IdenticonWithBadge.tsx b/apps/mobile/src/features/Settings/components/IdenticonWithBadge/IdenticonWithBadge.tsx
new file mode 100644
index 000000000..2a1de35df
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/IdenticonWithBadge/IdenticonWithBadge.tsx
@@ -0,0 +1,55 @@
+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
+  size?: number
+  testID?: string
+  fontSize?: number
+}
+
+export const IdenticonWithBadge = ({
+  address,
+  testID,
+  badgeContent,
+  fontSize = 12,
+  size = 56,
+}: IdenticonWithBadgeProps) => {
+  return (
+    <View style={styles.container} testID={testID}>
+      <Identicon address={address} rounded size={size} />
+      <View style={styles.badge}>
+        <Skeleton colorMode={'dark'} radius="round" height={28} width={28}>
+          {badgeContent && (
+            <Badge
+              content={badgeContent}
+              textContentProps={{
+                fontSize,
+                fontWeight: 500,
+              }}
+              themeName={'badge_success'}
+              circleProps={{ bordered: true }}
+            />
+          )}
+        </Skeleton>
+      </View>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+  },
+  badge: {
+    position: 'absolute',
+    top: -5,
+    right: -10,
+  },
+})
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..1aa862e81
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Navbar/Navbar.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { SettingsMenu } from '@/src/features/Settings/components/Navbar/SettingsMenu'
+import { SettingsButton } from '@/src/features/Settings/components/Navbar/SettingsButton'
+import { BlurredIdenticonBackground } from '@/src/components/BlurredIdenticonBackground/BlurredIdenticonBackground'
+import { StyleSheet } from 'react-native'
+import { SafeAreaView } from 'react-native-safe-area-context'
+import { Address } from '@/src/types/address'
+
+export const Navbar = (props: { safeAddress: Address }) => {
+  const { safeAddress } = props
+
+  return (
+    <View>
+      <BlurredIdenticonBackground address={safeAddress} height={140}>
+        <SafeAreaView style={styles.headerContainer}>
+          <View flexDirection="row" alignItems="center" columnGap="$3">
+            <SettingsButton />
+            <SettingsMenu safeAddress={safeAddress} />
+          </View>
+        </SafeAreaView>
+      </BlurredIdenticonBackground>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    paddingHorizontal: 10,
+    paddingVertical: 16,
+    paddingBottom: 0,
+  },
+})
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..db7e12d20
--- /dev/null
+++ b/apps/mobile/src/features/Settings/components/Navbar/SettingsMenu.tsx
@@ -0,0 +1,147 @@
+import { Button, useTheme } from 'tamagui'
+import { MenuView, NativeActionEvent } from '@react-native-menu/menu'
+import { Linking, Platform } from 'react-native'
+import { SafeFontIcon } from '@/src/components/SafeFontIcon/SafeFontIcon'
+import React from 'react'
+import { getExplorerLink } from '@/src/utils/gateway'
+import { useCopyAndDispatchToast } from '@/src/hooks/useCopyAndDispatchToast'
+import { useToastController } from '@tamagui/toast'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { selectChainById } from '@/src/store/chains'
+import { RootState } from '@/src/store'
+import { useAppSelector } from '@/src/store/hooks'
+
+type Props = {
+  safeAddress: string | undefined
+}
+export const SettingsMenu = ({ safeAddress }: Props) => {
+  const toast = useToastController()
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const activeChain = useAppSelector((state: RootState) => selectChainById(state, activeSafe.chainId))
+  const copyAndDispatchToast = useCopyAndDispatchToast()
+  const theme = useTheme()
+  const color = theme.color?.get()
+  const colorError = 'red'
+
+  const toBeImplemented = () => {
+    toast.show('This feature is not implemented yet.', {
+      native: true,
+      duration: 2000,
+      burntOptions: {
+        preset: 'error',
+      },
+    })
+  }
+  if (!safeAddress) {
+    return null
+  }
+
+  return (
+    <Menu
+      onPressAction={({ nativeEvent }) => {
+        console.warn(JSON.stringify(nativeEvent))
+
+        if (nativeEvent.event === 'rename') {
+          console.log('rename')
+          toBeImplemented()
+        }
+
+        if (nativeEvent.event === 'explorer') {
+          const link = getExplorerLink(safeAddress, activeChain.blockExplorerUriTemplate)
+          Linking.openURL(link.href)
+        }
+
+        if (nativeEvent.event === 'copy') {
+          console.log('copy')
+          copyAndDispatchToast(safeAddress)
+        }
+
+        if (nativeEvent.event === 'remove') {
+          console.log('remove')
+          toBeImplemented()
+        }
+
+        if (nativeEvent.event === 'share') {
+          console.log('share')
+          toBeImplemented()
+        }
+      }}
+      color={color}
+      destructiveColor={colorError}
+    />
+  )
+}
+
+type MenuProps = {
+  onPressAction: (event: NativeActionEvent) => void
+  color: string
+  destructiveColor: string
+}
+const Menu = ({ onPressAction, color, destructiveColor }: MenuProps) => {
+  return (
+    <MenuView
+      onPressAction={onPressAction}
+      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: destructiveColor,
+        },
+      ]}
+      shouldOpenOnLongPress={false}
+    >
+      <Button
+        testID={'settings-screen-header-more-settings-button'}
+        size={'$8'}
+        circular={true}
+        scaleSpace={1.5}
+        backgroundColor={'$backgroundSkeleton'}
+      >
+        <SafeFontIcon name={'options-horizontal'} size={16} />
+      </Button>
+    </MenuView>
+  )
+}
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/Signers/Signers.container.tsx b/apps/mobile/src/features/Signers/Signers.container.tsx
new file mode 100644
index 000000000..aea2b4335
--- /dev/null
+++ b/apps/mobile/src/features/Signers/Signers.container.tsx
@@ -0,0 +1,42 @@
+import { View } from 'tamagui'
+import React, { useMemo } from 'react'
+
+import { SafeButton } from '@/src/components/SafeButton'
+
+import { SignersList } from './components/SignersList'
+import { Dimensions } from 'react-native'
+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">
+      <View height={Dimensions.get('window').height - 230}>
+        <SignersList
+          isFetching={isFetching}
+          hasLocalSingers={!!group.imported?.data.length}
+          signersGroup={signersSections}
+        />
+      </View>
+
+      <View paddingHorizontal={'$3'}>
+        <SafeButton onPress={onImportSigner} label="Import signer" />
+      </View>
+    </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..719d4f62e
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/SignersList.tsx
@@ -0,0 +1,64 @@
+import React, { useMemo } from 'react'
+
+import { SafeListItem } from '@/src/components/SafeListItem'
+import { getTokenValue, Spinner } from 'tamagui'
+
+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 = {
+  title: string
+  data: SafeState['owners']
+}
+
+const keyExtractor = (item: AddressInfo, index: number) => item.value + index
+
+interface SignersListProps {
+  signersGroup: SignerSection[]
+  isFetching: boolean
+  hasLocalSingers: boolean
+}
+
+export function SignersList({ signersGroup, isFetching, hasLocalSingers }: SignersListProps) {
+  const { handleScroll } = useScrollableHeader({
+    children: <NavBarTitle>Signers</NavBarTitle>,
+  })
+
+  const renderItem = useCallback(
+    ({ item, index }: { item: AddressInfo; index: number }) => {
+      return <SignersListItem item={item} index={index} signersGroup={signersGroup} />
+    },
+    [signersGroup],
+  )
+
+  const ListHeaderComponent = useCallback(() => <SignersListHeader withAlert={!hasLocalSingers} />, [hasLocalSingers])
+  const contentContainerStyle = useMemo(
+    () => ({
+      paddingHorizontal: getTokenValue('$3'),
+    }),
+    [],
+  )
+
+  return (
+    <SectionList<AddressInfo, SignerSection>
+      testID="tx-history-list"
+      onScroll={handleScroll}
+      ListHeaderComponent={ListHeaderComponent}
+      stickySectionHeadersEnabled
+      contentInsetAdjustmentBehavior="automatic"
+      sections={signersGroup}
+      ListFooterComponent={isFetching ? <Spinner size="small" color="$color" /> : undefined}
+      keyExtractor={keyExtractor}
+      renderItem={renderItem}
+      scrollEventThrottle={16}
+      contentContainerStyle={contentContainerStyle}
+      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..7b535df09
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/SignersListHeader.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import { View } from 'tamagui'
+import { Alert } from '@/src/components/Alert'
+import { SectionTitle } from '@/src/components/Title'
+
+interface SignersListHeaderProps {
+  withAlert: boolean
+}
+
+export function SignersListHeader({ withAlert }: SignersListHeaderProps) {
+  return (
+    <View gap="$6">
+      <SectionTitle
+        paddingHorizontal={'$0'}
+        title="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. Others will not be imported."
+          />
+        </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..62486e428
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/SignersListItem.tsx
@@ -0,0 +1,51 @@
+import React from 'react'
+import { shortenAddress } from '@/src/utils/formatters'
+import { MenuView } 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 { useRouter } from 'expo-router'
+
+interface SignersListItemProps {
+  item: AddressInfo
+  index: number
+  signersGroup: SignerSection[]
+}
+
+function SignersListItem({ item, index, signersGroup }: SignersListItemProps) {
+  const router = useRouter()
+  const actions = useSignersActions()
+  const isLastItem = signersGroup.some((section) => section.data.length === index + 1)
+
+  const onPress = () => {
+    router.push(`/signers/${item.value}`)
+  }
+
+  return (
+    <TouchableOpacity onPress={onPress}>
+      <View
+        backgroundColor={'$backgroundPaper'}
+        borderTopRightRadius={index === 0 ? '$4' : undefined}
+        borderTopLeftRadius={index === 0 ? '$4' : undefined}
+        borderBottomRightRadius={isLastItem ? '$4' : undefined}
+        borderBottomLeftRadius={isLastItem ? '$4' : undefined}
+      >
+        <SignersCard
+          name={item.name ?? shortenAddress(item.value)}
+          address={item.value as `0x${string}`}
+          rightNode={
+            <MenuView onPressAction={console.log} actions={actions}>
+              <SafeFontIcon name="options-horizontal" />
+            </MenuView>
+          }
+        />
+      </View>
+    </TouchableOpacity>
+  )
+}
+
+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..d1a74f291
--- /dev/null
+++ b/apps/mobile/src/features/Signers/components/SignersList/hooks/useSignersActions.ts
@@ -0,0 +1,33 @@
+import { useMemo } from 'react'
+import { Platform } from 'react-native'
+import { useTheme } from 'tamagui'
+
+export const useSignersActions = () => {
+  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: 'share',
+        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],
+  )
+
+  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..8ea64271c
--- /dev/null
+++ b/apps/mobile/src/features/Signers/constants.ts
@@ -0,0 +1,12 @@
+import { SignerSection } from './components/SignersList/SignersList'
+
+export const groupedSigners: Record<string, SignerSection> = {
+  imported: {
+    title: 'Imported signers',
+    data: [],
+  },
+  notImported: {
+    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..369cc45a0
--- /dev/null
+++ b/apps/mobile/src/features/Signers/hooks/useSignersGroupService.ts
@@ -0,0 +1,37 @@
+import { useMemo } from 'react'
+
+import { useSafesGetSafeV1Query } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+import { useAppSelector } from '@/src/store/hooks'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+
+import { groupedSigners } from '../constants'
+import { selectSigners } from '@/src/store/signersSlice'
+
+export const useSignersGroupService = () => {
+  const activeSafe = useAppSelector(selectActiveSafe)
+  const appSigners = useAppSelector(selectSigners)
+  const { data, isFetching } = useSafesGetSafeV1Query({
+    safeAddress: activeSafe.address,
+    chainId: activeSafe.chainId,
+  })
+
+  const group = useMemo(() => {
+    const sections =
+      data?.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)),
+      ) || {}
+
+    return sections
+  }, [data?.owners, appSigners])
+
+  return { group, isFetching }
+}
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/TxHistory/TxHistory.container.tsx b/apps/mobile/src/features/TxHistory/TxHistory.container.tsx
new file mode 100644
index 000000000..1adb86a82
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/TxHistory.container.tsx
@@ -0,0 +1,38 @@
+import React, { useEffect, useState } from 'react'
+import { useSelector } from 'react-redux'
+import { safelyDecodeURIComponent } from 'expo-router/build/fork/getStateFromPath-forks'
+
+import { useGetTxsHistoryQuery } from '@safe-global/store/gateway'
+import type { TransactionItemPage } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { TxHistoryList } from '@/src/features/TxHistory/components/TxHistoryList'
+
+export function TxHistoryContainer() {
+  const [pageUrl, setPageUrl] = useState<string>()
+  const [list, setList] = useState<TransactionItemPage['results']>([])
+  const activeSafe = useSelector(selectActiveSafe)
+  const { data, refetch, isFetching, isUninitialized } = useGetTxsHistoryQuery({
+    chainId: activeSafe.chainId,
+    safeAddress: activeSafe.address,
+    cursor: pageUrl && safelyDecodeURIComponent(pageUrl?.split('cursor=')[1]),
+  })
+
+  useEffect(() => {
+    if (!data?.results) {
+      return
+    }
+
+    setList((prev) => [...prev, ...data.results])
+  }, [data])
+
+  const onEndReached = () => {
+    if (!data?.next) {
+      return
+    }
+
+    setPageUrl(data.next)
+    refetch()
+  }
+
+  return <TxHistoryList transactions={list} onEndReached={onEndReached} isLoading={isFetching || isUninitialized} />
+}
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..9bbb500dd
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/components/TxHistoryList/TxHistoryList.tsx
@@ -0,0 +1,36 @@
+import { Spinner } from 'tamagui'
+import React, { useMemo } from 'react'
+import { SectionList } from 'react-native'
+
+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'
+
+interface TxHistoryList {
+  transactions?: HistoryTransactionItems[]
+  onEndReached: (info: { distanceFromEnd: number }) => void
+  isLoading?: boolean
+}
+
+export function TxHistoryList({ transactions, onEndReached, isLoading }: TxHistoryList) {
+  const groupedList: GroupedTxsWithTitle<TransactionItem>[] = useMemo(() => {
+    return groupTxsByDate(transactions || [])
+  }, [transactions])
+
+  return (
+    <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}
+      contentContainerStyle={{ paddingHorizontal: 16 }}
+      ListFooterComponent={isLoading ? <Spinner size="small" color="$color" /> : undefined}
+      renderSectionHeader={({ section: { title } }) => <SafeListItem.Header title={title} />}
+    />
+  )
+}
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/index.tsx b/apps/mobile/src/features/TxHistory/index.tsx
new file mode 100644
index 000000000..be8a9b547
--- /dev/null
+++ b/apps/mobile/src/features/TxHistory/index.tsx
@@ -0,0 +1,2 @@
+import { TxHistoryContainer } from './TxHistory.container'
+export { TxHistoryContainer }
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/useCopyAndDispatchToast/index.ts b/apps/mobile/src/hooks/useCopyAndDispatchToast/index.ts
new file mode 100644
index 000000000..1d3f365a7
--- /dev/null
+++ b/apps/mobile/src/hooks/useCopyAndDispatchToast/index.ts
@@ -0,0 +1,13 @@
+import { useToastController } from '@tamagui/toast'
+import Clipboard from '@react-native-clipboard/clipboard'
+
+export const useCopyAndDispatchToast = () => {
+  const toast = useToastController()
+  return (value: string) => {
+    Clipboard.setString(value)
+    toast.show('Address copied.', {
+      native: false,
+      duration: 2000,
+    })
+  }
+}
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/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..fc2290b3e
--- /dev/null
+++ b/apps/mobile/src/hooks/useInfiniteScroll/useInfiniteScroll.ts
@@ -0,0 +1,39 @@
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { useCallback, useEffect, useState } from 'react'
+import { useSelector } from 'react-redux'
+
+type TUseInfiniteScrollData<J> = { results: J[]; 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<J[]>([])
+
+  useEffect(() => {
+    setList([])
+  }, [activeSafe])
+
+  useEffect(() => {
+    if (!data?.results) {
+      return
+    }
+
+    setList((prev) => (prev ? [...prev, ...data.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/useNotifications.ts b/apps/mobile/src/hooks/useNotifications.ts
new file mode 100644
index 000000000..0ea029e9b
--- /dev/null
+++ b/apps/mobile/src/hooks/useNotifications.ts
@@ -0,0 +1,64 @@
+import { useCallback } from 'react'
+import FCMService from '@/src/services/notifications/FCMService'
+import { useAppSelector, useAppDispatch } from '@/src/store/hooks'
+import {
+  selectAppNotificationStatus,
+  selectFCMToken,
+  selectPromptAttempts,
+  selectRemoteMessages,
+  updatePromptAttempts,
+} from '@/src/store/notificationsSlice'
+import NotificationsService from '@/src/services/notifications/NotificationService'
+import { FirebaseMessagingTypes } from '@react-native-firebase/messaging'
+import Logger from '@/src/utils/logger'
+
+interface NotificationsProps {
+  isAppNotificationEnabled: boolean
+  fcmToken: string | null
+  remoteMessages: FirebaseMessagingTypes.RemoteMessage[]
+  enableNotifications: () => void
+  promptAttempts: number
+}
+
+const useNotifications = (): NotificationsProps => {
+  const dispatch = useAppDispatch()
+  const isAppNotificationEnabled = useAppSelector(selectAppNotificationStatus)
+  const fcmToken = useAppSelector(selectFCMToken)
+  const remoteMessages = useAppSelector(selectRemoteMessages)
+  const promptAttempts = useAppSelector(selectPromptAttempts)
+
+  const enableNotifications = useCallback(() => {
+    const checkNotifications = async () => {
+      const isDeviceNotificationEnabled = await NotificationsService.isDeviceNotificationEnabled()
+      if (!isDeviceNotificationEnabled) {
+        dispatch(updatePromptAttempts(1))
+
+        const { permission } = await NotificationsService.getAllPermissions()
+
+        if (permission !== 'authorized') {
+          return
+        }
+      }
+
+      try {
+        // Firebase Cloud Messaging
+        await FCMService.registerAppWithFCM()
+        await FCMService.saveFCMToken()
+        FCMService.listenForMessagesBackground()
+      } catch (error) {
+        Logger.error('FCM Registration or Token Save failed', error)
+        return
+      }
+
+      return () => {
+        FCMService.listenForMessagesForeground()()
+      }
+    }
+
+    checkNotifications()
+  }, [isAppNotificationEnabled])
+
+  return { enableNotifications, promptAttempts, isAppNotificationEnabled, fcmToken, remoteMessages }
+}
+
+export default useNotifications
diff --git a/apps/mobile/src/hooks/usePendingTxs/index.ts b/apps/mobile/src/hooks/usePendingTxs/index.ts
new file mode 100644
index 000000000..16ac8c0d7
--- /dev/null
+++ b/apps/mobile/src/hooks/usePendingTxs/index.ts
@@ -0,0 +1,50 @@
+import { useGetPendingTxsQuery } from '@safe-global/store/gateway'
+import { useMemo, useState } from 'react'
+import { useSelector } from 'react-redux'
+import {
+  ConflictHeaderQueuedItem,
+  LabelQueuedItem,
+  QueuedItemPage,
+  TransactionQueuedItem,
+} from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+import { groupPendingTxs } from '@/src/features/PendingTx/utils'
+import { selectActiveSafe } from '@/src/store/activeSafeSlice'
+import { safelyDecodeURIComponent } from 'expo-router/build/fork/getStateFromPath-forks'
+import { useInfiniteScroll } from '../useInfiniteScroll'
+
+const usePendingTxs = () => {
+  const activeSafe = useSelector(selectActiveSafe)
+  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,
+    },
+  )
+  const { list, onEndReached: fetchMoreTx } = useInfiniteScroll<
+    QueuedItemPage,
+    ConflictHeaderQueuedItem | LabelQueuedItem | TransactionQueuedItem
+  >({
+    refetch,
+    setPageUrl,
+    data,
+  })
+
+  const pendingTxs = useMemo(() => groupPendingTxs(list || []), [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/useSign/index.ts b/apps/mobile/src/hooks/useSign/index.ts
new file mode 100644
index 000000000..26d610020
--- /dev/null
+++ b/apps/mobile/src/hooks/useSign/index.ts
@@ -0,0 +1 @@
+export { useSign } 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..342f5bea8
--- /dev/null
+++ b/apps/mobile/src/hooks/useSign/useSign.test.ts
@@ -0,0 +1,65 @@
+import { act, renderHook } from '@/src/tests/test-utils'
+import { asymmetricKey, keychainGenericPassword, useSign } from './useSign'
+import { HDNodeWallet, Wallet } from 'ethers'
+import * as Keychain from 'react-native-keychain'
+import DeviceCrypto from 'react-native-device-crypto'
+
+describe('useSign', () => {
+  it('should store the private key given a private key', async () => {
+    const { result } = renderHook(() => useSign())
+    const { privateKey } = Wallet.createRandom()
+    const spy = jest.spyOn(Keychain, 'setGenericPassword')
+    const asymmetricKeySpy = jest.spyOn(DeviceCrypto, 'getOrCreateAsymmetricKey')
+    const encryptSpy = jest.spyOn(DeviceCrypto, 'encrypt')
+
+    await act(async () => {
+      await result.current.storePrivateKey(privateKey)
+    })
+
+    expect(asymmetricKeySpy).toHaveBeenCalledWith(asymmetricKey, { accessLevel: 2, invalidateOnNewBiometry: true })
+    expect(encryptSpy).toHaveBeenCalledWith(asymmetricKey, privateKey, {
+      biometryTitle: 'Authenticate',
+      biometrySubTitle: 'Saving key',
+      biometryDescription: 'Please authenticate yourself',
+    })
+    expect(spy).toHaveBeenCalledWith(
+      keychainGenericPassword,
+      JSON.stringify({ encryptyedPassword: 'encryptedText', iv: `${privateKey}000` }),
+    )
+  })
+
+  it('should decrypt and get the stored private key after it is encrypted', async () => {
+    const { result } = renderHook(() => useSign())
+    const { privateKey } = Wallet.createRandom()
+    const spy = jest.spyOn(Keychain, 'setGenericPassword')
+    let returnedKey = null
+
+    // To generate the iv and wait till the hook re-renders
+    await act(async () => {
+      await result.current.storePrivateKey(privateKey)
+    })
+
+    await act(async () => {
+      returnedKey = await result.current.getPrivateKey()
+    })
+
+    expect(spy).toHaveBeenCalledWith(
+      'safeuser',
+      JSON.stringify({ encryptyedPassword: 'encryptedText', iv: `${privateKey}000` }),
+    )
+    expect(returnedKey).toBe(privateKey)
+  })
+
+  it('should import a wallet when given a mnemonic phrase', async () => {
+    const { result } = renderHook(() => useSign())
+    const { mnemonic, privateKey } = Wallet.createRandom()
+
+    // To generate the iv and wait till the hook re-renders
+    await act(async () => {
+      const wallet = await result.current.createMnemonicAccount(mnemonic?.phrase as string)
+
+      expect(wallet).toBeInstanceOf(HDNodeWallet)
+      expect(wallet?.privateKey).toBe(privateKey)
+    })
+  })
+})
diff --git a/apps/mobile/src/hooks/useSign/useSign.ts b/apps/mobile/src/hooks/useSign/useSign.ts
new file mode 100644
index 000000000..a6030bf6d
--- /dev/null
+++ b/apps/mobile/src/hooks/useSign/useSign.ts
@@ -0,0 +1,76 @@
+import DeviceCrypto from 'react-native-device-crypto'
+import * as Keychain from 'react-native-keychain'
+import DeviceInfo from 'react-native-device-info'
+import { Wallet } from 'ethers'
+
+export const asymmetricKey = 'safe'
+export const keychainGenericPassword = 'safeuser'
+
+export function useSign() {
+  // TODO: move it to a global context or reduce
+  const storePrivateKey = async (privateKey: string) => {
+    try {
+      const isEmulator = await DeviceInfo.isEmulator()
+
+      await DeviceCrypto.getOrCreateAsymmetricKey(asymmetricKey, {
+        accessLevel: isEmulator ? 1 : 2,
+        invalidateOnNewBiometry: true,
+      })
+
+      const encryptyedPrivateKey = await DeviceCrypto.encrypt(asymmetricKey, privateKey, {
+        biometryTitle: 'Authenticate',
+        biometrySubTitle: 'Saving key',
+        biometryDescription: 'Please authenticate yourself',
+      })
+
+      await Keychain.setGenericPassword(
+        keychainGenericPassword,
+        JSON.stringify({
+          encryptyedPassword: encryptyedPrivateKey.encryptedText,
+          iv: encryptyedPrivateKey.iv,
+        }),
+      )
+    } catch (err) {
+      console.log(err)
+    }
+  }
+
+  const getPrivateKey = async () => {
+    try {
+      const user = await Keychain.getGenericPassword()
+
+      if (!user) {
+        throw 'user password not found'
+      }
+
+      const { encryptyedPassword, iv } = JSON.parse(user.password)
+      const decryptedKey = await DeviceCrypto.decrypt(asymmetricKey, encryptyedPassword, iv, {
+        biometryTitle: 'Authenticate',
+        biometrySubTitle: 'Signing',
+        biometryDescription: 'Authenticate yourself to sign the text',
+      })
+
+      return decryptedKey
+    } catch (err) {
+      console.log(err)
+    }
+  }
+
+  const createMnemonicAccount = async (mnemonic: string) => {
+    try {
+      if (!mnemonic) {
+        return
+      }
+
+      return Wallet.fromPhrase(mnemonic)
+    } catch (err) {
+      console.log(err)
+    }
+  }
+
+  return {
+    storePrivateKey,
+    getPrivateKey,
+    createMnemonicAccount,
+  }
+}
diff --git a/apps/mobile/src/hooks/useTransactionType/index.tsx b/apps/mobile/src/hooks/useTransactionType/index.tsx
new file mode 100644
index 000000000..f7d39b775
--- /dev/null
+++ b/apps/mobile/src/hooks/useTransactionType/index.tsx
@@ -0,0 +1,156 @@
+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
+    }
+  }
+}
+
+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 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/navigation/useScrollableHeader.tsx b/apps/mobile/src/navigation/useScrollableHeader.tsx
new file mode 100644
index 000000000..9df2b0546
--- /dev/null
+++ b/apps/mobile/src/navigation/useScrollableHeader.tsx
@@ -0,0 +1,50 @@
+// useScrollableHeader.ts
+import { useEffect } from 'react'
+import { NativeSyntheticEvent, NativeScrollEvent } from 'react-native'
+import { useNavigation } from 'expo-router'
+import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated'
+
+interface UseScrollableHeaderProps {
+  children: React.ReactNode
+  scrollYThreshold?: number // Default threshold for opacity change
+}
+
+/**
+ * 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, scrollYThreshold = 37 }: UseScrollableHeaderProps) => {
+  const navigation = useNavigation()
+  const opacity = useSharedValue(0)
+
+  // Update navigation header title dynamically
+  useEffect(() => {
+    navigation.setOptions({
+      headerTitle: () => (
+        <Animated.View style={[{ 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 : 0
+  }
+
+  return {
+    handleScroll,
+  }
+}
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/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/notifications/FCMService.ts b/apps/mobile/src/services/notifications/FCMService.ts
new file mode 100644
index 000000000..00bcf4ddc
--- /dev/null
+++ b/apps/mobile/src/services/notifications/FCMService.ts
@@ -0,0 +1,67 @@
+import messaging, { FirebaseMessagingTypes } from '@react-native-firebase/messaging'
+import Logger from '@/src/utils/logger'
+import NotificationsService from './NotificationService'
+import { ChannelId } from '@/src/utils/notifications'
+import { store } from '@/src/store'
+import { savePushToken } from '@/src/store/notificationsSlice'
+
+type UnsubscribeFunc = () => void
+
+class FCMService {
+  async getFCMToken(): Promise<string | undefined> {
+    const { fcmToken } = store.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 messaging().getToken()
+      if (fcmToken) {
+        store.dispatch(savePushToken(fcmToken))
+      }
+    } catch (error) {
+      Logger.info('FCMService :: error saving', error)
+    }
+  }
+
+  listenForMessagesForeground = (): UnsubscribeFunc =>
+    messaging().onMessage(async (remoteMessage: FirebaseMessagingTypes.RemoteMessage) => {
+      NotificationsService.displayNotification({
+        channelId: ChannelId.DEFAULT_NOTIFICATION_CHANNEL_ID,
+        title: remoteMessage.notification?.title || '',
+        body: remoteMessage.notification?.body || '',
+        data: remoteMessage.data,
+      })
+      Logger.trace('listenForMessagesForeground: listening for messages in Foreground', remoteMessage)
+    })
+
+  listenForMessagesBackground = (): void => {
+    messaging().setBackgroundMessageHandler(async (remoteMessage: FirebaseMessagingTypes.RemoteMessage) => {
+      NotificationsService.displayNotification({
+        channelId: ChannelId.DEFAULT_NOTIFICATION_CHANNEL_ID,
+        title: remoteMessage.notification?.title || '',
+        body: remoteMessage.notification?.body || '',
+        data: remoteMessage.data,
+      })
+      Logger.trace('listenForMessagesBackground :: listening for messages in background', remoteMessage)
+    })
+  }
+
+  async registerAppWithFCM(): Promise<void> {
+    if (!messaging().registerDeviceForRemoteMessages) {
+      await messaging()
+        .registerDeviceForRemoteMessages()
+        .then((status: unknown) => {
+          Logger.info('registerDeviceForRemoteMessages status', status)
+        })
+        .catch((error) => {
+          Logger.error('registerAppWithFCM: Something went wrong', error)
+        })
+    }
+  }
+}
+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..317ab6c5b
--- /dev/null
+++ b/apps/mobile/src/services/notifications/NotificationService.ts
@@ -0,0 +1,285 @@
+import notifee, {
+  AuthorizationStatus,
+  Event as NotifeeEvent,
+  EventType,
+  EventDetail,
+  AndroidChannel,
+} from '@notifee/react-native'
+import { Linking, Platform, Alert as NativeAlert } from 'react-native'
+import { store } from '@/src/store'
+import { updatePromptAttempts, updateLastTimePromptAttempted } from '@/src/store/notificationsSlice'
+import { toggleAppNotifications, toggleDeviceNotifications } from '@/src/store/notificationsSlice'
+
+import { HandleNotificationCallback, LAUNCH_ACTIVITY, PressActionId } from '@/src/store/constants'
+
+import { ChannelId, notificationChannels, withTimeout } from '@/src/utils/notifications'
+import Logger from '@/src/utils/logger'
+
+import { FirebaseMessagingTypes } from '@react-native-firebase/messaging'
+import { router } from 'expo-router'
+
+interface AlertButton {
+  text: string
+  onPress: () => void | Promise<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>()
+    }
+  }
+
+  async getAllPermissions(shouldOpenSettings = true) {
+    try {
+      const promises: Promise<string>[] = notificationChannels.map((channel: AndroidChannel) =>
+        withTimeout(this.createChannel(channel), 5000),
+      )
+      // 1 - Creates android's notifications channel
+      await Promise.allSettled(promises)
+      // 2 - Verifies granted permission from device
+      let permission = await withTimeout(this.checkCurrentPermissions(), 5000)
+      // 3 - Verifies blocked notifications
+      const blockedNotifications = await withTimeout(this.getBlockedNotifications(), 5000)
+      /**
+       * 4 - If permission has not being granted already or blocked notifications are found, open device's settings
+       * so that user can enable DEVICE notifications
+       **/
+      if ((permission !== 'authorized' || blockedNotifications.size !== 0) && shouldOpenSettings) {
+        await this.requestPushNotificationsPermission()
+        permission = await withTimeout(this.checkCurrentPermissions(), 5000)
+      }
+      return { permission, blockedNotifications }
+    } catch (error) {
+      Logger.error('Error occurred while fetching permissions:', error)
+
+      return { permission: 'denied', blockedNotifications: new Set() }
+    }
+  }
+
+  async isDeviceNotificationEnabled() {
+    const permission = await notifee.getNotificationSettings()
+
+    const isAuthorized =
+      permission.authorizationStatus === AuthorizationStatus.AUTHORIZED ||
+      permission.authorizationStatus === AuthorizationStatus.PROVISIONAL
+
+    return isAuthorized
+  }
+
+  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
+         */
+        store.dispatch(updatePromptAttempts(1))
+        store.dispatch(updateLastTimePromptAttempted(Date.now()))
+        router.navigate('/(tabs)')
+
+        resolve(false)
+      },
+    },
+    {
+      text: 'Turn on',
+      onPress: async () => {
+        store.dispatch(toggleDeviceNotifications(true))
+        store.dispatch(toggleAppNotifications(true))
+        store.dispatch(updatePromptAttempts(0))
+        store.dispatch(updateLastTimePromptAttempted(0))
+
+        await notifee.requestPermission()
+        this.openSystemSettings()
+        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)
+    }
+  }
+
+  openSystemSettings() {
+    if (Platform.OS === 'ios') {
+      Linking.openSettings()
+    } else {
+      notifee.openNotificationSettings()
+    }
+  }
+
+  async checkCurrentPermissions() {
+    const settings = await notifee.getNotificationSettings()
+    return settings.authorizationStatus === AuthorizationStatus.AUTHORIZED ||
+      settings.authorizationStatus === AuthorizationStatus.PROVISIONAL
+      ? 'authorized'
+      : 'denied'
+  }
+
+  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) {
+    return await notifee.incrementBadgeCount(incrementBy)
+  }
+
+  async decrementBadgeCount(decrementBy?: number) {
+    return await notifee.decrementBadgeCount(decrementBy)
+  }
+
+  async setBadgeCount(count: number) {
+    return await notifee.setBadgeCount(count)
+  }
+
+  async getBadgeCount() {
+    return await notifee.getBadgeCount()
+  }
+
+  async handleNotificationPress({
+    detail,
+    callback,
+  }: {
+    detail: EventDetail
+    callback?: (remoteMessage: FirebaseMessagingTypes.RemoteMessage) => void
+  }) {
+    this.decrementBadgeCount(1)
+    if (detail?.notification?.id) {
+      await this.cancelTriggerNotification(detail.notification.id)
+    }
+
+    if (detail?.notification?.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: {
+          smallIcon: 'ic_notification_small',
+          largeIcon: 'ic_notification',
+          channelId: channelId ?? ChannelId.DEFAULT_NOTIFICATION_CHANNEL_ID,
+          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.error('NotificationService.displayNotification :: error', error)
+    }
+  }
+}
+
+export default new NotificationsService()
diff --git a/apps/mobile/src/store/activeSafeSlice.ts b/apps/mobile/src/store/activeSafeSlice.ts
new file mode 100644
index 000000000..6a1bc19cb
--- /dev/null
+++ b/apps/mobile/src/store/activeSafeSlice.ts
@@ -0,0 +1,34 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+import { mockedActiveAccount } from './constants'
+import { SafeInfo } from '../types/address'
+
+const initialState: SafeInfo = {
+  address: mockedActiveAccount.address,
+  chainId: mockedActiveAccount.chainId,
+}
+
+const activeSafeSlice = createSlice({
+  name: 'activeSafe',
+  initialState,
+  reducers: {
+    setActiveSafe: (state, action: PayloadAction<SafeInfo>) => {
+      return action.payload
+    },
+    clearActiveSafe: () => {
+      return initialState
+    },
+    switchActiveChain: (state, action: PayloadAction<{ chainId: string }>) => {
+      return {
+        ...state,
+        chainId: action.payload.chainId,
+      }
+    },
+  },
+})
+
+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/chains/index.ts b/apps/mobile/src/store/chains/index.ts
new file mode 100644
index 000000000..f123ccc14
--- /dev/null
+++ b/apps/mobile/src/store/chains/index.ts
@@ -0,0 +1,37 @@
+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 selectAllChainsIds = createSelector([selectAllChains], (chains: Chain[]) =>
+  chains.map((chain) => chain.chainId),
+)
+export const selectActiveChainCurrency = createSelector(
+  [selectActiveSafe, (state: RootState) => state],
+  (activeSafe, state) => {
+    const chain = selectChainById(state, activeSafe.chainId)
+    return chain?.nativeCurrency
+  },
+)
+
+export const getChainsByIds = createSelector(
+  [
+    // Pass the root state and chainIds array as dependencies
+    (state: RootState) => state,
+    (_state: RootState, chainIds: string[]) => chainIds,
+  ],
+  (state, chainIds) => chainIds.map((chainId) => selectById(state, chainId)),
+)
+
+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..aa705b94d
--- /dev/null
+++ b/apps/mobile/src/store/constants.ts
@@ -0,0 +1,345 @@
+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,
+  },
+]
+
+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',
+}
+
+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:
+      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',
+}
+
+export const LAUNCH_ACTIVITY = 'global.safe.mobileapp.ui.MainActivity'
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..0535bf24a
--- /dev/null
+++ b/apps/mobile/src/store/index.ts
@@ -0,0 +1,57 @@
+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 signers from './signersSlice'
+import myAccounts from './myAccountsSlice'
+import notifications from './notificationsSlice'
+import safes from './safesSlice'
+import { cgwClient, setBaseUrl } from '@safe-global/store/gateway/cgwClient'
+import devToolsEnhancer from 'redux-devtools-expo-dev-plugin'
+import { GATEWAY_URL, isTestingEnv } from '../config/constants'
+
+setBaseUrl(GATEWAY_URL)
+const persistConfig = {
+  key: 'root',
+  version: 1,
+  storage: reduxStorage,
+  blacklist: [cgwClient.reducerPath, 'myAccounts'],
+}
+export const rootReducer = combineReducers({
+  txHistory,
+  safes,
+  activeSafe,
+  notifications,
+  myAccounts,
+  signers,
+  [cgwClient.reducerPath]: cgwClient.reducer,
+})
+
+const persistedReducer = persistReducer(persistConfig, rootReducer)
+
+export const makeStore = () =>
+  configureStore({
+    reducer: persistedReducer,
+    devTools: false,
+    middleware: (getDefaultMiddleware) =>
+      getDefaultMiddleware({
+        serializableCheck: {
+          ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
+        },
+      }).concat(cgwClient.middleware),
+    enhancers: (getDefaultEnhancers) => {
+      if (isTestingEnv) {
+        return getDefaultEnhancers()
+      }
+
+      return getDefaultEnhancers().concat(devToolsEnhancer())
+    },
+  })
+
+export const store = makeStore()
+
+export const persistor = persistStore(store)
+
+export type RootState = ReturnType<typeof store.getState>
+export type AppDispatch = typeof store.dispatch
diff --git a/apps/mobile/src/store/myAccountsSlice.ts b/apps/mobile/src/store/myAccountsSlice.ts
new file mode 100644
index 000000000..53de4ffa0
--- /dev/null
+++ b/apps/mobile/src/store/myAccountsSlice.ts
@@ -0,0 +1,22 @@
+import { createSlice } from '@reduxjs/toolkit'
+import { RootState } from '.'
+
+const initialState = {
+  isEdit: false,
+}
+
+const myAccountsSlice = createSlice({
+  name: 'myAccounts',
+  initialState,
+  reducers: {
+    toggleMode: (state) => {
+      state.isEdit = !state.isEdit
+    },
+  },
+})
+
+export const { toggleMode } = 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..b9564ea0b
--- /dev/null
+++ b/apps/mobile/src/store/notificationsSlice.ts
@@ -0,0 +1,57 @@
+import { createSlice } from '@reduxjs/toolkit'
+import { RootState } from '.'
+
+const initialState = {
+  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/safesSlice.ts b/apps/mobile/src/store/safesSlice.ts
new file mode 100644
index 000000000..4e62999aa
--- /dev/null
+++ b/apps/mobile/src/store/safesSlice.ts
@@ -0,0 +1,61 @@
+import { createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { RootState } from '.'
+import { mockedAccounts, mockedActiveAccount, mockedActiveSafeInfo } from './constants'
+import { Address } from '@/src/types/address'
+import { SafeOverview } from '@safe-global/store/gateway/AUTO_GENERATED/safes'
+
+export type SafesSliceItem = {
+  SafeInfo: SafeOverview
+  chains: string[]
+}
+
+export type SafesSlice = Record<Address, SafesSliceItem>
+
+const initialState: SafesSlice = {
+  [mockedActiveAccount.address]: {
+    SafeInfo: mockedActiveSafeInfo,
+    chains: [mockedActiveAccount.chainId],
+  },
+  [mockedAccounts[1].address.value]: {
+    SafeInfo: mockedAccounts[1],
+    chains: [mockedAccounts[1].chainId],
+  },
+  [mockedAccounts[2].address.value]: {
+    SafeInfo: mockedAccounts[2],
+    chains: [mockedAccounts[2].chainId],
+  },
+  [mockedAccounts[3].address.value]: {
+    SafeInfo: mockedAccounts[3],
+    chains: [mockedAccounts[3].chainId],
+  },
+}
+
+const activeSafeSlice = createSlice({
+  name: 'safes',
+  initialState,
+  reducers: {
+    updateSafeInfo: (state, action: PayloadAction<{ address: Address; item: SafesSliceItem }>) => {
+      state[action.payload.address] = action.payload.item
+      return state
+    },
+    setSafes: (_state, action: PayloadAction<Record<Address, SafesSliceItem>>) => {
+      return action.payload
+    },
+    removeSafe: (state, action: PayloadAction<Address>) => {
+      const filteredSafes = Object.values(state).filter((safe) => safe.SafeInfo.address.value !== action.payload)
+      const newState = filteredSafes.reduce((acc, safe) => ({ ...acc, [safe.SafeInfo.address.value]: safe }), {})
+
+      return newState
+    },
+  },
+})
+
+export const { updateSafeInfo, setSafes, removeSafe } = activeSafeSlice.actions
+
+export const selectAllSafes = (state: RootState) => state.safes
+export const selectSafeInfo = createSelector(
+  [selectAllSafes, (_state, activeSafeAddress: Address) => activeSafeAddress],
+  (safes: SafesSlice, activeSafeAddress: Address) => safes[activeSafeAddress],
+)
+
+export default activeSafeSlice.reducer
diff --git a/apps/mobile/src/store/signersSlice.ts b/apps/mobile/src/store/signersSlice.ts
new file mode 100644
index 000000000..f3a6e316d
--- /dev/null
+++ b/apps/mobile/src/store/signersSlice.ts
@@ -0,0 +1,24 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { AddressInfo } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+import { RootState } from '.'
+
+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
+    },
+  },
+})
+
+export const { addSigner } = signersSlice.actions
+
+export const selectSigners = (state: RootState) => state.signers
+
+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/tests/jest.setup.tsx b/apps/mobile/src/tests/jest.setup.tsx
new file mode 100644
index 000000000..6fb4a0556
--- /dev/null
+++ b/apps/mobile/src/tests/jest.setup.tsx
@@ -0,0 +1,193 @@
+import React from 'react'
+
+import '@testing-library/react-native/extend-expect'
+import mockRNDeviceInfo from 'react-native-device-info/jest/react-native-device-info-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('react-native-mmkv', () => ({
+  MMKV: function () {
+    // @ts-ignore
+    this.getString = jest.fn()
+    // @ts-ignore
+    this.delete = jest.fn()
+    // @ts-ignore
+    this.set = jest.fn()
+  },
+}))
+
+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)
+    }),
+  }
+})
+
+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((config, 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,
+    },
+  }
+})
+
+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(),
+}))
+
+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..7a3aa4201
--- /dev/null
+++ b/apps/mobile/src/tests/mocks.ts
@@ -0,0 +1,265 @@
+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',
+  executedSurplusFee: '',
+  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
+}
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..806c6bc1d
--- /dev/null
+++ b/apps/mobile/src/tests/test-utils.tsx
@@ -0,0 +1,62 @@
+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'
+
+export type RootState = ReturnType<typeof rootReducer>
+type getProvidersArgs = (initialStoreState?: Partial<RootState>) => React.FC<{ children: React.ReactNode }>
+
+const getProviders: getProvidersArgs = (initialStoreState) =>
+  function ProviderComponent({ children }: { children: React.ReactNode }) {
+    const store = initialStoreState
+      ? configureStore({
+          reducer: rootReducer,
+          preloadedState: initialStoreState,
+        })
+      : 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) {
+  const wrapper = getProviders()
+
+  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/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/navigation.ts b/apps/mobile/src/theme/navigation.ts
new file mode 100644
index 000000000..b24f8944e
--- /dev/null
+++ b/apps/mobile/src/theme/navigation.ts
@@ -0,0 +1,28 @@
+import { getTokenValue } from 'tamagui'
+import type { Theme } from '@react-navigation/native/src/types'
+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.backgroundMainDark'),
+    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.backgroundMainLight'),
+    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..565d44ec9
--- /dev/null
+++ b/apps/mobile/src/theme/palettes/darkPalette.ts
@@ -0,0 +1,74 @@
+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: '#411C20',
+    main: '#FF5F72',
+    light: '#FFB4BD',
+    background: '#2F2527',
+  },
+  error1: {
+    main: '#49191F',
+    contrastText: '#FF5F72',
+  },
+  success: {
+    dark: '#1D3D28',
+    main: '#00B460',
+    light: '#81C784',
+    background: '#1F2920',
+  },
+  info: {
+    dark: '#52BFDC',
+    main: '#5FDDFF',
+    light: '#B7F0FF',
+    background: '#19252C',
+  },
+  warning: {
+    dark: '#432F18',
+    main: '#FF8061',
+    light: '#FFBC9F',
+    background: '#2F2318',
+  },
+  warning1: {
+    main: '#322211',
+    contrastText: '#FF8C00',
+  },
+  background: {
+    default: '#121312',
+    main: '#121312',
+    paper: '#1C1C1C',
+    light: '#1B2A22',
+    skeleton: 'rgba(255, 255, 255, 0.04)',
+  },
+  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..a8f1140c6
--- /dev/null
+++ b/apps/mobile/src/theme/palettes/lightPalette.ts
@@ -0,0 +1,74 @@
+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: '#411C20',
+    main: '#FF5F72',
+    light: '#FFB4BD',
+    background: '#FFE6EA',
+  },
+  error1: {
+    main: '#49191F',
+    contrastText: '#FF5F72',
+  },
+  success: {
+    dark: '#2D3D28',
+    main: '#00B460',
+    light: '#72F5B8',
+    background: '#EFFAF1',
+  },
+  info: {
+    dark: '#553B1E',
+    main: '#5FDDFF',
+    light: '#B7F0FF',
+    background: '#EFFCFF',
+  },
+  warning: {
+    dark: '#C04C32',
+    main: '#FF8061',
+    light: '#FFBC9F',
+    background: '#FFF1E0',
+  },
+  warning1: {
+    main: '#fff0e0',
+    contrastText: '#FF8C00',
+  },
+  background: {
+    default: '#FFFFFF',
+    main: '#FFFFFF',
+    paper: '#F4F4F4',
+    light: '#EFFFF4',
+    skeleton: 'rgba(255, 255, 255, 0.04)',
+  },
+  backdrop: {
+    main: '#636669',
+  },
+  logo: {
+    main: '#121312',
+    background: '#EEEFF0',
+  },
+  static: {
+    main: '#121312',
+  },
+}
+
+export default lightPalette
diff --git a/apps/mobile/src/theme/provider/font.tsx b/apps/mobile/src/theme/provider/font.tsx
new file mode 100644
index 000000000..20210d7c4
--- /dev/null
+++ b/apps/mobile/src/theme/provider/font.tsx
@@ -0,0 +1,38 @@
+import React, { useEffect } 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 * as SplashScreen from 'expo-splash-screen'
+
+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,
+  })
+
+  useEffect(() => {
+    if (loaded) {
+      SplashScreen.hideAsync()
+    }
+  }, [loaded])
+
+  if (!loaded) {
+    return null
+  }
+
+  return children
+}
diff --git a/apps/mobile/src/theme/provider/safeTheme.tsx b/apps/mobile/src/theme/provider/safeTheme.tsx
new file mode 100644
index 000000000..7340b83e6
--- /dev/null
+++ b/apps/mobile/src/theme/provider/safeTheme.tsx
@@ -0,0 +1,39 @@
+import React from 'react'
+import { StatusBar, useColorScheme } from 'react-native'
+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'
+
+interface SafeThemeProviderProps {
+  children: React.ReactNode
+}
+
+export const SafeThemeProvider = ({ children }: SafeThemeProviderProps) => {
+  const colorScheme = useColorScheme()
+
+  const themeProvider = isStorybookEnv ? (
+    <View
+      backgroundColor={colorScheme === 'dark' ? NavDarkTheme.colors.background : NavLightTheme.colors.background}
+      style={{ flex: 1 }}
+    >
+      {children}
+    </View>
+  ) : (
+    <ThemeProvider value={colorScheme === 'dark' ? NavDarkTheme : NavLightTheme}>{children}</ThemeProvider>
+  )
+
+  return (
+    <FontProvider>
+      <StatusBar animated={true} barStyle="light-content" backgroundColor="transparent" translucent={true} />
+
+      <TamaguiProvider config={config} defaultTheme={colorScheme ? colorScheme : 'dark'}>
+        {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..9212b91d4
--- /dev/null
+++ b/apps/mobile/src/theme/tamagui.config.ts
@@ -0,0 +1,175 @@
+import { createTamagui } from 'tamagui'
+import { createDmSansFont } from '@tamagui/font-dm-sans'
+import { badgeTheme } from '@/src/components/Badge/theme'
+import { tokens } from '@/src/theme/tokens'
+import { createAnimations } from '@tamagui/animations-moti'
+import { inputTheme } from '../components/SafeInput/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' },
+  },
+})
+export const config = createTamagui({
+  fonts: {
+    body: DmSansFont,
+    heading: DmSansFont,
+  },
+  themes: {
+    light: {
+      background: tokens.color.backgroundMainLight,
+      backgroundPaper: tokens.color.backgroundPaperLight,
+      backgroundHover: tokens.color.backgroundLightLight,
+      backgroundPress: tokens.color.primaryLightLight,
+      backgroundFocus: tokens.color.backgroundMainLight,
+      backgroundStrong: tokens.color.primaryDarkLight,
+      backgroundTransparent: 'transparent',
+      backgroundSkeleton: tokens.color.backgroundSkeletonLight,
+      color: tokens.color.textPrimaryLight,
+      primary: tokens.color.primaryMainLight,
+      colorHover: tokens.color.textSecondaryLight,
+      colorSecondary: tokens.color.textSecondaryLight,
+      borderLight: tokens.color.borderLightLight,
+      error: tokens.color.errorMainLight,
+      errorDark: tokens.color.errorDarkDark,
+    },
+    light_label: {
+      color: tokens.color.textSecondaryLight,
+    },
+    dark_label: {
+      color: tokens.color.textSecondaryDark,
+    },
+    light_info: {
+      background: tokens.color.infoBackgroundLight,
+      color: tokens.color.infoMainLight,
+    },
+    dark_info: {
+      background: tokens.color.infoBackgroundDark,
+      color: tokens.color.infoMainDark,
+    },
+    ...badgeTheme,
+    ...inputTheme,
+    light_success: {
+      background: tokens.color.successBackgroundLight,
+      color: tokens.color.successMainLight,
+      badgeBackground: tokens.color.successDarkLight,
+      badgeTextColor: tokens.color.backgroundMainDark,
+    },
+    dark_success: {
+      background: tokens.color.successBackgroundDark,
+      color: tokens.color.successMainDark,
+      badgeBackground: tokens.color.successDarkDark,
+    },
+    dark_success_light: {},
+    light_warning: {
+      background: tokens.color.warning1MainLight,
+      color: tokens.color.warning1ContrastTextLight,
+    },
+    dark_warning: {
+      background: tokens.color.warning1MainDark,
+      color: tokens.color.warning1ContrastTextDark,
+    },
+    light_error: {
+      background: tokens.color.error1MainLight,
+      color: tokens.color.error1ContrastTextLight,
+    },
+    dark_error: {
+      background: tokens.color.error1MainDark,
+      color: tokens.color.error1ContrastTextDark,
+    },
+    light_logo: {
+      background: tokens.color.logoBackgroundLight,
+    },
+    dark_logo: {
+      background: tokens.color.logoBackgroundDark,
+    },
+    light_container: {
+      background: tokens.color.backgroundPaperLight,
+    },
+    light_safe_list: {
+      background: tokens.color.backgroundDefaultLight,
+    },
+    dark_safe_list: {
+      background: tokens.color.backgroundDefaultDark,
+    },
+    dark: {
+      background: tokens.color.backgroundDefaultDark,
+      backgroundPaper: tokens.color.backgroundPaperDark,
+      backgroundHover: tokens.color.backgroundLightDark,
+      backgroundPress: tokens.color.primaryLightDark,
+      backgroundFocus: tokens.color.backgroundMainDark,
+      backgroundStrong: tokens.color.primaryDarkDark,
+      backgroundTransparent: 'transparent',
+      backgroundSkeleton: tokens.color.backgroundSkeletonLight,
+      color: tokens.color.textPrimaryDark,
+      primary: tokens.color.primaryMainDark,
+      borderLight: tokens.color.borderLightDark,
+      colorHover: tokens.color.textSecondaryDark,
+      colorSecondary: tokens.color.textSecondaryDark,
+      error: tokens.color.errorMainDark,
+      errorDark: tokens.color.errorDarkDark,
+    },
+  },
+  tokens,
+  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..548683095
--- /dev/null
+++ b/apps/mobile/src/theme/tokens.ts
@@ -0,0 +1,41 @@
+import { createTokens } from 'tamagui'
+import { radius, 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 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,
+  },
+  zIndex,
+  radius,
+})
diff --git a/apps/mobile/src/types/address.ts b/apps/mobile/src/types/address.ts
new file mode 100644
index 000000000..2125eb77f
--- /dev/null
+++ b/apps/mobile/src/types/address.ts
@@ -0,0 +1,6 @@
+export interface SafeInfo {
+  address: Address
+  chainId: string
+}
+
+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..300a733c8
--- /dev/null
+++ b/apps/mobile/src/types/iconTypes.ts
@@ -0,0 +1,212 @@
+export type IconName =
+  | 'block'
+  | 'alert-triangle'
+  | 'alert'
+  | 'info'
+  | 'question'
+  | 'points'
+  | 'code-blocks'
+  | 'hardware'
+  | 'keystone'
+  | 'ledger'
+  | 'seed'
+  | 'key'
+  | 'dapp-logo'
+  | 'double-arrow'
+  | 'arrow-sort'
+  | 'dropdown-arrow-small'
+  | 'options-vertical'
+  | 'options-horizontal'
+  | 'check-oulined'
+  | 'check'
+  | 'check-filled'
+  | 'arrow-down-1'
+  | 'arrow-down'
+  | 'arrow-up'
+  | 'arrow-left'
+  | 'arrow-right'
+  | 'tag'
+  | 'camera'
+  | 'element-drag'
+  | 'transaction-partial-fill'
+  | 'rows-2'
+  | 'check-notifications'
+  | 'qr-code-1'
+  | 'scan-1'
+  | 'shield-crossed'
+  | 'shield'
+  | 'clock'
+  | 'update'
+  | 'repeat'
+  | 'download'
+  | 'upload'
+  | 'qr-code'
+  | 'scan'
+  | 'eye-n'
+  | 'eye-off'
+  | 'unlock'
+  | 'lock'
+  | 'replace-owner'
+  | 'edit-owner'
+  | 'add-owner'
+  | 'send-to'
+  | 'owners'
+  | 'link'
+  | 'share'
+  | 'external-link'
+  | 'export'
+  | 'paste'
+  | 'copy'
+  | 'sign'
+  | 'document'
+  | 'file'
+  | 'search'
+  | 'edit'
+  | 'delete'
+  | 'close-outlined'
+  | 'close-filled'
+  | 'close'
+  | 'plus-outlined'
+  | 'plus-filled'
+  | 'plus'
+  | 'transaction-Batch'
+  | 'blocks-1'
+  | 'rows-1'
+  | 'batch'
+  | 'filter'
+  | 'bookmark-filled'
+  | 'bookmark'
+  | 'transaction-recovery'
+  | 'transaction-change-settings'
+  | 'transaction-contract'
+  | 'transaction-execute'
+  | 'transaction-stake'
+  | 'transaction-swap'
+  | 'transaction-outgoing'
+  | 'transaction-incoming'
+  | 'mobile'
+  | 'wallet'
+  | 'appearance'
+  | 'experimental'
+  | 'desktop'
+  | 'safe'
+  | 'bell'
+  | 'lightbulb'
+  | 'what-is-new'
+  | 'blocks'
+  | 'rows'
+  | 'apps'
+  | 'address-book'
+  | 'chat'
+  | 'settings'
+  | 'transactions'
+  | 'nft'
+  | 'token'
+  | 'home'
+
+export const iconNames: IconName[] = [
+  'block',
+  'alert-triangle',
+  'alert',
+  'info',
+  'question',
+  'points',
+  'code-blocks',
+  'hardware',
+  'keystone',
+  'ledger',
+  'seed',
+  'key',
+  'dapp-logo',
+  'double-arrow',
+  'arrow-sort',
+  'dropdown-arrow-small',
+  'options-vertical',
+  'options-horizontal',
+  'check-oulined',
+  'check',
+  'check-filled',
+  'arrow-down-1',
+  'arrow-down',
+  'arrow-up',
+  'arrow-left',
+  'arrow-right',
+  'tag',
+  'camera',
+  'element-drag',
+  'transaction-partial-fill',
+  'rows-2',
+  'check-notifications',
+  'qr-code-1',
+  'scan-1',
+  'shield-crossed',
+  'shield',
+  'clock',
+  'update',
+  'repeat',
+  'download',
+  'upload',
+  'qr-code',
+  'scan',
+  'eye-n',
+  'eye-off',
+  'unlock',
+  'lock',
+  'replace-owner',
+  'edit-owner',
+  'add-owner',
+  'send-to',
+  'owners',
+  'link',
+  'share',
+  'external-link',
+  'export',
+  'paste',
+  'copy',
+  'sign',
+  'document',
+  'file',
+  'search',
+  'edit',
+  'delete',
+  'close-outlined',
+  'close-filled',
+  'close',
+  'plus-outlined',
+  'plus-filled',
+  'plus',
+  'transaction-Batch',
+  'blocks-1',
+  'rows-1',
+  'batch',
+  'filter',
+  'bookmark-filled',
+  'bookmark',
+  'transaction-recovery',
+  'transaction-change-settings',
+  'transaction-contract',
+  'transaction-execute',
+  'transaction-stake',
+  'transaction-swap',
+  'transaction-outgoing',
+  'transaction-incoming',
+  'mobile',
+  'wallet',
+  'appearance',
+  'experimental',
+  'desktop',
+  'safe',
+  'bell',
+  'lightbulb',
+  'what-is-new',
+  'blocks',
+  'rows',
+  'apps',
+  'address-book',
+  'chat',
+  'settings',
+  'transactions',
+  'nft',
+  'token',
+  'home',
+]
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/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/formatters.ts b/apps/mobile/src/utils/formatters.ts
new file mode 100644
index 000000000..86db4980a
--- /dev/null
+++ b/apps/mobile/src/utils/formatters.ts
@@ -0,0 +1,17 @@
+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)
+}
diff --git a/apps/mobile/src/utils/gateway.test.ts b/apps/mobile/src/utils/gateway.test.ts
new file mode 100644
index 000000000..80d2c7e3a
--- /dev/null
+++ b/apps/mobile/src/utils/gateway.test.ts
@@ -0,0 +1,62 @@
+import { getExplorerLink, getHashedExplorerUrl, _replaceTemplate } from './gateway'
+
+describe('gateway', () => {
+  describe('replaceTemplate', () => {
+    it('should replace template syntax with data', () => {
+      const uri = 'Hello {{this}}'
+      const data = { this: 'world' }
+
+      const result = _replaceTemplate(uri, data)
+      expect(result).toEqual('Hello world')
+    })
+    it("shouldn't replace non-template text", () => {
+      const uri = 'Hello this'
+      const data = { this: 'world' }
+
+      const result = _replaceTemplate(uri, data)
+      expect(result).toEqual('Hello this')
+    })
+  })
+
+  describe('getHashedExplorerUrl', () => {
+    it('should return a url with a transaction hash', () => {
+      const txHash = '0x4d32cc132307cde65b44162156f961ed421a84f83bb8cf3730c91f53374cc5de'
+
+      const result = getHashedExplorerUrl(txHash, {
+        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}}',
+      })
+
+      expect(result).toEqual(
+        'https://etherscan.io/tx/0x4d32cc132307cde65b44162156f961ed421a84f83bb8cf3730c91f53374cc5de',
+      )
+    })
+    it('should return a url with an address', () => {
+      const address = '0xabcdbc2ecb47642ee8cf52fd7b88fa42fbb69f98'
+
+      const result = getHashedExplorerUrl(address, {
+        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}}',
+      })
+
+      expect(result).toEqual('https://etherscan.io/address/0xabcdbc2ecb47642ee8cf52fd7b88fa42fbb69f98')
+    })
+  })
+
+  describe('getExplorerLink', () => {
+    it('should return an object with a href and title', () => {
+      const address = '0xabcdbc2ecb47642ee8cf52fd7b88fa42fbb69f98'
+
+      const { href, title } = getExplorerLink(address, {
+        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}}',
+      })
+
+      expect(href).toEqual('https://etherscan.io/address/0xabcdbc2ecb47642ee8cf52fd7b88fa42fbb69f98')
+      expect(title).toEqual('View on etherscan.io')
+    })
+  })
+})
diff --git a/apps/mobile/src/utils/gateway.ts b/apps/mobile/src/utils/gateway.ts
new file mode 100644
index 000000000..770301365
--- /dev/null
+++ b/apps/mobile/src/utils/gateway.ts
@@ -0,0 +1,28 @@
+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/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/index.ts b/apps/mobile/src/utils/notifications/index.ts
new file mode 100644
index 000000000..49bcd2f68
--- /dev/null
+++ b/apps/mobile/src/utils/notifications/index.ts
@@ -0,0 +1,38 @@
+import { AndroidChannel, AndroidImportance } from '@notifee/react-native'
+
+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,
+    title: 'Transaction',
+    subtitle: 'Transaction Complete',
+  } as SafeAndroidChannel,
+  {
+    id: ChannelId.ANNOUNCEMENT_NOTIFICATION_CHANNEL_ID,
+    name: 'Safe Announcement',
+    lights: true,
+    vibration: true,
+    importance: AndroidImportance.HIGH,
+    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])
+}
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..4733b7faa
--- /dev/null
+++ b/apps/mobile/src/utils/transaction-guards.ts
@@ -0,0 +1,156 @@
+import uniq from 'lodash/uniq'
+import {
+  type Cancellation,
+  type MultiSend,
+  ConflictType,
+  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,
+} 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 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 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
+}
+/**
+ * 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 isMultiSendTxInfo = (value: Transaction['txInfo']): value is MultiSend => {
+  return (
+    value.type === TransactionInfoType.CUSTOM &&
+    value.methodName === 'multiSend' &&
+    typeof value.actionCount === 'number'
+  )
+}
+
+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 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
+}
diff --git a/apps/mobile/src/utils/transactions.tsx b/apps/mobile/src/utils/transactions.tsx
new file mode 100644
index 000000000..87c4e487d
--- /dev/null
+++ b/apps/mobile/src/utils/transactions.tsx
@@ -0,0 +1,30 @@
+import { GroupedTxs } from '@/src/features/TxHistory/utils'
+import { Transaction } from '@safe-global/store/gateway/AUTO_GENERATED/transactions'
+
+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/tsconfig.json b/apps/mobile/tsconfig.json
new file mode 100644
index 000000000..aac0107fa
--- /dev/null
+++ b/apps/mobile/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "strict": true,
+    "paths": {
+      "@/*": ["./*"],
+      "@safe-global/store/*": ["../../packages/store/src/*"],
+      "@safe-global/test/*": ["../../config/test/*"]
+    },
+    "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/.env.example b/apps/web/.env.example
similarity index 78%
rename from .env.example
rename to apps/web/.env.example
index ab53f2b04..69e9230b3 100644
--- a/.env.example
+++ b/apps/web/.env.example
@@ -2,10 +2,16 @@
 NEXT_PUBLIC_INFURA_TOKEN=
 NEXT_PUBLIC_SAFE_APPS_INFURA_TOKEN=
 
+# WalletConnect
+NEXT_PUBLIC_WC_PROJECT_ID=
+
 ## CGW
 NEXT_PUBLIC_GATEWAY_URL_PRODUCTION=
 NEXT_PUBLIC_GATEWAY_URL_STAGING=
 
+# Blockaid
+NEXT_PUBLIC_BLOCKAID_CLIENT_ID=
+
 # Transaction simulation
 NEXT_PUBLIC_TENDERLY_SIMULATE_ENDPOINT_URL=
 NEXT_PUBLIC_TENDERLY_PROJECT_NAME=
@@ -17,15 +23,11 @@ NEXT_PUBLIC_IS_PRODUCTION=
 # Latest supported safe version, used for upgrade prompts
 NEXT_PUBLIC_SAFE_VERSION=
 
-# Access keys
+# Sentry
 NEXT_PUBLIC_SENTRY_DSN=
-NEXT_PUBLIC_BEAMER_ID=
 
-# Wallet-specific variables
-NEXT_PUBLIC_WC_PROJECT_ID=
-
-# E2E tests
-NEXT_PUBLIC_CYPRESS_MNEMONIC=
+# Beamer
+NEXT_PUBLIC_BEAMER_ID=
 
 # Safe Gelato relay service
 NEXT_PUBLIC_SAFE_GELATO_RELAY_SERVICE_URL_PRODUCTION=
@@ -34,14 +36,11 @@ 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=
+# Cypress wallet private keys
+CYPRESS_WALLET_CREDENTIALS=
 
+# [optional] Beamer keys for e2e tests
+BEAMER_DATA_E2E=
diff --git a/apps/web/.gitignore b/apps/web/.gitignore
new file mode 100644
index 000000000..93dcbb2da
--- /dev/null
+++ b/apps/web/.gitignore
@@ -0,0 +1,6 @@
+# Types
+src/types/contracts
+
+# 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..2c3955378
--- /dev/null
+++ b/apps/web/.storybook/main.ts
@@ -0,0 +1,78 @@
+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/.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..851ee7f9a
--- /dev/null
+++ b/apps/web/README.md
@@ -0,0 +1,166 @@
+# <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                                                              |
+| `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.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_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                                                                                                                                     |
+
+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..429e69f07
--- /dev/null
+++ b/apps/web/cypress.config.js
@@ -0,0 +1,74 @@
+import { defineConfig } from 'cypress'
+import 'dotenv/config'
+import * as fs from 'fs'
+import path, { dirname } from 'path'
+import { fileURLToPath } from 'url'
+import matter from 'gray-matter'
+import { configureVisualRegression } from 'cypress-visual-regression'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+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) {
+      // Read and parse the terms Markdown file
+      try {
+        const filePath = path.resolve(__dirname, './src/markdown/terms/terms.md')
+
+        const content = fs.readFileSync(filePath, 'utf8')
+        const parsed = matter(content)
+        const frontmatter = parsed.data
+
+        // Set Cookie term version on the cypress env - this way we can access it in the tests
+        config.env.CURRENT_COOKIE_TERMS_VERSION = frontmatter.version
+      } catch (error) {
+        console.error('Error reading or parsing terms.md file:', error)
+      }
+
+      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..e542eead3 100644
--- a/cypress/e2e/happypath/recovery_hp_1.cy.js
+++ b/apps/web/cypress/e2e/happypath/recovery_hp_1.cy.js
@@ -34,13 +34,7 @@ describe('Recovery happy path tests 1', () => {
     recovery.clickOnNextBtn()
     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..2cb31793f
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/add_owner.cy.js
@@ -0,0 +1,100 @@
+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.openAddOwnerWindow()
+        owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
+        createTx.changeNonce(1)
+        owner.clickOnNextBtn()
+        createTx.clickOnSignTransactionBtn()
+        createTx.clickViewTransaction()
+
+        navigation.clickOnWalletExpandMoreIcon()
+        navigation.clickOnDisconnectBtn()
+        wallet.connectSigner(signer)
+      }
+
+      function step2() {
+        createTx.clickOnConfirmTransactionBtn()
+        createTx.clickOnNoLaterOption()
+        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.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..e6f091567
--- /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.selectPayLaterOption()
+    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/multichain_create_safe.cy.js b/apps/web/cypress/e2e/happypath_2/multichain_create_safe.cy.js
new file mode 100644
index 000000000..3ed554398
--- /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.selectRelayOption()
+      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/proposers.cy.js b/apps/web/cypress/e2e/happypath_2/proposers.cy.js
new file mode 100644
index 000000000..411548b5e
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/proposers.cy.js
@@ -0,0 +1,51 @@
+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'
+
+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', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  //TODO: Flaky due to UI retrieval issue - wip
+  it.skip('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()
+    proposer.checkProposerData([changedProposerName])
+
+    proposer.clickOnEditProposerBtn(proposerAddress2)
+    proposer.enterProposerName(proposerName2)
+    proposer.clickOnSubmitProposerBtn()
+    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 })
+    proposer.deleteAllProposers()
+    proposer.clickOnAddProposerBtn()
+    proposer.enterProposerData(addedProposer, proposerName)
+    proposer.clickOnSubmitProposerBtn()
+    proposer.verifyProposerSuccessMsgDisplayed()
+  })
+})
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..a14575d7f
--- /dev/null
+++ b/apps/web/cypress/e2e/happypath_2/swaps.cy.js
@@ -0,0 +1,99 @@
+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'
+
+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('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: 30000 },
+    () => {
+      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)
+      cy.wait(5000)
+      create_tx.deleteAllTx()
+
+      cy.visit(constants.swapUrl + staticSafes.SEP_STATIC_SAFE_30)
+      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()
+      })
+      create_tx.changeNonce(0)
+      create_tx.clickOnSignTransactionBtn()
+      create_tx.clickViewTransaction()
+      navigation.clickOnWalletExpandMoreIcon()
+      navigation.clickOnDisconnectBtn()
+      wallet.connectSigner(signer3)
+
+      cy.wait(5000)
+      create_tx.verifyConfirmTransactionBtnIsVisible()
+      create_tx.clickOnConfirmTransactionBtn()
+      create_tx.clickOnNoLaterOption()
+
+      create_tx.clickOnSignTransactionBtn()
+      navigation.clickOnWalletExpandMoreIcon()
+      navigation.clickOnDisconnectBtn()
+      wallet.connectSigner(signer)
+      create_tx.deleteTx()
+
+      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 99%
rename from cypress/e2e/pages/assets.pages.js
rename to apps/web/cypress/e2e/pages/assets.pages.js
index b92af57eb..a19f57b9b 100644
--- a/cypress/e2e/pages/assets.pages.js
+++ b/apps/web/cypress/e2e/pages/assets.pages.js
@@ -241,6 +241,8 @@ 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) => {
diff --git a/cypress/e2e/pages/batches.pages.js b/apps/web/cypress/e2e/pages/batches.pages.js
similarity index 83%
rename from cypress/e2e/pages/batches.pages.js
rename to apps/web/cypress/e2e/pages/batches.pages.js
index 85e98e635..c8fe065e4 100644
--- a/cypress/e2e/pages/batches.pages.js
+++ b/apps/web/cypress/e2e/pages/batches.pages.js
@@ -3,12 +3,13 @@ import * as constants from '../../support/constants'
 const tokenSelectorText = 'G(ö|oe)rli Ether'
 const noLaterString = 'No, later'
 const yesExecuteString = 'Yes, execute'
-const newTransactionTitle = 'New transaction'
+export const newTransactionBtnStr = 'New transaction'
 const sendTokensButn = 'Send tokens'
 const nextBtn = 'Next'
 const executeBtn = 'Execute'
-const addToBatchBtn = 'Add to batch'
+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"]'
@@ -26,6 +27,8 @@ const listBox = 'ul[role="listbox"]'
 const amountInput = '[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, verify = false) {
   fillTransactionData(EOA, amount)
@@ -35,6 +38,7 @@ export function addToBatch(EOA, currentNonce, amount, verify = false) {
     executeTransaction()
   }
   addToBatchButton()
+  cy.contains(transactionAddedToBatchStr).click().should('not.be.visible')
 }
 
 function fillTransactionData(EOA, amount) {
@@ -61,7 +65,7 @@ function executeTransaction() {
 }
 
 function addToBatchButton() {
-  cy.contains(addToBatchBtn).should('be.visible').and('not.be.disabled').click()
+  cy.get('button').contains(addToBatchBtn).click()
 }
 
 export function openBatchtransactionsModal() {
@@ -106,3 +110,16 @@ export function verifyTransactionAdded() {
 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/create_tx.pages.js b/apps/web/cypress/e2e/pages/create_tx.pages.js
new file mode 100644
index 000000000..43d335800
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/create_tx.pages.js
@@ -0,0 +1,668 @@
+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'
+
+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 tokenAddressInput = 'input[name="tokenAddress"]'
+const amountInput = 'input[name="amount"]'
+const nonceInput = 'input[name="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"]'
+export const relayExecMethod = '[data-testid="relay-execution-method"]'
+export const payNowExecMethod = '[data-testid="pay-now-execution-method"]'
+const addToBatchBtn = '[data-track="batching: Add to batch"]'
+const accordionDetails = '[data-testid="accordion-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-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 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="sign-btn"]'
+export const altImgDai = 'img[alt="DAI"]'
+export const altImgCow = 'img[alt="COW"]'
+export const altImgSwaps = 'svg[alt="Swap order"]'
+
+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 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'
+export const swapOrder = 'Swap order settlement'
+export const bulkTxs = 'Bulk transactions'
+
+export const filterTypes = {
+  incoming: 'Incoming',
+  outgoing: 'Outgoing',
+  module: 'Module-based',
+}
+
+function clickOnRejectBtn() {
+  cy.get(rejectTxBtn).click()
+}
+
+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(copyIcon)
+    .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()
+}
+
+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 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 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(signBtn).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')
+}
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..e7ae2fcfe
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/create_wallet.pages.js
@@ -0,0 +1,394 @@
+import * as main from '../pages/main.page'
+import { connectedWalletExecMethod, relayExecMethod } 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 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 selectPayLaterOption() {
+  cy.get(connectedWalletExecMethod).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(newtworkSelectorDiv).find(expandMoreIcon).parent().click()
+}
+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/cypress/e2e/pages/dashboard.pages.js b/apps/web/cypress/e2e/pages/dashboard.pages.js
similarity index 83%
rename from cypress/e2e/pages/dashboard.pages.js
rename to apps/web/cypress/e2e/pages/dashboard.pages.js
index 746106e15..ce1675e7c 100644
--- a/cypress/e2e/pages/dashboard.pages.js
+++ b/apps/web/cypress/e2e/pages/dashboard.pages.js
@@ -4,20 +4,16 @@ 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"]'
@@ -108,10 +104,6 @@ export function verifyShareBtnWorks(index, 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')
@@ -144,21 +136,6 @@ export function verifyTxQueueWidget() {
   })
 }
 
-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/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 99%
rename from cypress/e2e/pages/load_safe.pages.js
rename to apps/web/cypress/e2e/pages/load_safe.pages.js
index 45626eebf..503c9608c 100644
--- a/cypress/e2e/pages/load_safe.pages.js
+++ b/apps/web/cypress/e2e/pages/load_safe.pages.js
@@ -210,7 +210,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 80%
rename from cypress/e2e/pages/main.page.js
rename to apps/web/cypress/e2e/pages/main.page.js
index 5643720ef..5a770954a 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) => {
@@ -102,10 +104,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 +163,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 +196,26 @@ 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 verifyOwnerConnected(prefix = 'sep:') {
   cy.get(connectedOwnerBlock).should('contain', prefix)
 }
@@ -333,3 +377,22 @@ 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
+}
diff --git a/cypress/e2e/pages/messages.pages.js b/apps/web/cypress/e2e/pages/messages.pages.js
similarity index 100%
rename from cypress/e2e/pages/messages.pages.js
rename to apps/web/cypress/e2e/pages/messages.pages.js
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 86%
rename from cypress/e2e/pages/navigation.page.js
rename to apps/web/cypress/e2e/pages/navigation.page.js
index ff672497e..18971fd50 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() {
diff --git a/cypress/e2e/pages/nfts.pages.js b/apps/web/cypress/e2e/pages/nfts.pages.js
similarity index 92%
rename from cypress/e2e/pages/nfts.pages.js
rename to apps/web/cypress/e2e/pages/nfts.pages.js
index 42620f3b6..84b51313f 100644
--- a/cypress/e2e/pages/nfts.pages.js
+++ b/apps/web/cypress/e2e/pages/nfts.pages.js
@@ -18,12 +18,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"]'
 
-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'
@@ -146,12 +145,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/cypress/e2e/pages/owners.pages.js b/apps/web/cypress/e2e/pages/owners.pages.js
similarity index 86%
rename from cypress/e2e/pages/owners.pages.js
rename to apps/web/cypress/e2e/pages/owners.pages.js
index afde4caa6..1422cedef 100644
--- a/cypress/e2e/pages/owners.pages.js
+++ b/apps/web/cypress/e2e/pages/owners.pages.js
@@ -7,6 +7,7 @@ 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"]'
@@ -16,7 +17,7 @@ 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 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"]`
@@ -26,6 +27,7 @@ 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 thresholdNextBtn = '[data-testid="threshold-next-btn"]'
 
 const disconnectBtnStr = 'Disconnect'
 const notConnectedStatus = 'Connect'
@@ -37,6 +39,7 @@ const removeOwnerStr = 'Remove signer'
 const selectedOwnerStr = 'Selected signer'
 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'
@@ -64,6 +67,10 @@ 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)
 }
@@ -79,8 +86,8 @@ export function verifyOwnerDeletionWindowDisplayed() {
   cy.get('p').contains(selectedOwnerStr)
 }
 
-function clickOnThresholdDropdown() {
-  cy.get(thresholdDropdown).eq(1).click()
+export function clickOnThresholdDropdown() {
+  cy.get(thresholdDropdown).eq(0).click()
 }
 
 export function getThresholdOptions() {
@@ -88,7 +95,7 @@ export function getThresholdOptions() {
 }
 
 export function verifyThresholdLimit(startValue, endValue) {
-  cy.get('p').contains(`out of ${endValue} signer(s)`)
+  cy.get('p').contains(`out of ${endValue} signer${endValue > 1 ? 's' : ''}`)
   clickOnThresholdDropdown()
   getThresholdOptions().eq(0).should('have.text', startValue).click()
 }
@@ -125,8 +132,8 @@ export function getAddressToBeRemoved() {
   return removedAddress
 }
 
-export function openReplaceOwnerWindow() {
-  cy.get(replaceOwnerBtn).click({ force: true })
+export function openReplaceOwnerWindow(index) {
+  cy.get(replaceOwnerBtn).eq(index).click({ force: true })
   cy.get(newOwnerName).should('be.visible')
   cy.get(newOwnerAddress).should('be.visible')
 }
@@ -179,8 +186,11 @@ export function waitForConnectionStatus() {
   cy.get(createWallet.accountInfoHeader).should('exist')
 }
 
-export function openAddOwnerWindow() {
+export function clickOnAddSignerBtn() {
   cy.get(addOwnerBtn).should('be.enabled').click()
+}
+export function openAddOwnerWindow() {
+  clickOnAddSignerBtn()
   cy.get(newOwnerName).should('be.visible')
   cy.get(newOwnerAddress).should('be.visible')
 }
@@ -191,7 +201,7 @@ export function verifyNonceInputValue(value) {
 }
 
 export function verifyErrorMsgInvalidAddress(errorMsg) {
-  cy.get('label').contains(errorMsg).should('be.visible')
+  cy.get('label').contains(errorMsg).should('exist')
 }
 
 export function verifyValidWalletName(errorMsg) {
@@ -238,9 +248,22 @@ export function verifyConfirmTransactionWindowDisplayed() {
 
 export function verifyThreshold(startValue, endValue) {
   main.verifyInputValue(thresholdInput, startValue)
-  cy.get('p').contains(`out of ${endValue} signer(s)`).should('be.visible')
+  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..11411278c
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/proposers.pages.js
@@ -0,0 +1,149 @@
+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()
+}
+
+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).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..48887605a
--- /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/cypress/e2e/pages/safeapps.pages.js b/apps/web/cypress/e2e/pages/safeapps.pages.js
similarity index 76%
rename from cypress/e2e/pages/safeapps.pages.js
rename to apps/web/cypress/e2e/pages/safeapps.pages.js
index 1810656cb..f30fed55e 100644
--- a/cypress/e2e/pages/safeapps.pages.js
+++ b/apps/web/cypress/e2e/pages/safeapps.pages.js
@@ -10,6 +10,7 @@ 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 addBtnStr = /add/i
 const noAppsStr = /no Safe Apps found/i
@@ -27,7 +28,7 @@ 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 addTransactionStr = /add new transaction/i
 export const createBatchStr = /create batch/i
 export const sendBatchStr = /send batch/i
 export const transactionDetailsStr = /transaction details/i
@@ -52,6 +53,7 @@ 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'
@@ -62,7 +64,7 @@ export const testBooleanValue3 = '3 testBooleanValue'
 export const transfer2AssetsStr = 'Transfer 2 assets'
 
 export const testTransfer1 = '1 transfer'
-export const testTransfer2 = '2 transfer'
+export const testTransfer2 = '2 MetaMultiSigWallet: transfer'
 export const nativeTransfer2 = '2 native transfer'
 export const nativeTransfer1 = '1 native transfer'
 
@@ -89,11 +91,16 @@ 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 testAddressValueStr = 'testAddressValue'
 export const logoWalletConnect = /logo.*walletconnect/i
 export const walletConnectHeadlinePreview = /walletconnect/i
@@ -103,6 +110,7 @@ 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 AddressEmptyCodeStr = 'AddressEmptyCode'
 export const localStorageItem =
   '{"https://safe-test-app.com":[{"feature":"camera","status":"granted"},{"feature":"microphone","status":"denied"}]}'
 export const gridItem = 'main .MuiPaper-root > .MuiGrid-item'
@@ -110,8 +118,12 @@ 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":"_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"]',
@@ -133,6 +145,31 @@ 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()
 }
@@ -163,9 +200,11 @@ export function verifyNoAppsTextPresent() {
   cy.contains(noAppsStr).should('exist')
 }
 
-export function pinApp(app, pin = true) {
+export function pinApp(index, app, pin = true) {
   const option = pin ? 'Pin' : 'Unpin'
-  cy.get(`[aria-label="${option} ${app}"]`).click()
+  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() {
@@ -181,7 +220,23 @@ export function verifyCustomAppCount(count) {
 }
 
 export function verifyPinnedAppCount(count) {
-  cy.findByText(`My pinned apps (${count})`).should(count ? 'be.visible' : 'not.exist')
+  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() {
@@ -218,12 +273,10 @@ export function verifyAppDescription(descr) {
 
 export function clickOnOpenSafeAppBtn() {
   cy.get(openSafeAppBtn).click()
-  cy.wait(2000)
 }
 
 export function verifyDisclaimerIsDisplayed() {
   verifyDisclaimerIsVisible()
-  cy.wait(500)
 }
 
 function verifyDisclaimerIsVisible() {
@@ -249,20 +302,17 @@ export function verifyMicrofoneCheckBoxExists() {
   return cy.findByRole('checkbox', { name: microfoneCheckBoxStr }).should('exist')
 }
 
-export function storeAndVerifyPermissions() {
+export function verifyInfoModalAcceptance() {
   cy.waitForSelector(() => {
     return cy
       .findByRole('button', { name: continueBtnStr })
       .click()
-      .wait(500)
+      .wait(2000)
       .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)
+        const storedInfoModal = JSON.parse(
+          localStorage.getItem(constants.localStorageKeys.SAFE_v2__SafeApps__infoModal),
+        )
+        expect(storedInfoModal[constants.networkKeys.sepolia].consentsAccepted).to.eq(true)
       })
   })
 }
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..57db9fc32
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/sidebar.pages.js
@@ -0,0 +1,613 @@
+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"]'
+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 importBtnStr = 'Import'
+export const exportBtnStr = 'Export'
+export const undeployedSafe = 'Undeployed Sepolia'
+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'}`
+
+export const sortOptions = {
+  lastVisited: '[data-testid="last-visited-option"]',
+  name: '[data-testid="name-option"]',
+}
+export function checkSearchResults(number) {
+  cy.contains(searchResults(number)).should('exist')
+}
+
+export const multichainSafes = {
+  polygon: 'Multichain polygon',
+  sepolia: 'Multichain Sepolia',
+}
+
+export function searchSafe(safe) {
+  cy.get(searchInput).clear().type(safe)
+}
+
+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 getImportBtn() {
+  return cy.get(importBtn).scrollIntoView().should('be.visible')
+}
+export function clickOnSidebarImportBtn() {
+  getImportBtn().click()
+  modal.verifyModalTitle(modal.modalTitiles.dataImport)
+  file.verifyValidImportInputExists()
+}
+
+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(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() {
+  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 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 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 checkAddChainDialogDisplayed() {
+  cy.get(safeItemOptionsAddChainBtn).click()
+  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', 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/cypress/e2e/pages/spending_limits.pages.js b/apps/web/cypress/e2e/pages/spending_limits.pages.js
similarity index 90%
rename from cypress/e2e/pages/spending_limits.pages.js
rename to apps/web/cypress/e2e/pages/spending_limits.pages.js
index d6178686b..a7b844282 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'
@@ -205,3 +213,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..f0daba1e0
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/staking.page.js
@@ -0,0 +1,69 @@
+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 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..2a640147b
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/swaps.pages.js
@@ -0,0 +1,709 @@
+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 = '[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 recipientAlert = '[data-testid="recipient-alert"]'
+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 limitStrBtn = 'Limit'
+const swapStrBtn = 'Swap'
+const twapStrBtn = 'TWAP'
+const confirmSwapStr = 'Confirm Swap'
+const swapAnywayStrBtn = 'Swap anyway'
+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 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',
+}
+
+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('Expiry').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).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).click()
+}
+
+export function placeTwapOrder() {
+  cy.contains(placeTwapOrderStrBtn).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').clear().type(value)
+  })
+}
+
+export function setOutputValue(value) {
+  cy.get(outputCurrencyInput).within(() => {
+    cy.get('input').type(value)
+  })
+}
+
+export function enableCustomRecipient(option) {
+  if (!option) cy.get(recipientToggle).click()
+}
+
+export function enableTwapCustomRecipient() {
+  cy.get(twapsAddressToggle).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+\\.\\d{2}`, '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, expiry, slippage, interactWith, oderID, widgetFee) {
+  cy.contains(limitPrice)
+  cy.contains(expiry)
+  cy.contains(slippage)
+  cy.contains(oderID)
+  cy.contains(widgetFee)
+  cy.contains(interactWith)
+}
+
+export function verifyRecipientAlertIsDisplayed() {
+  main.verifyElementsIsVisible([recipientAlert])
+}
+
+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('a').contains(swapStrBtn).click()
+  cy.wait(1000)
+  cy.get('a').contains(twapStrBtn).click()
+  cy.wait(1000)
+  closeIntroTwapModal()
+}
+
+export function switchToLimit() {
+  cy.get('a').contains(swapStrBtn).click()
+  cy.wait(1000)
+  cy.get('a').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').click()
+}
+
+export function checkTokenList(tokens) {
+  cy.get(tokenList).within(() => {
+    tokens.forEach(({ name, balance }) => {
+      cy.get('span').contains(name).should('exist')
+      cy.get('span').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() {
+  let formData = {}
+
+  return cy
+    .wrap(null)
+    .then(() => {
+      cy.get(inputCurrencyInput).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.inputToken = value
+          })
+      })
+
+      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(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)
+    })
+}
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..c5c2a60b7
--- /dev/null
+++ b/apps/web/cypress/e2e/pages/transactions.page.js
@@ -0,0 +1,74 @@
+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 executeBtnStr = 'Execute'
+const txCompletedStr = 'Transaction was successful'
+export const relayRemainingAttemptsStr = 'free transactions left today'
+
+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 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/prodhealthcheck/add_owner.cy.js b/apps/web/cypress/e2e/prodhealthcheck/add_owner.cy.js
new file mode 100644
index 000000000..e7ea7cee7
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/add_owner.cy.js
@@ -0,0 +1,30 @@
+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 } 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 })
+    acceptCookies2()
+  })
+
+  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()
+  })
+})
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..ca3e57f2f
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/create_tx.cy.js
@@ -0,0 +1,46 @@
+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()
+  })
+
+  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/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..53be43bad
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/load_safe.cy.js
@@ -0,0 +1,31 @@
+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 } 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)
+    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..f0daa16ab
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/messages_onchain.cy.js
@@ -0,0 +1,29 @@
+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 } 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)
+    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..f2633d120
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/multichain_network.cy.js
@@ -0,0 +1,78 @@
+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 } 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] Multichain add network tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + staticSafes.SEP_STATIC_SAFE_4)
+    acceptCookies2()
+  })
+
+  // 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.
+  it('Verify that it is not possible to add networks for the zkSync safes', () => {
+    wallet.connectSigner(signer)
+    cy.visit(constants.prodbaseUrl + constants.setupUrl + staticSafes.ZKSYNC_STATIC_SAFE_29)
+    sideBar.openSidebar()
+    create_wallet.openNetworkSelector()
+    cy.contains(sideBar.addingNetworkNotPossibleStr)
+  })
+
+  it('Verify that zkSync network is not available during multichain safe creation', () => {
+    wallet.connectSigner(signer)
+    cy.visit(constants.prodbaseUrl + constants.welcomeUrl + '?chain=sep')
+    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 ', () => {
+    wallet.connectSigner(signer)
+    cy.visit(constants.prodbaseUrl + constants.welcomeUrl + '?chain=sep')
+    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')
+  })
+
+  it('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)
+    create_wallet.openNetworkSelector()
+    sideBar.clickOnShowAllNetworksStrBtn()
+    sideBar.checkNetworkDisabled([constants.networks.zkSync, constants.networks.gnosisChiado])
+  })
+
+  it('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..a3eae33f6
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/nfts.cy.js
@@ -0,0 +1,90 @@
+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(2)
+    nfts.clikOnNextBtn()
+    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..e201a66a3
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/recovery.cy.js
@@ -0,0 +1,49 @@
+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'
+
+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('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/prodhealthcheck/remove_owner.cy.js b/apps/web/cypress/e2e/prodhealthcheck/remove_owner.cy.js
new file mode 100644
index 000000000..150672993
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/remove_owner.cy.js
@@ -0,0 +1,42 @@
+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.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..6d481ae47
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/sidebar.cy.js
@@ -0,0 +1,41 @@
+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 } 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] Sidebar tests', () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.homeUrl + staticSafes.SEP_STATIC_SAFE_9)
+    acceptCookies2()
+  })
+
+  it('Verify current safe details', () => {
+    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', () => {
+    main.verifyElementsCount(navigation.newTxBtn, 0)
+  })
+})
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..f5f1d6e67
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/sidebar_3.cy.js
@@ -0,0 +1,63 @@
+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 } from '../pages/main.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
+
+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.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_7)
+    wallet.connectSigner(signer)
+    acceptCookies2()
+    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)
+  })
+
+  it('Verify balance exists in a tx in sidebar', () => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_7)
+    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..127838bf5
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/spending_limits.cy.js
@@ -0,0 +1,50 @@
+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 } from '../pages/main.page.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.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..5c28a1cd5
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/swaps_history_2.cy.js
@@ -0,0 +1,59 @@
+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 } from '../pages/main.page.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,
+    )
+    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')
+      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..a66d0c534
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/swaps_tokens.cy.js
@@ -0,0 +1,40 @@
+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 } from '../pages/main.page.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)
+    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..6441d4543
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/tokens.cy.js
@@ -0,0 +1,91 @@
+import * as constants from '../../support/constants'
+import * as assets from '../pages/assets.pages'
+import { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+import { acceptCookies2 } from '../pages/main.page.js'
+
+const TOKEN_AMOUNT_COLUMN = 1
+const FIAT_AMOUNT_COLUMN = 2
+
+let staticSafes = []
+
+describe('[PROD] Prod tokens tests', () => {
+  const fiatRegex = assets.fiatRegex
+
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+  beforeEach(() => {
+    cy.visit(constants.prodbaseUrl + constants.BALANCE_URL + staticSafes.SEP_STATIC_SAFE_2)
+    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,
+      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 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..baf145c06
--- /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 } 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')
+    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,
+        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,
+    ])
+  })
+
+  // 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/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..a7ad1394a
--- /dev/null
+++ b/apps/web/cypress/e2e/prodhealthcheck/tx_history_2.cy.js
@@ -0,0 +1,126 @@
+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 } 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', () => {
+  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)
+    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.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.contractTitle, typeBatch.transactionHash, typeBatch.safeTxHash],
+      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,
+      typeChangeOwner.safeTxHash,
+    ])
+  })
+
+  // 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,
+        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/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..2c5813c68
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/add_owner.cy.js
@@ -0,0 +1,81 @@
+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.verifyAddOwnerBtnIsDisabled()
+  })
+
+  // Added to prod
+  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(getMockAddress())
+    owner.clickOnNextBtn()
+    owner.verifyConfirmTransactionWindowDisplayed()
+  })
+
+  it('Verify default threshold value. Verify correct threshold calculation', () => {
+    wallet.connectSigner(signer)
+    owner.openAddOwnerWindow()
+    owner.typeOwnerAddress(constants.DEFAULT_OWNER_ADDRESS)
+    owner.verifyThreshold(1, 2)
+  })
+
+  it('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/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..418fac951
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/assets.cy.js
@@ -0,0 +1,48 @@
+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('[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)
+  })
+})
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..12aa9b6cf
--- /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 = ['1transfer', '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..3f896e918
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/create_safe_simple.cy.js
@@ -0,0 +1,145 @@
+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)
+      })
+  })
+
+  // Unskip when the bug is fixed
+  it.skip('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..e5afce8cb
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/create_tx.cy.js
@@ -0,0 +1,53 @@
+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.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()
+    cy.contains(tx.relayRemainingAttemptsStr).should('exist')
+  })
+})
diff --git a/cypress/e2e/smoke/create_tx_2.cy.js b/apps/web/cypress/e2e/regression/create_tx_2.cy.js
similarity index 82%
rename from cypress/e2e/smoke/create_tx_2.cy.js
rename to apps/web/cypress/e2e/regression/create_tx_2.cy.js
index 7030235f6..2753dcdcf 100644
--- a/cypress/e2e/smoke/create_tx_2.cy.js
+++ b/apps/web/cypress/e2e/regression/create_tx_2.cy.js
@@ -1,5 +1,4 @@
 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'
@@ -18,21 +17,19 @@ function happyPathToStepTwo() {
   createtx.clickOnNextBtn()
 }
 
-describe('[SMOKE] Create transactions tests 2', () => {
+describe('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', () => {
+  it('Verify advance parameters gas limit input', () => {
     happyPathToStepTwo()
     createtx.changeNonce('1')
     createtx.selectCurrentWallet()
@@ -40,7 +37,7 @@ describe('[SMOKE] Create transactions tests 2', () => {
     createtx.verifyAndSubmitExecutionParams()
   })
 
-  it('[SMOKE] Verify a transaction shows relayer and addToBatch button', () => {
+  it('Verify a transaction shows relayer and addToBatch button', () => {
     happyPathToStepTwo()
     createtx.verifySubmitBtnIsEnabled()
     createtx.verifyNativeTokenTransfer()
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..2307e446d
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/dashboard.cy.js
@@ -0,0 +1,39 @@
+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 { getSafes, CATEGORIES } from '../../support/safes/safesHandler.js'
+
+let staticSafes = []
+
+const txData = ['14', 'Send', '-0.00002 ETH', '1 out of 1']
+
+describe('Dashboard tests', { defaultCommandTimeout: 20000 }, () => {
+  before(async () => {
+    staticSafes = await getSafes(CATEGORIES.static)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.homeUrl + staticSafes.SEP_STATIC_SAFE_2)
+  })
+
+  it('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('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)
+  })
+})
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..faed8493e
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/limit_order.cy.js
@@ -0,0 +1,46 @@
+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(() => {
+      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..5871fbf87
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/limit_order_history.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 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 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])
+  })
+})
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..baae295b2
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/load_safe_3.cy.js
@@ -0,0 +1,60 @@
+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()
+  })
+})
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..5b98aa1bf
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/messages_offchain.cy.js
@@ -0,0 +1,34 @@
+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 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 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)
+  })
+
+  beforeEach(() => {
+    cy.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_10)
+  })
+
+  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(offchainMessage)
+    msg_confirmation_modal.clickOnMessageDetails()
+    msg_confirmation_modal.verifyOffchainMessageHash(0)
+    msg_confirmation_modal.verifyOffchainMessageHash(1)
+    msg_confirmation_modal.checkMessageInfobox()
+  })
+})
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..cfa1aa1ab
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/messages_popup.cy.js
@@ -0,0 +1,95 @@
+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-${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(() => {
+      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..cf74dc459
--- /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(createwallet.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..b06c135d0
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/multichain_networkswitch.cy.js
@@ -0,0 +1,99 @@
+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: 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)
+  })
+
+  it('Verify the list of networks where the safe is already deployed with the same address', () => {
+    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.clickOnShowAllNetworksBtn()
+    sideBar.checkNetworkPresence([constants.networks.gnosis], sideBar.addNetworkOption)
+    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.gnosis], 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.gnosis, constants.networks.ethereum], sideBar.addNetworkOption)
+    main.verifyElementsCount(sideBar.addNetworkOption, 4)
+  })
+
+  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.gnosis], 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..4178f18cb
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/multichain_setup.cy.js
@@ -0,0 +1,108 @@
+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.verifyAddOwnerBtnIsDisabled()
+    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.openAddOwnerWindow()
+    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
+    owner.clickOnNextBtn()
+    sideBar.checkInconsistentSignersMsgDisplayedConfirmTxView(constants.networks.polygon)
+  })
+
+  it('Verify warning on add owner for one safe in the group', () => {
+    cy.visit(constants.setupUrl + staticSafes.MATIC_STATIC_SAFE_28)
+    owner.openAddOwnerWindow()
+    owner.typeOwnerAddress(constants.SEPOLIA_OWNER_2)
+    owner.clickOnNextBtn()
+    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/nfts.cy.js b/apps/web/cypress/e2e/regression/nfts.cy.js
new file mode 100644
index 000000000..fb848826f
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/nfts.cy.js
@@ -0,0 +1,105 @@
+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.clickOnSignTransactionBtn()
+    createTx.waitForProposeRequest()
+    createTx.clickViewTransaction()
+    createTx.verifySingleTxPage()
+    createTx.verifyQueueLabel()
+    createTx.verifyTransactionStrExists(NFTSentName)
+  })
+})
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..794d4fe54
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/proposers_2.cy.js
@@ -0,0 +1,89 @@
+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 that an owner that is also a proposer can still execute transactions', () => {
+    cy.visit(constants.setupUrl + staticSafes.SEP_STATIC_SAFE_32)
+    cy.contains(owner.safeAccountNonceStr, { timeout: 10000 })
+    wallet.connectSigner(signer)
+    createtx.clickOnNewtransactionBtn()
+    createtx.clickOnSendTokensBtn()
+    createtx.typeRecipientAddress(getMockAddress())
+    createtx.setSendValue(sendValue)
+    createtx.clickOnNextBtn()
+    tx.selectExecuteNow()
+    createtx.verifySubmitBtnIsEnabled()
+    tx.selectExecuteLater()
+    tx.verifySignBtnEnabled()
+  })
+
+  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..311ac9f30
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/recovery.cy.js
@@ -0,0 +1,225 @@
+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()
+    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..928684d57
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/remove_owner.cy.js
@@ -0,0 +1,67 @@
+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.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..c9355ede9
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/replace_owner.cy.js
@@ -0,0 +1,104 @@
+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.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..b973725dc
--- /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', () => {
+    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/apps/web/cypress/e2e/regression/sidebar_2.cy.js
similarity index 77%
rename from cypress/e2e/regression/sidebar_2.cy.js
rename to apps/web/cypress/e2e/regression/sidebar_2.cy.js
index a24156d4e..3800e48b0 100644
--- a/cypress/e2e/regression/sidebar_2.cy.js
+++ b/apps/web/cypress/e2e/regression/sidebar_2.cy.js
@@ -4,8 +4,11 @@ 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'
@@ -19,8 +22,6 @@ describe('Sidebar added sidebar tests', () => {
   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)
   })
@@ -37,7 +38,8 @@ describe('Sidebar added sidebar tests', () => {
     sideBar.verifySafeNameExists(newSafeName)
   })
 
-  it('Verify a safe can be removed', () => {
+  // TODO: Waiting for new tests due to changed functionality
+  it.skip('Verify a safe can be removed', () => {
     sideBar.openSidebar()
     sideBar.removeSafeItem(addedSafe900)
     sideBar.verifySafeRemoved([addedSafe900])
@@ -48,15 +50,9 @@ describe('Sidebar added sidebar tests', () => {
     sideBar.checkCurrencyInHeader(assets.currency$)
   })
 
-  // Waiting for endpoint from CGW
-  it.skip('Verify "wallet" tag counter if the safe has tx ready for execution', () => {
+  it('Verify "wallet" tag counter if the safe has tx ready for execution', () => {
+    wallet.connectSigner(signer)
     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)
+    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..29f00f128
--- /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(6)
+  })
+})
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..872dfd8cb
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/sidebar_6.cy.js
@@ -0,0 +1,86 @@
+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)
+  })
+
+  it('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)
+  })
+
+  it('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(3)
+    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(0, safe14)
+    sideBar.verifyAddedSafesExistByIndex(1, safe15)
+    sideBar.selectSortOption(sideBar.sortOptions.lastVisited)
+    sideBar.verifyAddedSafesExistByIndex(0, safe15)
+    sideBar.verifyAddedSafesExistByIndex(1, 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/cypress/e2e/regression/sidebar_nonowner.cy.js b/apps/web/cypress/e2e/regression/sidebar_nonowner.cy.js
similarity index 96%
rename from cypress/e2e/regression/sidebar_nonowner.cy.js
rename to apps/web/cypress/e2e/regression/sidebar_nonowner.cy.js
index 629bbbea4..3104c1174 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)
   })
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 94%
rename from cypress/e2e/regression/spending_limits_nonowner.cy.js
rename to apps/web/cypress/e2e/regression/spending_limits_nonowner.cy.js
index e64bda33f..d6fe2ede2 100644
--- a/cypress/e2e/regression/spending_limits_nonowner.cy.js
+++ b/apps/web/cypress/e2e/regression/spending_limits_nonowner.cy.js
@@ -12,8 +12,6 @@ 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')
   })
 
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..8e4a63ddb
--- /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.getActivationTimeRegex())
+    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..7b508a85c
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/swaps.cy.js
@@ -0,0 +1,161 @@
+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'
+
+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.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)
+        })
+      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.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.enterRecipient('1')
+      })
+    })
+  })
+
+  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.acceptLegalDisclaimer()
+    cy.wait(4000)
+    main.getIframeBody(iframeSelector).within(() => {
+      swaps.selectInputCurrency(swaps.swapTokens.cow)
+      swaps.clickOnSettingsBtn()
+      swaps.setSlippage('0.30')
+      swaps.setExpiry('2')
+      swaps.clickOnSettingsBtn()
+      swaps.setInputValue(200)
+      swaps.selectOutputCurrency(swaps.swapTokens.dai)
+      swaps.checkSwapBtnIsVisible()
+      swaps.isInputGreaterZero(swaps.outputCurrencyInput).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()
+
+      const isCustomRecipientFound = ($frame, customRecipient) => {
+        const element = $frame.find(customRecipient)
+        return element.length > 0
+      }
+
+      swaps.acceptLegalDisclaimer()
+      cy.wait(4000)
+      main.getIframeBody(iframeSelector).then(($frame) => {
+        cy.wrap($frame).within(() => {
+          swaps.selectInputCurrency(swaps.swapTokens.cow)
+          swaps.setInputValue(200)
+          swaps.selectOutputCurrency(swaps.swapTokens.dai)
+          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.clickOnSwapBtn()
+        })
+        swaps.verifyRecipientAlertIsDisplayed()
+      })
+    },
+  )
+})
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..b2930c77f
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/swaps_history_2.cy.js
@@ -0,0 +1,115 @@
+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 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 "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_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..1d48f281e
--- /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 fiatRegex = assets.fiatRegex
+
+  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,
+      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')
+  })
+
+  // 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..5b283a851
--- /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: '750' },
+      { 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', '750 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', '750')
+    })
+  })
+})
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..c37923b04
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/twaps_2.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 { 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: 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.switchToTwap()
+        })
+      swaps.unlockTwapOrders(iframeSelector)
+      main.getIframeBody(iframeSelector).within(() => {
+        swaps.selectInputCurrency(swaps.swapTokens.cow)
+        swaps.clickOnSettingsBtnTwaps()
+        swaps.enableTwapCustomRecipient()
+        swaps.clickOnSettingsBtnTwaps()
+        swaps.enterRecipient(swaps.blockedAddress)
+      })
+      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..fc8445dca
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/twaps_history.cy.js
@@ -0,0 +1,105 @@
+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('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(() => {
+      swaps.switchToTwap()
+      swaps.selectInputCurrency(swaps.swapTokens.cow)
+      swaps.setInputValue(500)
+      swaps.selectOutputCurrency(swaps.swapTokens.dai)
+      swaps.verifyReviewOrderBtnIsVisible()
+      swaps.getTwapInitialData().then((formData) => {
+        cy.wrap(formData).as('twapFormData')
+        swaps.clickOnReviewOrderBtn()
+        swaps.placeTwapOrder()
+      })
+    })
+
+    cy.get('@twapFormData').then((formData) => {
+      swaps.checkTwapValuesInReviewScreen(formData)
+      cy.get('p').contains(swapsHistory.slippage).parent().next().contains(slippage)
+      cy.get('p').contains(swapsHistory.widget_fee).parent().next().contains(widgetFee)
+      cy.get('p').contains(swapsHistory.limitPrice).parent().next().contains(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.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/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_history.cy.js b/apps/web/cypress/e2e/regression/tx_history.cy.js
new file mode 100644
index 000000000..20b28c556
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history.cy.js
@@ -0,0 +1,160 @@
+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,
+        typeSpendingLimits.safeTxHash,
+      ],
+      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.safeTxHash,
+      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])
+    createTx.collapseAdvancedDetails([typeDeleteAllowance.baseGas])
+  })
+})
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..e132c6702
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history_2.cy.js
@@ -0,0 +1,174 @@
+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.transactionHash,
+      typeOnchainRejection.safeTxHash,
+    ])
+    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, typeBatch.safeTxHash],
+      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,
+        typeAddOwner.safeTxHash,
+      ],
+      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,
+      typeChangeOwner.safeTxHash,
+    ])
+  })
+
+  // 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,
+        typeRemoveOwner.safeTxHash,
+      ],
+      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,
+      typeDisableOwner.safeTxHash,
+    ])
+  })
+
+  // 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,
+        typeChangeThreshold.safeTxHash,
+      ],
+      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)
+  })
+})
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..39ba1e23e
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_history_4.cy.js
@@ -0,0 +1,84 @@
+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.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_queue.cy.js b/apps/web/cypress/e2e/regression/tx_queue.cy.js
new file mode 100644
index 000000000..b93a2e484
--- /dev/null
+++ b/apps/web/cypress/e2e/regression/tx_queue.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 * 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,
+      orderDetails.expiry12Months,
+      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/cypress/e2e/safe-apps/apps_list.cy.js b/apps/web/cypress/e2e/safe-apps/apps_list.cy.js
similarity index 77%
rename from cypress/e2e/safe-apps/apps_list.cy.js
rename to apps/web/cypress/e2e/safe-apps/apps_list.cy.js
index 7d3e4750e..f1dc6d05d 100644
--- a/cypress/e2e/safe-apps/apps_list.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/apps_list.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'
 
 const myCustomAppTitle = 'Cypress Test App'
 const myCustomAppDescrAdded = 'Cypress Test App Description'
@@ -14,11 +15,9 @@ describe('Safe Apps list tests', () => {
   })
 
   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', () => {
@@ -41,13 +40,13 @@ describe('Safe Apps list tests', () => {
 
   it('Verify apps can be pinned', () => {
     safeapps.clearSearchAppInput()
-    safeapps.pinApp(safeapps.transactionBuilderStr)
+    safeapps.pinApp(0, safeapps.transactionBuilderStr)
     safeapps.verifyPinnedAppCount(1)
   })
 
   it('Verify apps can be unpinned', () => {
-    safeapps.pinApp(safeapps.transactionBuilderStr)
-    safeapps.pinApp(safeapps.transactionBuilderStr, false)
+    safeapps.pinApp(0, safeapps.transactionBuilderStr)
+    safeapps.pinApp(0, safeapps.transactionBuilderStr, false)
     safeapps.verifyPinnedAppCount(0)
   })
 
@@ -77,4 +76,15 @@ describe('Safe Apps list tests', () => {
     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/cypress/e2e/safe-apps/browser_permissions.cy.js b/apps/web/cypress/e2e/safe-apps/browser_permissions.cy.js
similarity index 95%
rename from cypress/e2e/safe-apps/browser_permissions.cy.js
rename to apps/web/cypress/e2e/safe-apps/browser_permissions.cy.js
index fc08642fd..f42f30af6 100644
--- a/cypress/e2e/safe-apps/browser_permissions.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/browser_permissions.cy.js
@@ -4,7 +4,6 @@ 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`, {
@@ -15,7 +14,6 @@ describe('Browser permissions tests', () => {
       })
     })
     cy.visitSafeApp(`${constants.testAppUrl}/app`)
-    main.acceptCookies()
   })
 
   // @TODO: unknown apps don't have permissions
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 79%
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..1698ae00d 100644
--- a/cypress/e2e/safe-apps/drain_account.spec.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/drain_account.spec.cy.js
@@ -1,14 +1,18 @@
 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)
   })
@@ -17,36 +21,37 @@ describe('Drain Account tests', { defaultCommandTimeout: 12000 }, () => {
     const appUrl = constants.drainAccount_url
     iframeSelector = `iframe[id="iframe-${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()
   })
 
   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
@@ -61,10 +66,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 +84,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 +93,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 99%
rename from cypress/e2e/safe-apps/permissions_settings.cy.js
rename to apps/web/cypress/e2e/safe-apps/permissions_settings.cy.js
index 53df8b6ce..ee1d65e32 100644
--- a/cypress/e2e/safe-apps/permissions_settings.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/permissions_settings.cy.js
@@ -13,7 +13,6 @@ describe.skip('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 +51,6 @@ describe.skip('Permissions settings tests', () => {
       cy.visit(`${constants.appSettingsUrl}?safe=${staticSafes.SEP_STATIC_SAFE_2}`, {
         failOnStatusCode: false,
       })
-      main.acceptCookies()
     })
   })
 
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.2spec.cy.js b/apps/web/cypress/e2e/safe-apps/tx-builder.2spec.cy.js
new file mode 100644
index 000000000..3353fe640
--- /dev/null
+++ b/apps/web/cypress/e2e/safe-apps/tx-builder.2spec.cy.js
@@ -0,0 +1,172 @@
+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 * as ls from '../../support/localstorage_data.js'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+import * as utils from '../../support/utils/checkers.js'
+import { getMockAddress } from '../../support/utils/ethers.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 2 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.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')
+    })
+  })
+
+  // TODO: Fix visibility element
+  it('Verify a simple batch can be created, signed by second signer and deleted. GA tx_confirm, tx_created', () => {
+    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),
+      },
+    ]
+    // wallet.connectSigner(signer)
+    // 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.clickOnSignTransactionBtn()
+    // createtx.clickViewTransaction()
+    // navigation.clickOnWalletExpandMoreIcon()
+    // navigation.clickOnDisconnectBtn()
+    // wallet.connectSigner(signer2)
+
+    // createtx.clickOnConfirmTransactionBtn()
+    // createtx.clickOnNoLaterOption()
+    // createtx.clickOnSignTransactionBtn()
+    // navigation.clickOnWalletExpandMoreIcon()
+    // navigation.clickOnDisconnectBtn()
+    // wallet.connectSigner(signer)
+    // createtx.deleteTx()
+    // createtx.verifyNumberOfTransactions(0)
+    // getEvents()
+    // checkDataLayerEvents(tx_created)
+    // checkDataLayerEvents(tx_confirmed)
+  })
+})
diff --git a/apps/web/cypress/e2e/safe-apps/tx-builder.spec.cy.js b/apps/web/cypress/e2e/safe-apps/tx-builder.spec.cy.js
new file mode 100644
index 000000000..7c018d62c
--- /dev/null
+++ b/apps/web/cypress/e2e/safe-apps/tx-builder.spec.cy.js
@@ -0,0 +1,234 @@
+import 'cypress-file-upload'
+import * as constants from '../../support/constants'
+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'
+import * as ls from '../../support/localstorage_data.js'
+import { getEvents, events, checkDataLayerEvents } from '../../support/utils/gtag.js'
+import * as wallet from '../../support/utils/wallet.js'
+import * as utils from '../../support/utils/checkers.js'
+import { getMockAddress } from '../../support/utils/ethers.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 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.visit(visitUrl)
+  })
+
+  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')
+    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')
+    cy.findAllByText(safeapps.testBooleanValue).should('have.length', 6)
+    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')
+    cy.findAllByText(safeapps.testAddressValueStr).should('have.length', 4)
+    navigation.clickOnModalCloseBtn(0)
+    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)
+        .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/cypress/e2e/safe-apps/tx_modal.cy.js b/apps/web/cypress/e2e/safe-apps/tx_modal.cy.js
similarity index 80%
rename from cypress/e2e/safe-apps/tx_modal.cy.js
rename to apps/web/cypress/e2e/safe-apps/tx_modal.cy.js
index 2549e3aa6..3b33dc219 100644
--- a/cypress/e2e/safe-apps/tx_modal.cy.js
+++ b/apps/web/cypress/e2e/safe-apps/tx_modal.cy.js
@@ -1,6 +1,6 @@
 import * as constants from '../../support/constants'
 import * as main from '../pages/main.page'
-import * as safeapps from '../pages/safeapps.pages'
+import * as ls from '../../support/localstorage_data.js'
 
 const testAppName = 'Cypress Test App'
 const testAppDescr = 'Cypress Test App Description'
@@ -9,7 +9,6 @@ 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`, {
@@ -25,10 +24,6 @@ describe('Transaction modal tests', () => {
     { 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/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..8eb448ffa
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/add_owner.cy.js
@@ -0,0 +1,53 @@
+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.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()
+  })
+})
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..b3a003741
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/assets.cy.js
@@ -0,0 +1,48 @@
+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 down options show/hide spam tokens', () => {
+    let spamTokens = [
+      assets.currencyAave,
+      assets.currencyTestTokenA,
+      assets.currencyTestTokenB,
+      assets.currencyUSDC,
+      assets.currencyLink,
+      assets.currencyDaiCap,
+    ]
+
+    cy.wrap(null)
+      .then(() => main.addToLocalStorage(constants.localStorageKeys.SAFE_v2__settings, ls.safeSettings.slimitSettings))
+      .then(() => {
+        cy.reload()
+        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..752e2e2c7
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/dashboard.cy.js
@@ -0,0 +1,53 @@
+import * as constants from '../../support/constants'
+import * as dashboard from '../pages/dashboard.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', 'Batch', '3 actions', '1 out of 2']
+const txMultiSendCall2 = ['6', '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()
+  })
+
+  it('[SMOKE] Verify clicking on Explore Safe apps button opens list of all apps', () => {
+    dashboard.clickOnExploreAppsBtn()
+  })
+
+  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)
+  })
+})
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..e8c90813d
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/load_safe.cy.js
@@ -0,0 +1,60 @@
+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', () => {
+  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', () => {
+    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')
+  })
+
+  it('[SMOKE] Verify safe name has a default name', () => {
+    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
+    cy.reload()
+    createwallet.verifyDefaultWalletName(createwallet.defaultSepoliaPlaceholder)
+  })
+
+  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/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..9d99016a5
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/messages_offchain.cy.js
@@ -0,0 +1,72 @@
+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.visit(constants.transactionsMessagesUrl + staticSafes.SEP_STATIC_SAFE_10)
+  })
+
+  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.sign,
+      typeMessagesGeneral.oneOftwo,
+      typeMessagesOffchain.name,
+    ])
+    createTx.verifySummaryByIndex(3, [
+      typeMessagesGeneral.sign,
+      typeMessagesGeneral.oneOftwo,
+      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)
+  })
+})
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..1ad6a72e8
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/nfts.cy.js
@@ -0,0 +1,41 @@
+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.visit(constants.balanceNftsUrl + staticSafes.SEP_STATIC_SAFE_2)
+    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/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..e058e37fb
--- /dev/null
+++ b/apps/web/cypress/e2e/smoke/tx_history.cy.js
@@ -0,0 +1,91 @@
+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.visit(constants.transactionsHistoryUrl + staticSafes.SEP_STATIC_SAFE_7)
+  })
+
+  // Token receipt
+  it('[SMOKE] Verify summary for token receipt', () => {
+    createTx.verifySummaryByName(
+      typeReceive.summaryTitle,
+      typeReceive.summaryTxInfo,
+      [typeReceive.summaryTxInfo, typeGeneral.statusOk],
+      typeReceive.altImage,
+    )
+  })
+
+  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,
+      null,
+      [typeSend.summaryTxInfo, typeGeneral.statusOk],
+      typeSend.altImage,
+      typeSend.altToken,
+    )
+  })
+
+  it('[SMOKE] Verify summary for on-chain rejection', () => {
+    createTx.verifySummaryByName(
+      typeOnchainRejection.title,
+      null,
+      [typeGeneral.statusOk],
+      typeOnchainRejection.altImage,
+    )
+  })
+
+  it('[SMOKE] Verify summary for batch', () => {
+    createTx.verifySummaryByName(typeBatch.title, typeBatch.summaryTxInfo, [
+      typeBatch.summaryTxInfo,
+      typeGeneral.statusOk,
+    ])
+  })
+
+  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.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/smoke/tx_history_filter.cy.js
similarity index 100%
rename from cypress/e2e/smoke/tx_history_filter.cy.js
rename to apps/web/cypress/e2e/smoke/tx_history_filter.cy.js
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/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/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..f0face4b3
--- /dev/null
+++ b/apps/web/cypress/fixtures/safes/static.json
@@ -0,0 +1,38 @@
+{
+  "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"
+}
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_data.json b/apps/web/cypress/fixtures/swaps_data.json
new file mode 100644
index 000000000..2ec3037bf
--- /dev/null
+++ b/apps/web/cypress/fixtures/swaps_data.json
@@ -0,0 +1,77 @@
+{
+  "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",
+      "sell": "Sell",
+      "oneCOW": "1 COW",
+      "forAtLeast": "for at least",
+      "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",
+      "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/cypress/fixtures/txhistory_data_data.json b/apps/web/cypress/fixtures/txhistory_data_data.json
similarity index 76%
rename from cypress/fixtures/txhistory_data_data.json
rename to apps/web/cypress/fixtures/txhistory_data_data.json
index 8a276ccf8..9bdab8a0e 100644
--- a/cypress/fixtures/txhistory_data_data.json
+++ b/apps/web/cypress/fixtures/txhistory_data_data.json
@@ -10,7 +10,7 @@
       "executedBy": "Executed"
     },
     "accountCreation": {
-      "actionsSummary": "Safe Account created by 0xC16D...6fED",
+      "actionsSummary": "Created by 0xC16D...6fED",
       "transactionSafehash": {},
       "summaryTime": "10:30 AM",
       "title": "Safe Account created",
@@ -34,14 +34,33 @@
     "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",
-      "altToken": "ETH"
+      "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, 2:37:11 AM",
+      "executionDateNFT": "9/28/2023, 2:48:11 AM",
+      "executionDateEth": "8/19/2020, 8:51:31 AM"
     },
     "send": {
       "title": "Sent",
@@ -51,7 +70,9 @@
       "recipientAddress": "sep:0x06373d5e45AD31BD354CeBfA8dB4eD2c75B8708e",
       "transactionHash": "0x6a59...6a98",
       "altImage": "Sent",
-      "altToken": "ETH"
+      "altToken": "ETH",
+      "txBuilderTitle": "Transaction Builder",
+      "txBuilderAltImage": "Transaction Builder"
     },
     "onchainRejection": {
       "title": "On-chain rejection",
@@ -62,11 +83,11 @@
       "safeTxHash": "0x1303...0fe2"
     },
     "batchNativeTransfer": {
-      "title": "Safe: MultiSendCallOnly 1.3.0",
+      "title": "Batch",
       "summaryTxInfo": "2 actions",
       "summaryTime": "11:24 AM",
-      "description": "MultiSend contract",
-      "altImage": "Safe: MultiSendCallOnly 1.3.0",
+      "description": "Batch transaction with 2 actions",
+      "altImage": "Batch",
       "contractTitle": "Safe: MultiSendCallOnly 1.3.0",
       "contractAddress": "sep:0xA1dabEF33b3B82c7814B6D82A79e50F4AC44102B",
       "transactionHash": "0xa5dd...b064",
@@ -82,9 +103,9 @@
       "description": "Add signer",
       "altImage": "addOwnerWithThreshold",
       "requiredConfirmationsTitle": "Required confirmations for new transactions",
-      "ownerAddress": "sep:0x01A9F68e339da12565cfBc47fe7D6EdEcB11C46f",
-      "transactionHash": "0x51d5...da62",
-      "safeTxHash": "0xdcc5...e1b2"
+      "ownerAddress": "sep:0x4fe7164d7cA511Ab35520bb14065F1693240dC90",
+      "transactionHash": "0xfcad...ab35",
+      "safeTxHash": "0x8583...3d2d"
     },
     "removeOwner": {
       "title": "removeOwner",
@@ -145,28 +166,29 @@
       "baseGas": "baseGas"
     },
     "spendingLimits": {
-      "title": "Safe: MultiSendCallOnly 1.3.0",
+      "title": "Batch",
       "summaryTxInfo": "3 actions",
       "summaryTime": "11:06 AM",
-      "description": "MultiSend contract",
-      "altImage": "Safe: MultiSendCallOnly 1.3.0",
+      "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)"
+        "moduleAddressTitle": "module address"
       },
       "addDelegate": {
         "title": "addDelegate",
         "description": "Interact with",
         "interactionAddress": "sep:0xCFbFaC74C26F8647cBDb8c5caf80BB5b32E43134",
         "delegateAddress": "sep:0xC16D...6fED",
-        "delegateAddressTitle": "delegate(address)"
+        "delegateAddressTitle": "delegate address"
       },
       "setAllowance": {
         "title": "setAllowance",
@@ -175,7 +197,7 @@
         "allowanceAmount": "100000000000",
         "resetTimeMin": "0",
         "resetBaseMin": "0",
-        "delegateAddressTitle": "delegate(address)"
+        "delegateAddressTitle": "delegate address"
       }
     },
     "untrustedReceivedToken": {
@@ -188,6 +210,18 @@
       "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 100%
rename from cypress/support/commands.js
rename to apps/web/cypress/support/commands.js
diff --git a/cypress/support/constants.js b/apps/web/cypress/support/constants.js
similarity index 91%
rename from cypress/support/constants.js
rename to apps/web/cypress/support/constants.js
index 0bba9e43a..d1e643809 100644
--- a/cypress/support/constants.js
+++ b/apps/web/cypress/support/constants.js
@@ -37,6 +37,7 @@ export const goerlySafeName = /g(ö|oe)rli-safe/
 export const sepoliaSafeName = 'sepolia-safe'
 export const goerliToken = /G(ö|oe)rli Ether/
 
+export const prodbaseUrl = 'https://app.safe.global'
 export const swapWidget = 'https://swap.cow.fi/#/11155111/widget/swap/'
 export const safeTestAppurl = 'https://safe-apps-test-app.pages.dev'
 export const TX_Builder_url = 'https://safe-apps.dev.5afe.dev/tx-builder'
@@ -45,12 +46,14 @@ 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 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='
@@ -65,11 +68,12 @@ 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/'
@@ -81,6 +85,7 @@ 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'
 
@@ -92,8 +97,12 @@ export const safeListEndpoint = '**/safes'
 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 +111,7 @@ export const TXActionNames = {
 
 export const networkKeys = {
   sepolia: '11155111',
+  polygon: '137',
 }
 export const mainSideMenuOptions = {
   home: 'Home',
@@ -122,6 +132,10 @@ export const networks = {
   sepolia: 'Sepolia',
   polygon: 'Polygon',
   gnosis: 'Gnosis',
+  zkSync: 'zkSync Era',
+  base: 'Base',
+  optimism: 'Optimism',
+  gnosisChiado: 'Gnosis Chiado',
 }
 
 export const tokenAbbreviation = {
@@ -196,6 +210,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 +240,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..49a4bbe54
--- /dev/null
+++ b/apps/web/cypress/support/e2e.js
@@ -0,0 +1,91 @@
+// ***********************************************************
+// 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'
+import { acceptCookies2 } from '../e2e/pages/main.page'
+
+// 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'
+    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,
+    )
+    cy.wrap(window.localStorage).invoke('getItem', cookiesKey).should('equal', ls.cookies.acceptedCookies)
+  })
+  cy.visit(constants.setupUrl + 'sep:0xBb26E3717172d5000F87DeFd391994f789D80aEB')
+  acceptCookies2()
+})
diff --git a/cypress/support/localstorage_data.js b/apps/web/cypress/support/localstorage_data.js
similarity index 85%
rename from cypress/support/localstorage_data.js
rename to apps/web/cypress/support/localstorage_data.js
index 65add7561..e442bc8e3 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,22 @@ export const batchData = {
     },
   },
 }
+export const visitedSafes = {
+  set1: {
+    11155111: {
+      '0x905934aA8758c06B2422F0C90D97d2fbb6677811': {
+        lastVisited: 1732794651004,
+      },
+    },
+  },
+}
 export const addressBookData = {
+  proposers: {
+    11155111: { '0xC16Db0251654C0a72E91B190d81eAD367d2C6fED': 'AD Proposer1' },
+  },
+  addedSafesImport: {
+    11155111: { '0x6d0b6F96f665Bb4490f9ddb2e450Da2f7e546dC1': 'imported-safe' },
+  },
   sepoliaAddress1: {
     11155111: { '0x6a5602335a878ADDCa4BF63a050E34946B56B5bC': 'Owner1' },
   },
@@ -329,12 +355,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 +431,7 @@ export const addressBookData = {
       '0xc2F3645bfd395516d1a18CA6ad9298299d328C01': 'Safe 27',
     },
   },
-  cookies: { necessary: true, updates: true, analytics: true },
+  cookies: cookieState,
 }
 
 export const safeSettings = {
@@ -641,6 +698,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 +748,13 @@ export const customApps = (url) => ({
   },
 })
 
+const infoModalAccepted = {
+  11155111: {
+    consentsAccepted: true,
+    warningCheckedCustomApps: [],
+  },
+}
+
 export const appPermissions = (url) => ({
   grantedPermissions: {
     [url]: [
@@ -664,27 +762,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..fe6e9fd07
--- /dev/null
+++ b/apps/web/cypress/support/utils/gtag.js
@@ -0,0 +1,72 @@
+export function getEvents() {
+  cy.window().then((win) => {
+    cy.wrap(win.dataLayer).as('dataLayer')
+  })
+}
+
+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[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',
+  },
+}
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..9a75493d3
--- /dev/null
+++ b/apps/web/cypress/support/utils/wallet.js
@@ -0,0 +1,73 @@
+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) {
+  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: () => {
+      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()
+      }
+    })
+  }
+
+  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()
+          .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..1842269ac
--- /dev/null
+++ b/apps/web/docs/release-procedure.md
@@ -0,0 +1,73 @@
+# 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 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:
+
+- Create a final release from the draft release. This will trigger a build and upload the code to an S3 bucket
+- 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-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..36ee0b724
--- /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$': '<rootDir>/node_modules/react',
+    '^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',
+  },
+  // 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..4ede22b48
--- /dev/null
+++ b/apps/web/next.config.mjs
@@ -0,0 +1,115 @@
+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'
+
+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
+
+  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: path.resolve('./node_modules/react'),
+      '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..6f029f185
--- /dev/null
+++ b/apps/web/package.json
@@ -0,0 +1,175 @@
+{
+  "name": "@safe-global/web",
+  "homepage": "https://github.com/safe-global/safe-wallet-web",
+  "license": "GPL-3.0",
+  "version": "1.51.3",
+  "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 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",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build --quiet"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "@cowprotocol/widget-react": "^0.13.0",
+    "@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.1.0",
+    "@ledgerhq/device-management-kit": "^0.5.1",
+    "@ledgerhq/device-signer-kit-ethereum": "^1.1.0",
+    "@mui/icons-material": "^6.1.6",
+    "@mui/material": "^6.3.0",
+    "@mui/x-date-pickers": "^7.23.3",
+    "@reduxjs/toolkit": "^2.5.0",
+    "@reown/walletkit": "^1.1.1",
+    "@safe-global/api-kit": "^2.4.6",
+    "@safe-global/protocol-kit": "^4.1.5",
+    "@safe-global/safe-apps-sdk": "^9.1.0",
+    "@safe-global/safe-client-gateway-sdk": "v1.60.1",
+    "@safe-global/safe-deployments": "patch:@safe-global/safe-deployments@npm%3A1.37.36#~/.yarn/patches/@safe-global-safe-deployments-npm-1.37.36-7beb5df7ca.patch",
+    "@safe-global/safe-gateway-typescript-sdk": "3.22.7",
+    "@safe-global/safe-modules-deployments": "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/store": "workspace:^",
+    "@sentry/react": "^7.91.0",
+    "@spindl-xyz/attribution-lite": "^1.4.0",
+    "@walletconnect/core": "^2.17.2",
+    "@walletconnect/utils": "^2.17.3",
+    "@web3-onboard/coinbase": "^2.4.2",
+    "@web3-onboard/core": "2.21.4",
+    "@web3-onboard/injected-wallets": "^2.11.2",
+    "@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": "2.4.3",
+    "@web3-onboard/walletconnect": "^2.6.1",
+    "blo": "^1.1.1",
+    "classnames": "^2.5.1",
+    "date-fns": "^2.30.0",
+    "ethers": "^6.13.4",
+    "exponential-backoff": "^3.1.0",
+    "firebase": "^11.1.0",
+    "fuse.js": "^7.0.0",
+    "idb-keyval": "^6.2.1",
+    "js-cookie": "^3.0.1",
+    "lodash": "^4.17.21",
+    "next": "^15.1.2",
+    "papaparse": "^5.3.2",
+    "qrcode.react": "^3.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.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": "^9.1.2",
+    "semver": "^7.6.3",
+    "zodiac-roles-deployments": "^2.3.4"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.1",
+    "@cowprotocol/app-data": "^2.4.0",
+    "@eslint/eslintrc": "^3.1.0",
+    "@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/safe-core-sdk-types": "^5.0.1",
+    "@safe-global/test": "workspace:^",
+    "@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.4",
+    "@types/js-cookie": "^3.0.6",
+    "@types/lodash": "^4.14.182",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "18.11.18",
+    "@types/qrcode": "^1.5.5",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-gtm-module": "^2.0.3",
+    "@types/semver": "^7.3.10",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^8.18.1",
+    "cross-env": "^7.0.3",
+    "cypress": "^13.15.2",
+    "cypress-file-upload": "^5.0.8",
+    "cypress-visual-regression": "^5.2.2",
+    "eslint": "^9.19.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",
+    "gray-matter": "^4.0.3",
+    "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.0",
+    "prettier": "^3.3.3",
+    "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-heading-id": "^1.0.1",
+    "remark-mdx-frontmatter": "^5.0.0",
+    "storybook": "^8.3.4",
+    "ts-prune": "^0.10.3",
+    "typechain": "^8.3.2",
+    "typescript": "^5.4.5",
+    "typescript-plugin-css-modules": "^4.2.2",
+    "webpack": "^5.97.1"
+  },
+  "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/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..4c1a1dc16
--- /dev/null
+++ b/apps/web/public/fonts/fonts.css
@@ -0,0 +1,15 @@
+@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');
+}
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/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/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..db47ec7f6
--- /dev/null
+++ b/apps/web/public/images/common/bridge.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+<rect x="14" y="14" width="8" height="8" rx="2" fill="none"/>
+<rect x="2" y="2" width="8" height="8" rx="2" fill="none"/>
+<path d="M7 14v1a2 2 0 0 0 2 2h1"/>
+<path d="M14 7h1a2 2 0 0 1 2 2v1"/>
+</svg>
\ No newline at end of file
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/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/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/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.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/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/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/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/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.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/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/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/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 100%
rename from public/images/logo-round.svg
rename to apps/web/public/images/logo-round.svg
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/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/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/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/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/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 100%
rename from public/safe.webmanifest
rename to apps/web/public/safe.webmanifest
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/download_bundle_analyser_artifact.sh b/apps/web/scripts/github/download_bundle_analyser_artifact.sh
similarity index 100%
rename from scripts/github/download_bundle_analyser_artifact.sh
rename to apps/web/scripts/github/download_bundle_analyser_artifact.sh
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/scripts/github/s3_upload.sh b/apps/web/scripts/github/s3_upload.sh
similarity index 96%
rename from scripts/github/s3_upload.sh
rename to apps/web/scripts/github/s3_upload.sh
index 048cf1438..effa8204f 100755
--- a/scripts/github/s3_upload.sh
+++ b/apps/web/scripts/github/s3_upload.sh
@@ -13,7 +13,9 @@ 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'
+    aws s3 cp ${file%} $BUCKET/${file%.*} --content-type 'text/html' &
 done
 
+wait
+
 cd -
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/src/components/address-book/AddressBookTable/index.tsx b/apps/web/src/components/address-book/AddressBookTable/index.tsx
similarity index 100%
rename from src/components/address-book/AddressBookTable/index.tsx
rename to apps/web/src/components/address-book/AddressBookTable/index.tsx
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..3c809ec4c
--- /dev/null
+++ b/apps/web/src/components/address-book/EntryDialog/index.tsx
@@ -0,0 +1,103 @@
+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 madProps from '@/utils/mad-props'
+import { upsertAddressBookEntries } from '@/store/addressBookSlice'
+
+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 dispatch = useAppDispatch()
+
+  const methods = useForm<AddressEntry>({
+    defaultValues,
+    mode: 'onChange',
+  })
+
+  const { handleSubmit, formState } = methods
+
+  const submitCallback = handleSubmit((data: AddressEntry) => {
+    dispatch(upsertAddressBookEntries({ ...data, chainIds: chainIds ?? [currentChainId] }))
+    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="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.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/src/components/address-book/ExportDialog/index.tsx b/apps/web/src/components/address-book/ExportDialog/index.tsx
similarity index 100%
rename from src/components/address-book/ExportDialog/index.tsx
rename to apps/web/src/components/address-book/ExportDialog/index.tsx
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..8f7e47b39
--- /dev/null
+++ b/apps/web/src/components/address-book/ImportDialog/index.tsx
@@ -0,0 +1,183 @@
+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, 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(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/src/components/address-book/ImportDialog/validation.ts b/apps/web/src/components/address-book/ImportDialog/validation.ts
similarity index 100%
rename from src/components/address-book/ImportDialog/validation.ts
rename to apps/web/src/components/address-book/ImportDialog/validation.ts
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/src/components/balances/AssetsTable/SendButton.tsx b/apps/web/src/components/balances/AssetsTable/SendButton.tsx
similarity index 100%
rename from src/components/balances/AssetsTable/SendButton.tsx
rename to apps/web/src/components/balances/AssetsTable/SendButton.tsx
diff --git a/src/components/balances/AssetsTable/index.test.tsx b/apps/web/src/components/balances/AssetsTable/index.test.tsx
similarity index 100%
rename from src/components/balances/AssetsTable/index.test.tsx
rename to apps/web/src/components/balances/AssetsTable/index.test.tsx
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..50d75aecd
--- /dev/null
+++ b/apps/web/src/components/balances/AssetsTable/index.tsx
@@ -0,0 +1,242 @@
+import CheckBalance from '@/features/counterfactual/CheckBalance'
+import { type ReactElement } from 'react'
+import { Box, IconButton, Checkbox, Skeleton, SvgIcon, Tooltip, Typography } 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'
+import useIsStakingFeatureEnabled from '@/features/stake/hooks/useIsSwapFeatureEnabled'
+import { STAKE_LABELS } from '@/services/analytics/events/stake'
+import StakeButton from '@/features/stake/components/StakeButton'
+
+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 isStakingFeatureEnabled = useIsStakingFeatureEnabled()
+
+  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} />
+                  )}
+
+                  {!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', ml: 0.5, mr: [0, '-20px'], mt: '-2px' }}
+                        />
+                      </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/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/src/components/balances/HiddenTokenButton/index.test.tsx b/apps/web/src/components/balances/HiddenTokenButton/index.test.tsx
similarity index 100%
rename from src/components/balances/HiddenTokenButton/index.test.tsx
rename to apps/web/src/components/balances/HiddenTokenButton/index.test.tsx
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..df9593c36
--- /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 '@/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/src/components/balances/TokenListSelect/index.tsx b/apps/web/src/components/balances/TokenListSelect/index.tsx
similarity index 100%
rename from src/components/balances/TokenListSelect/index.tsx
rename to apps/web/src/components/balances/TokenListSelect/index.tsx
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 87%
rename from src/components/batch/BatchSidebar/BatchTxItem.tsx
rename to apps/web/src/components/batch/BatchSidebar/BatchTxItem.tsx
index 8ab81c8dc..e1d3d0856 100644
--- a/src/components/batch/BatchSidebar/BatchTxItem.tsx
+++ b/apps/web/src/components/batch/BatchSidebar/BatchTxItem.tsx
@@ -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..ee910e6dc
--- /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 '@/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..0dad6283d
--- /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 { isValidAddress } from '@/utils/validation'
+import { sameAddress } from '@/utils/addresses'
+import { toChecksumAddress } from '@/utils/rsk-utils'
+import useChainId from '@/hooks/useChainId'
+
+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..ee5305e67
--- /dev/null
+++ b/apps/web/src/components/common/AddressInput/index.test.tsx
@@ -0,0 +1,364 @@
+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}`)
+  })
+
+  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())
+  })
+
+  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..857629b4b
--- /dev/null
+++ b/apps/web/src/components/common/AddressInput/index.tsx
@@ -0,0 +1,200 @@
+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>
+  )
+
+  const resetName = () => {
+    if (!props.disabled && addressBook[watchedValue]) {
+      setValue(name, '')
+    }
+  }
+
+  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} />
+          ) : (
+            // 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/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 100%
rename from src/components/common/AddressInput/useNameResolver.ts
rename to apps/web/src/components/common/AddressInput/useNameResolver.ts
diff --git a/src/components/common/AddressInputReadOnly/index.tsx b/apps/web/src/components/common/AddressInputReadOnly/index.tsx
similarity index 100%
rename from src/components/common/AddressInputReadOnly/index.tsx
rename to apps/web/src/components/common/AddressInputReadOnly/index.tsx
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..33e9c90d4
--- /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 '@/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/BuyCryptoButton/index.tsx b/apps/web/src/components/common/BuyCryptoButton/index.tsx
new file mode 100644
index 000000000..2694e78a1
--- /dev/null
+++ b/apps/web/src/components/common/BuyCryptoButton/index.tsx
@@ -0,0 +1,106 @@
+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 InternalBuyCryptoButton = ({ 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(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..57c9fa0a9
--- /dev/null
+++ b/apps/web/src/components/common/ChainIndicator/index.tsx
@@ -0,0 +1,97 @@
+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, Typography } from '@mui/material'
+import isEmpty from 'lodash/isEmpty'
+import FiatValue from '../FiatValue'
+
+type ChainIndicatorProps = {
+  chainId?: string
+  inline?: boolean
+  className?: string
+  showUnknown?: boolean
+  showLogo?: boolean
+  onlyLogo?: boolean
+  responsive?: boolean
+  fiatValue?: string
+}
+
+const fallbackChainConfig = {
+  chainName: 'Unknown chain',
+  chainId: '-1',
+  theme: {
+    backgroundColor: '#ddd',
+    textColor: '#000',
+  },
+  chainLogoUri: null,
+}
+
+const ChainIndicator = ({
+  chainId,
+  fiatValue,
+  className,
+  inline = false,
+  showUnknown = true,
+  showLogo = true,
+  responsive = false,
+  onlyLogo = 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,
+        [css.onlyLogo]: onlyLogo,
+      })}
+    >
+      {showLogo && (
+        <img
+          src={chainConfig.chainLogoUri ?? undefined}
+          alt={`${chainConfig.chainName} Logo`}
+          width={24}
+          height={24}
+          loading="lazy"
+        />
+      )}
+      {!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..9add1a7a5
--- /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/types'
+
+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..9ac63ad89
--- /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/types'
+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..0a00abb69
--- /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 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>
+                  Accept all
+                </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/src/components/common/CopyAddressButton/__tests__/index.test.tsx b/apps/web/src/components/common/CopyAddressButton/__tests__/index.test.tsx
similarity index 100%
rename from src/components/common/CopyAddressButton/__tests__/index.test.tsx
rename to apps/web/src/components/common/CopyAddressButton/__tests__/index.test.tsx
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 79%
rename from src/components/common/DateTime/DateTime.tsx
rename to apps/web/src/components/common/DateTime/DateTime.tsx
index 6ce5776e2..b29017a6a 100644
--- a/src/components/common/DateTime/DateTime.tsx
+++ b/apps/web/src/components/common/DateTime/DateTime.tsx
@@ -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..d0e07ad03
--- /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 '@/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..1be254118
--- /dev/null
+++ b/apps/web/src/components/common/EnhancedTable/index.tsx
@@ -0,0 +1,196 @@
+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)}
+                  sx={{ mr: [0, '-26px'] }}
+                >
+                  {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/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..8c9238db0
--- /dev/null
+++ b/apps/web/src/components/common/ErrorBoundary/index.tsx
@@ -0,0 +1,62 @@
+import { Typography, Link } from '@mui/material'
+
+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'
+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..777c8bfba
--- /dev/null
+++ b/apps/web/src/components/common/EthHashInfo/SrcEthHashInfo/index.tsx
@@ -0,0 +1,132 @@
+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 '@/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} gap={0.5}>
+        {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/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..46331daa4
--- /dev/null
+++ b/apps/web/src/components/common/EthHashInfo/index.tsx
@@ -0,0 +1,54 @@
+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, isAddress } 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()
+
+  // Always use toChecksumAddress for Rootstock
+  const address = useMemo(() => {
+    // First validate if it's a valid address
+    if (!isAddress(props.address)) {
+      return props.address
+    }
+    // Then apply our checksum
+    return 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/apps/web/src/components/common/ExplorerButton/index.tsx b/apps/web/src/components/common/ExplorerButton/index.tsx
new file mode 100644
index 000000000..f10732051
--- /dev/null
+++ b/apps/web/src/components/common/ExplorerButton/index.tsx
@@ -0,0 +1,60 @@
+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 | 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="small" 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..c32b9f800
--- /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.2,
+        cursor: 'pointer',
+      }}
+    >
+      {children}
+      {!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..c4d6e8ce2
--- /dev/null
+++ b/apps/web/src/components/common/FiatValue/FiatValue.test.tsx
@@ -0,0 +1,37 @@
+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()
+  })
+})
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..d934a7b28
--- /dev/null
+++ b/apps/web/src/components/common/FiatValue/index.tsx
@@ -0,0 +1,55 @@
+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 '@/utils/formatNumber'
+
+const style = { whiteSpace: 'nowrap' } as CSSProperties
+
+const FiatValue = ({
+  value,
+  maxLength,
+  precise,
+}: {
+  value: string | number
+  maxLength?: number
+  precise?: boolean
+}): ReactElement => {
+  const currency = useAppSelector(selectCurrency)
+
+  const fiat = useMemo(() => {
+    return formatCurrency(value, currency, maxLength)
+  }, [value, currency, maxLength])
+
+  const preciseFiat = useMemo(() => {
+    return formatCurrencyPrecise(value, currency)
+  }, [value, currency])
+
+  const [whole, decimals, endCurrency] = useMemo(() => {
+    const match = preciseFiat.match(/(.+)(\D\d+)(\D+)?$/)
+    return match ? match.slice(1) : ['', preciseFiat, '', '']
+  }, [preciseFiat])
+
+  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..d3fa64fac
--- /dev/null
+++ b/apps/web/src/components/common/Footer/index.tsx
@@ -0,0 +1,89 @@
+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 } from '@/config/constants'
+import darkPalette from '@/components/theme/darkPalette'
+import ProtofireLogo from '@/public/images/protofire-logo.svg'
+
+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>
+          <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..47e660508
--- /dev/null
+++ b/apps/web/src/components/common/GeoblockingProvider/index.tsx
@@ -0,0 +1,21 @@
+import { AppRoutes } from '@/config/routes'
+import useAsync from '@/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..791cfa5de
--- /dev/null
+++ b/apps/web/src/components/common/Header/index.tsx
@@ -0,0 +1,130 @@
+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 { FEATURES } from '@/utils/chains'
+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 { useIsOfficialHost } from '@/hooks/useIsOfficialHost'
+import { BRAND_NAME } from '@/config/constants'
+
+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 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/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..e9a01067f
--- /dev/null
+++ b/apps/web/src/components/common/MetaTags/index.tsx
@@ -0,0 +1,50 @@
+import { BRAND_NAME, 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 = `${BRAND_NAME} is the most trusted smart account wallet on Ethereum with over $100B secured.`
+const titleText = BRAND_NAME
+
+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..6caeadea2
--- /dev/null
+++ b/apps/web/src/components/common/ModalDialog/index.tsx
@@ -0,0 +1,91 @@
+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
+  chainId?: string
+}
+
+interface DialogTitleProps {
+  children: ReactNode
+  onClose?: ModalProps['onClose']
+  hideChainIndicator?: boolean
+  chainId?: string
+}
+
+export const ModalDialogTitle = ({
+  children,
+  onClose,
+  hideChainIndicator = false,
+  chainId,
+  ...other
+}: DialogTitleProps) => {
+  return (
+    <DialogTitle
+      data-testid="modal-title"
+      sx={{ m: 0, px: 3, pt: 3, pb: 2, display: 'flex', alignItems: 'center', fontWeight: 'bold' }}
+      {...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..be31c2ba9
--- /dev/null
+++ b/apps/web/src/components/common/NameInput/index.tsx
@@ -0,0 +1,34 @@
+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 })}
+    />
+  )
+}
+
+export default NameInput
diff --git a/src/components/common/NamedAddressInfo/index.test.tsx b/apps/web/src/components/common/NamedAddressInfo/index.test.tsx
similarity index 100%
rename from src/components/common/NamedAddressInfo/index.test.tsx
rename to apps/web/src/components/common/NamedAddressInfo/index.test.tsx
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..575f8fa78
--- /dev/null
+++ b/apps/web/src/components/common/NamedAddressInfo/index.tsx
@@ -0,0 +1,20 @@
+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],
+  )
+
+  const finalName = name || contract?.displayName || contract?.name
+  const finalAvatar = customAvatar || contract?.logoUri
+
+  return <EthHashInfo address={address} name={finalName} customAvatar={finalAvatar} {...props} />
+}
+
+export default 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/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..f9605ab4b
--- /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 { getLatestSafeVersion } from '@/utils/chains'
+import { hasCanonicalDeployment } from '@/services/contracts/deployments'
+import { hasMultiChainCreationFeatures } from '@/features/multichain/utils/utils'
+
+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__/NetworkMultiSelector.test.tsx b/apps/web/src/components/common/NetworkSelector/__tests__/NetworkMultiSelector.test.tsx
new file mode 100644
index 000000000..23119e62a
--- /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 { FEATURES } from '@/utils/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'
+
+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..4f494817b
--- /dev/null
+++ b/apps/web/src/components/common/NetworkSelector/index.tsx
@@ -0,0 +1,469 @@
+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 { useChainId } from '@/hooks/useChainId'
+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 '@/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 { InfoOutlined } from '@mui/icons-material'
+import { selectUndeployedSafe } from '@/store/slices'
+import { skipToken } from '@reduxjs/toolkit/query'
+import { hasMultiChainAddNetworkFeature } from '@/features/multichain/utils/utils'
+
+const ChainIndicatorWithFiatBalance = ({
+  isSelected,
+  chain,
+  safeAddress,
+}: {
+  isSelected: boolean
+  chain: ChainInfo
+  safeAddress: string
+}) => {
+  const undeployedSafe = useAppSelector((state) => selectUndeployedSafe(state, chain.chainId, safeAddress))
+  const { data: safeOverview } = useGetSafeOverviewQuery(
+    undeployedSafe ? skipToken : { safeAddress, chainId: chain.chainId },
+  )
+
+  return (
+    <ChainIndicator
+      responsive={isSelected}
+      chainId={chain.chainId}
+      fiatValue={safeOverview ? safeOverview.fiatTotal : undefined}
+      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
+          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 92%
rename from src/components/common/PageLayout/SideDrawer.tsx
rename to apps/web/src/components/common/PageLayout/SideDrawer.tsx
index b96686f19..77eeda7b7 100644
--- a/src/components/common/PageLayout/SideDrawer.tsx
+++ b/apps/web/src/components/common/PageLayout/SideDrawer.tsx
@@ -48,6 +48,11 @@ 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>
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..27300492d
--- /dev/null
+++ b/apps/web/src/components/common/PageLayout/index.tsx
@@ -0,0 +1,68 @@
+import { useContext, useEffect, useState, type ReactElement } from 'react'
+import classnames from 'classnames'
+import { Alert } from '@mui/material'
+
+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 { TemporaryDialog } from '@/components/common/TemporaryDialog'
+import ExternalLink from '../ExternalLink'
+
+const StickyBanner = () => (
+  <Alert severity="warning">
+    ALWAYS{' '}
+    <ExternalLink href="https://help.safe.global/en/articles/276343-how-to-perform-basic-transactions-checks-on-safe-wallet">
+      verify transactions
+    </ExternalLink>{' '}
+    that you are approving on your signer wallet. If you can’t verify it, don’t sign it.
+  </Alert>
+)
+
+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}>
+          <div className={css.sticky}>
+            <StickyBanner />
+          </div>
+
+          <SafeLoadingError>{children}</SafeLoadingError>
+        </div>
+
+        <BatchSidebar isOpen={isBatchOpen} onToggle={setBatchOpen} />
+
+        <Footer />
+
+        <TemporaryDialog />
+      </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..50b53414f
--- /dev/null
+++ b/apps/web/src/components/common/PageLayout/styles.module.css
@@ -0,0 +1,97 @@
+.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;
+}
+
+.sticky {
+  position: sticky;
+  top: calc(var(--header-height) + env(safe-area-inset-top));
+  z-index: 1200;
+}
+
+.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/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/src/components/common/ProgressBar/styles.module.css b/apps/web/src/components/common/ProgressBar/styles.module.css
similarity index 100%
rename from src/components/common/ProgressBar/styles.module.css
rename to apps/web/src/components/common/ProgressBar/styles.module.css
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..fc0cb6362
--- /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
+}
+
+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..b034f73b5
--- /dev/null
+++ b/apps/web/src/components/common/SafeTokenWidget/__tests__/SafeTokenWidget.test.tsx
@@ -0,0 +1,97 @@
+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'
+import type { CampaignLeaderboardEntry } 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',
+        )}`,
+      )
+    })
+  })
+
+  it('Should render the Safe{Pass} points', async () => {
+    ;(useSafeTokenAllocation as jest.Mock).mockImplementation(() => [[], , false])
+    ;(useSafeVotingPower as jest.Mock).mockImplementation(() => [BigInt(420 * 10 ** 18), , false])
+    const mockCampaignRank: CampaignLeaderboardEntry = {
+      boost: '2.0',
+      holder: fakeSafeAddress,
+      position: 421,
+      totalBoostedPoints: 138,
+      totalPoints: 69,
+    }
+    jest.spyOn(safePass, 'useGetOwnGlobalCampaignRankQuery').mockReturnValue({
+      data: mockCampaignRank,
+      isLoading: false,
+      refetch: jest.fn(),
+    })
+    const result = render(<SafeTokenWidget />)
+    await waitFor(() => {
+      expect(result.queryByText('420')).toBeInTheDocument() // Safe Voting power
+      expect(result.queryByText('138')).toBeInTheDocument() // Safe Pass points
+    })
+  })
+})
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..0fddc5e9d
--- /dev/null
+++ b/apps/web/src/components/common/SafeTokenWidget/index.tsx
@@ -0,0 +1,145 @@
+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 '@/utils/formatters'
+import { Box, ButtonBase, Divider, Skeleton, SvgIcon, 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 SafePassStar from '@/public/images/common/safe-pass-star.svg'
+import css from './styles.module.css'
+import { useSanctionedAddress } from '@/hooks/useSanctionedAddress'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import { useDarkMode } from '@/hooks/useDarkMode'
+import { useGetOwnGlobalCampaignRankQuery } from '@/store/api/safePass'
+import { formatAmount } from '@/utils/formatNumber'
+
+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 safeAddress = useSafeAddress()
+  const query = useSearchParams()
+  const darkMode = useDarkMode()
+  const isSafeOwner = useIsSafeOwner()
+
+  const [allocationData, , allocationDataLoading] = useSafeTokenAllocation()
+  const [allocation, , allocationLoading] = useSafeVotingPower(allocationData)
+
+  const sanctionedAddress = useSanctionedAddress()
+  const { data: ownGlobalRank, isLoading: ownGlobalRankLoading } = useGetOwnGlobalCampaignRankQuery(
+    chainId !== '1' && chainId !== '11155111' ? skipToken : { chainId, safeAddress },
+    { refetchOnFocus: false },
+  )
+
+  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>
+
+                <Divider orientation="vertical" />
+                <SvgIcon
+                  component={SafePassStar}
+                  width={24}
+                  height={24}
+                  inheritViewBox
+                  color={darkMode ? 'primary' : undefined}
+                />
+                <Typography
+                  component="div"
+                  variant="body2"
+                  lineHeight="20px"
+                  // Badge does not accept className so must be here
+                  className={css.allocationBadge}
+                >
+                  {ownGlobalRankLoading ? (
+                    <Skeleton width="16px" animation="wave" />
+                  ) : (
+                    formatAmount(Math.floor(ownGlobalRank?.totalBoostedPoints ?? 0), 0)
+                  )}
+                </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/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..67a8886d4
--- /dev/null
+++ b/apps/web/src/components/common/Table/DataRow.tsx
@@ -0,0 +1,18 @@
+import type { ReactElement, ReactNode } from 'react'
+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 data-testid={datatestid} title={title}>
+      {children}
+    </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/TemporaryDialog/index.tsx b/apps/web/src/components/common/TemporaryDialog/index.tsx
new file mode 100644
index 000000000..cfc135d5c
--- /dev/null
+++ b/apps/web/src/components/common/TemporaryDialog/index.tsx
@@ -0,0 +1,50 @@
+import {
+  Box,
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+  Typography,
+} from '@mui/material'
+import { useState } from 'react'
+import type { ReactElement } from 'react'
+import ExternalLink from '../ExternalLink'
+
+export function TemporaryDialog(): ReactElement {
+  const [open, setOpen] = useState(true)
+
+  const handleClose = () => {
+    setOpen(false)
+  }
+
+  return (
+    <Dialog open={open}>
+      <DialogTitle>Security notice</DialogTitle>
+      <DialogContent>
+        <DialogContentText>
+          <Typography color="text.primary">
+            Due to recent security incidents it is important to ALWAYS verify transactions that you are approving on
+            your signer wallet. If you can’t verify it, don’t sign it.
+          </Typography>
+
+          <Typography color="text.primary" mt={1}>
+            More information on how to verify a Safe transaction can be found in the{' '}
+            <ExternalLink href="https://help.safe.global/en/articles/276343-how-to-perform-basic-transactions-checks-on-safe-wallet">
+              corresponding help center article
+            </ExternalLink>
+            .
+          </Typography>
+        </DialogContentText>
+      </DialogContent>
+      <DialogActions>
+        <Box m={1}>
+          <Button onClick={handleClose} variant="contained">
+            I understand
+          </Button>
+        </Box>
+      </DialogActions>
+    </Dialog>
+  )
+}
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..ed818ec7b
--- /dev/null
+++ b/apps/web/src/components/common/TokenAmount/index.tsx
@@ -0,0 +1,47 @@
+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 '@/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
+  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} />}
+        <b>
+          {sign}
+          {amount} {tokenSymbol}
+        </b>
+      </span>
+    </Tooltip>
+  )
+}
+
+export default TokenAmount
diff --git a/src/components/common/TokenAmount/styles.module.css b/apps/web/src/components/common/TokenAmount/styles.module.css
similarity index 100%
rename from src/components/common/TokenAmount/styles.module.css
rename to apps/web/src/components/common/TokenAmount/styles.module.css
diff --git a/src/components/common/TokenAmountInput/index.tsx b/apps/web/src/components/common/TokenAmountInput/index.tsx
similarity index 100%
rename from src/components/common/TokenAmountInput/index.tsx
rename to apps/web/src/components/common/TokenAmountInput/index.tsx
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/src/components/common/TokenExplorerLink/index.tsx b/apps/web/src/components/common/TokenExplorerLink/index.tsx
similarity index 100%
rename from src/components/common/TokenExplorerLink/index.tsx
rename to apps/web/src/components/common/TokenExplorerLink/index.tsx
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..232c08e24
--- /dev/null
+++ b/apps/web/src/components/common/TokenIcon/index.tsx
@@ -0,0 +1,37 @@
+import { useMemo, type ReactElement } from 'react'
+import ImageFallback from '../ImageFallback'
+import css from './styles.module.css'
+
+const FALLBACK_ICON = '/images/common/token-placeholder.svg'
+const COINGECKO_THUMB = '/thumb/'
+const COINGECKO_SMALL = '/small/'
+
+const TokenIcon = ({
+  logoUri,
+  tokenSymbol,
+  size = 26,
+  fallbackSrc,
+}: {
+  logoUri?: string
+  tokenSymbol?: string
+  size?: number
+  fallbackSrc?: string
+}): ReactElement => {
+  const src = useMemo(() => {
+    return logoUri?.replace(COINGECKO_THUMB, COINGECKO_SMALL)
+  }, [logoUri])
+
+  return (
+    <ImageFallback
+      src={src}
+      alt={tokenSymbol}
+      fallbackSrc={fallbackSrc || FALLBACK_ICON}
+      height={size}
+      className={css.image}
+      referrerPolicy="no-referrer"
+      loading="lazy"
+    />
+  )
+}
+
+export default TokenIcon
diff --git a/src/components/common/TokenIcon/styles.module.css b/apps/web/src/components/common/TokenIcon/styles.module.css
similarity index 100%
rename from src/components/common/TokenIcon/styles.module.css
rename to apps/web/src/components/common/TokenIcon/styles.module.css
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/src/components/common/WalletBalance/index.tsx b/apps/web/src/components/common/WalletBalance/index.tsx
similarity index 100%
rename from src/components/common/WalletBalance/index.tsx
rename to apps/web/src/components/common/WalletBalance/index.tsx
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/src/components/common/WalletInfo/index.tsx b/apps/web/src/components/common/WalletInfo/index.tsx
similarity index 100%
rename from src/components/common/WalletInfo/index.tsx
rename to apps/web/src/components/common/WalletInfo/index.tsx
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..cf13559e5
--- /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 '@/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 '@/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..12aca6161
--- /dev/null
+++ b/apps/web/src/components/dashboard/Assets/index.tsx
@@ -0,0 +1,120 @@
+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/apps/web/src/components/dashboard/FirstSteps/index.tsx b/apps/web/src/components/dashboard/FirstSteps/index.tsx
new file mode 100644
index 000000000..beed0e3f3
--- /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 { getExplorerLink } from '@/utils/gateway'
+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'
+
+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/src/components/dashboard/GovernanceSection/GovernanceSection.tsx b/apps/web/src/components/dashboard/GovernanceSection/GovernanceSection.tsx
similarity index 81%
rename from src/components/dashboard/GovernanceSection/GovernanceSection.tsx
rename to apps/web/src/components/dashboard/GovernanceSection/GovernanceSection.tsx
index 909e75c52..edb8b9f42 100644
--- a/src/components/dashboard/GovernanceSection/GovernanceSection.tsx
+++ b/apps/web/src/components/dashboard/GovernanceSection/GovernanceSection.tsx
@@ -24,16 +24,40 @@ 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%">
+  <Box
+    sx={{
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      height: '100%',
+    }}
+  >
     <Card className={css.loadErrorCard}>
       <Box className={css.loadErrorMsgContainer}>
-        <Typography variant="h4" color="text.primary" fontWeight="bold">
+        <Typography
+          variant="h4"
+          sx={{
+            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">
+        <Typography
+          variant="body1"
+          sx={{
+            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">
+          <Link
+            target="_blank"
+            href={DISCORD_URL}
+            sx={{
+              fontSize: 'medium',
+            }}
+          >
             Discord
             <OpenInNew fontSize="small" color="primary" className={css.loadErroricon} />
           </Link>
@@ -91,12 +115,19 @@ const GovernanceSection = () => {
             ) : (
               <Box
                 className={css.widgetWrapper}
-                display="flex"
-                alignItems="center"
-                justifyContent="center"
-                textAlign="center"
+                sx={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  textAlign: 'center',
+                }}
               >
-                <Typography variant="h1" color="text.secondary">
+                <Typography
+                  variant="h1"
+                  sx={{
+                    color: 'text.secondary',
+                  }}
+                >
                   Loading section...
                 </Typography>
               </Box>
@@ -132,14 +163,24 @@ const LazyGovernanceSection = () => {
   return (
     <>
       {hasScrolled && <InfiniteScroll onLoadMore={onVisible} />}
-
-      <Typography component="h2" variant="subtitle1" fontWeight={700}>
+      <Typography
+        component="h2"
+        variant="subtitle1"
+        sx={{
+          fontWeight: 700,
+        }}
+      >
         Governance
       </Typography>
-      <Typography variant="body2" mb={2} color="text.secondary">
+      <Typography
+        variant="body2"
+        sx={{
+          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>
     </>
   )
diff --git a/src/components/dashboard/GovernanceSection/styles.module.css b/apps/web/src/components/dashboard/GovernanceSection/styles.module.css
similarity index 100%
rename from src/components/dashboard/GovernanceSection/styles.module.css
rename to apps/web/src/components/dashboard/GovernanceSection/styles.module.css
diff --git a/src/components/dashboard/Overview/Overview.tsx b/apps/web/src/components/dashboard/Overview/Overview.tsx
similarity index 82%
rename from src/components/dashboard/Overview/Overview.tsx
rename to apps/web/src/components/dashboard/Overview/Overview.tsx
index f0b069ea4..1a44d0306 100644
--- a/src/components/dashboard/Overview/Overview.tsx
+++ b/apps/web/src/components/dashboard/Overview/Overview.tsx
@@ -23,14 +23,29 @@ import useIsSwapFeatureEnabled from '@/features/swap/hooks/useIsSwapFeatureEnabl
 
 const SkeletonOverview = (
   <>
-    <Grid container pb={2} mt={3} gap={2} alignItems="flex-end" justifyContent="space-between">
+    <Grid
+      container
+      sx={{
+        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">
+        <Grid
+          container
+          sx={{
+            gap: 1,
+            flexWrap: 'wrap',
+          }}
+        >
           <Skeleton variant="rounded" width="115px" height="40px" />
           <Skeleton variant="rounded" width="115px" height="40px" />
         </Grid>
@@ -65,14 +80,36 @@ const Overview = (): ReactElement => {
           SkeletonOverview
         ) : (
           <>
-            <Grid container pb={2} mt={3} gap={2} alignItems="flex-end" justifyContent="space-between">
+            <Grid
+              container
+              sx={{
+                pb: 2,
+                mt: 3,
+                gap: 2,
+                alignItems: 'flex-end',
+                justifyContent: 'space-between',
+              }}
+            >
               <Grid item>
-                <Typography color="primary.light" fontWeight="bold" mb={1}>
+                <Typography
+                  sx={{
+                    color: 'primary.light',
+                    fontWeight: 'bold',
+                    mb: 1,
+                  }}
+                >
                   Total asset value
                 </Typography>
-                <Typography component="div" variant="h1" fontSize={44} lineHeight="40px">
+                <Typography
+                  component="div"
+                  variant="h1"
+                  sx={{
+                    fontSize: 44,
+                    lineHeight: '40px',
+                  }}
+                >
                   {safe.deployed ? (
-                    <FiatValue value={balances.fiatTotal} maxLength={20} />
+                    <FiatValue value={balances.fiatTotal} maxLength={20} precise />
                   ) : (
                     <TokenAmount
                       value={balances.items[0].balance}
@@ -90,8 +127,10 @@ const Overview = (): ReactElement => {
                   spacing={1}
                   xs={12}
                   sm
-                  justifyContent="flex-end"
-                  flexWrap={{ xs: 'wrap', sm: 'nowrap' }}
+                  sx={{
+                    justifyContent: 'flex-end',
+                    flexWrap: { xs: 'wrap', sm: 'nowrap' },
+                  }}
                 >
                   <Grid item xs={12} sm="auto">
                     <BuyCryptoButton />
diff --git a/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx b/apps/web/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
similarity index 95%
rename from src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
rename to apps/web/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
index d4bb51b60..f1214d107 100644
--- a/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
+++ b/apps/web/src/components/dashboard/PendingTxs/PendingRecoveryListItem.tsx
@@ -27,7 +27,7 @@ function PendingRecoveryListItem({ transaction }: { transaction: RecoveryQueueIt
 
   return (
     <Link href={url} passHref>
-      <Box className={css.container} minHeight={50}>
+      <Box className={css.container} sx={{ minHeight: 50 }}>
         <Box flex={1}>
           <RecoveryType isMalicious={isMalicious} />
         </Box>
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/src/components/dashboard/PendingTxs/PendingTxListItem.tsx b/apps/web/src/components/dashboard/PendingTxs/PendingTxListItem.tsx
similarity index 75%
rename from src/components/dashboard/PendingTxs/PendingTxListItem.tsx
rename to apps/web/src/components/dashboard/PendingTxs/PendingTxListItem.tsx
index f58b651db..c3e098ed3 100644
--- a/src/components/dashboard/PendingTxs/PendingTxListItem.tsx
+++ b/apps/web/src/components/dashboard/PendingTxs/PendingTxListItem.tsx
@@ -10,7 +10,6 @@ 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 = {
@@ -20,7 +19,6 @@ type PendingTxType = {
 const PendingTx = ({ transaction }: PendingTxType): ReactElement => {
   const router = useRouter()
   const { id } = transaction
-  const { safe } = useSafeInfo()
 
   const url = useMemo(
     () => ({
@@ -36,17 +34,21 @@ const PendingTx = ({ transaction }: PendingTxType): ReactElement => {
   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 className={css.innerContainer}>
+          <Box sx={{ minWidth: 30 }}>
+            {isMultisigExecutionInfo(transaction.executionInfo) && transaction.executionInfo.nonce}
+          </Box>
 
-        <Box minWidth={62}>
-          <TxType tx={transaction} />
-        </Box>
-
-        <TxInfo info={transaction.txInfo} />
+          <Box sx={{ minWidth: 62 }}>
+            <TxType tx={transaction} />
+          </Box>
 
-        <Box flexGrow={1} />
+          <Box sx={{ minWidth: 0, flexGrow: 1 }}>
+            <TxInfo info={transaction.txInfo} />
+          </Box>
+        </Box>
 
-        <Box alignSelf="flex-end" display="flex" flexWrap="nowrap" alignItems="center" gap={1.5}>
+        <Box alignSelf="flex-start" display="flex" flexWrap="nowrap" alignItems="center" gap={1.5}>
           {isMultisigExecutionInfo(transaction.executionInfo) && (
             <TxConfirmations
               submittedConfirmations={transaction.executionInfo.confirmationsSubmitted}
diff --git a/src/components/dashboard/PendingTxs/PendingTxsList.tsx b/apps/web/src/components/dashboard/PendingTxs/PendingTxsList.tsx
similarity index 100%
rename from src/components/dashboard/PendingTxs/PendingTxsList.tsx
rename to apps/web/src/components/dashboard/PendingTxs/PendingTxsList.tsx
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..5d17ec773
--- /dev/null
+++ b/apps/web/src/components/dashboard/PendingTxs/styles.module.css
@@ -0,0 +1,50 @@
+.container {
+  width: 100%;
+  padding: 11px 16px;
+  background-color: var(--color-background-paper);
+  border: 1px solid var(--color-background-paper);
+  border-radius: 8px;
+  flex-wrap: nowrap;
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  min-height: 50px;
+}
+.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-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;
+}
+
+@media (max-width: 600px) {
+  .container {
+    flex-direction: column;
+    align-items: start;
+    flex-wrap: wrap;
+  }
+}
diff --git a/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx b/apps/web/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
similarity index 85%
rename from src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
rename to apps/web/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
index 8d297c895..ce0236022 100644
--- a/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
+++ b/apps/web/src/components/dashboard/SafeAppsDashboardSection/SafeAppsDashboardSection.tsx
@@ -10,6 +10,7 @@ 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 { SAFE_APPS_LABELS } from '@/services/analytics'
 
 import css from './styles.module.css'
 
@@ -28,9 +29,13 @@ const SafeAppsDashboardSection = () => {
           <Grid key={rankedSafeApp.id} item xs={12} sm={6} md={4} xl={4}>
             <SafeAppCard
               safeApp={rankedSafeApp}
-              onBookmarkSafeApp={togglePin}
+              onBookmarkSafeApp={(appId) => togglePin(appId, SAFE_APPS_LABELS.dashboard)}
               isBookmarked={pinnedSafeAppIds.has(rankedSafeApp.id)}
-              onClickSafeApp={() => openPreviewDrawer(rankedSafeApp)}
+              onClickSafeApp={(e) => {
+                // Don't open link
+                e.preventDefault()
+                openPreviewDrawer(rankedSafeApp)
+              }}
               openPreviewDrawer={openPreviewDrawer}
             />
           </Grid>
@@ -46,7 +51,7 @@ const SafeAppsDashboardSection = () => {
         safeApp={previewDrawerApp}
         isBookmarked={previewDrawerApp && pinnedSafeAppIds.has(previewDrawerApp.id)}
         onClose={closePreviewDrawer}
-        onBookmark={togglePin}
+        onBookmark={(appId) => togglePin(appId, SAFE_APPS_LABELS.apps_sidebar)}
       />
     </WidgetContainer>
   )
diff --git a/src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx b/apps/web/src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx
similarity index 94%
rename from src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx
rename to apps/web/src/components/dashboard/SafeAppsDashboardSection/__tests__/SafeAppsDashboardSection.test.tsx
index 66b758eac..d23503724 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,
       },
     ]),
 }))
@@ -116,8 +120,7 @@ describe('Safe Apps Dashboard Section', () => {
       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())
+    // Synthetix is not displayed as it is not featured
 
     await waitFor(() => expect(screen.getByText('Transaction Builder')).toBeInTheDocument())
     await waitFor(() => expect(screen.getByText('A Safe app to compose custom transactions')).toBeInTheDocument())
diff --git a/src/components/dashboard/SafeAppsDashboardSection/styles.module.css b/apps/web/src/components/dashboard/SafeAppsDashboardSection/styles.module.css
similarity index 100%
rename from src/components/dashboard/SafeAppsDashboardSection/styles.module.css
rename to apps/web/src/components/dashboard/SafeAppsDashboardSection/styles.module.css
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..d7b085ca9
--- /dev/null
+++ b/apps/web/src/components/dashboard/StakingBanner/index.tsx
@@ -0,0 +1,256 @@
+import { useMemo } from 'react'
+import { Typography, Card, SvgIcon, Grid, Button, Box, Stack, Link } from '@mui/material'
+import css from './styles.module.css'
+import Kiln from '@/public/images/common/kiln.svg'
+import StakeIllustrationLight from '@/public/images/common/stake-illustration-light.svg'
+import StakeIllustrationDark from '@/public/images/common/stake-illustration-dark.svg'
+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 { useSanctionedAddress } from '@/hooks/useSanctionedAddress'
+import { AppRoutes } from '@/config/routes'
+import useBalances from '@/hooks/useBalances'
+import { formatUnits } from 'ethers'
+import { TokenType } from '@safe-global/safe-gateway-typescript-sdk'
+import useIsStakingBannerEnabled from '@/features/stake/hooks/useIsStakingBannerEnabled'
+
+const LEARN_MORE_LINK = 'https://help.safe.global/en/articles/222615-safe-staking'
+const MIN_NATIVE_TOKEN_BALANCE = 32
+
+const StakingBanner = ({
+  large = false,
+  hideLocalStorageKey = 'hideStakingBanner',
+}: { large?: boolean; hideLocalStorageKey?: string } = {}) => {
+  const isDarkMode = useDarkMode()
+  const router = useRouter()
+  const { balances } = useBalances()
+
+  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)) >= MIN_NATIVE_TOKEN_BALANCE
+
+  const [widgetHidden = false, setWidgetHidden] = useLocalStorage<boolean>(hideLocalStorageKey)
+
+  const isStakingBannerEnabled = useIsStakingBannerEnabled()
+
+  const sanctionedAddress = useSanctionedAddress(isStakingBannerEnabled && !widgetHidden)
+
+  if (!isStakingBannerEnabled || widgetHidden || Boolean(sanctionedAddress) || !hasSufficientFunds) 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)
+  }
+
+  if (large) {
+    return (
+      <>
+        <Card className={`${css.bannerWrapper} ${css.bannerWrapperLarge}`}>
+          <Box
+            sx={{
+              mr: { sm: -8, md: -4, lg: 0 },
+              display: { xs: 'none', sm: 'block' },
+              position: 'relative',
+            }}
+          >
+            <Box className={classNames(css.gradientShadow, { [css.gradientShadowDarkMode]: isDarkMode })} />
+            <SvgIcon
+              component={isDarkMode ? StakeIllustrationLight : StakeIllustrationDark}
+              inheritViewBox
+              className={classNames(css.stakeIllustration)}
+            />
+          </Box>
+
+          <Grid container rowSpacing={2}>
+            <Grid
+              item
+              xs={12}
+              sx={{
+                zIndex: 2,
+                mb: 1,
+              }}
+            >
+              <Stack spacing={0.5} direction="row">
+                <Typography
+                  variant="overline"
+                  sx={{
+                    color: 'primary.light',
+                  }}
+                >
+                  Powered by
+                </Typography>
+                <SvgIcon
+                  component={Kiln}
+                  inheritViewBox
+                  color="border"
+                  className={classNames(css.kilnIcon, { [css.kilnIconDarkMode]: isDarkMode })}
+                />
+              </Stack>
+            </Grid>
+
+            <Grid
+              item
+              xs={12}
+              sx={{
+                zIndex: 2,
+              }}
+            >
+              <Typography
+                variant="h2"
+                className={classNames(css.header, { [css.gradientText]: isDarkMode })}
+                sx={{
+                  fontWeight: 700,
+                }}
+              >
+                Stake your ETH and earn rewards
+              </Typography>
+            </Grid>
+
+            <Grid
+              item
+              xs={12}
+              sm={6}
+              sx={{
+                zIndex: 2,
+                mb: 1,
+              }}
+            >
+              <Typography variant="body1">
+                Lock 32 ETH and become a validator easily with the Kiln widget — faster and more cost-effective. You can
+                also explore Safe Apps or home staking for other options. Staking involves risks like slashing.
+              </Typography>
+              {LEARN_MORE_LINK && (
+                <ExternalLink onClick={onLearnMore} href={LEARN_MORE_LINK}>
+                  Learn more
+                </ExternalLink>
+              )}
+            </Grid>
+
+            <Grid
+              item
+              container
+              xs={12}
+              spacing={2}
+              sx={{
+                textAlign: 'center',
+              }}
+            >
+              <Grid item xs={12} md="auto">
+                <NextLink
+                  href={AppRoutes.stake && { pathname: AppRoutes.stake, query: { safe: router.query.safe } }}
+                  passHref
+                  rel="noreferrer"
+                  onClick={onClick}
+                >
+                  <Button fullWidth variant="contained">
+                    Stake ETH
+                  </Button>
+                </NextLink>
+              </Grid>
+              <Grid item xs={12} md="auto">
+                <Button variant="text" onClick={onHide}>
+                  Don&apos;t show again
+                </Button>
+              </Grid>
+            </Grid>
+          </Grid>
+        </Card>
+      </>
+    )
+  }
+
+  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/index.tsx b/apps/web/src/components/dashboard/index.tsx
new file mode 100644
index 000000000..2d78e5440
--- /dev/null
+++ b/apps/web/src/components/dashboard/index.tsx
@@ -0,0 +1,78 @@
+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 GovernanceSection from '@/components/dashboard/GovernanceSection/GovernanceSection'
+import { useIsRecoverySupported } from '@/features/recovery/hooks/useIsRecoverySupported'
+import StakingBanner from '@/components/dashboard/StakingBanner'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@/utils/chains'
+import css from './styles.module.css'
+import { InconsistentSignerSetupWarning } from '@/features/multichain/components/SignerSetupWarning/InconsistentSignerSetupWarning'
+import useIsStakingBannerEnabled from '@/features/stake/hooks/useIsStakingBannerEnabled'
+
+const RecoveryHeader = dynamic(() => import('@/features/recovery/components/RecoveryHeader'))
+
+const Dashboard = (): ReactElement => {
+  const { safe } = useSafeInfo()
+  const showSafeApps = useHasFeature(FEATURES.SAFE_APPS)
+  const isStakingBannerEnabled = useIsStakingBannerEnabled()
+  const supportsRecovery = useIsRecoverySupported()
+
+  return (
+    <>
+      <Grid container spacing={3}>
+        {supportsRecovery && <RecoveryHeader />}
+
+        <Grid item xs={12}>
+          <InconsistentSignerSetupWarning />
+        </Grid>
+
+        <Grid item xs={12}>
+          <Overview />
+        </Grid>
+
+        <Grid item xs={12} className={css.hideIfEmpty}>
+          <FirstSteps />
+        </Grid>
+
+        {safe.deployed && (
+          <>
+            {isStakingBannerEnabled && (
+              <Grid item xs={12} className={css.hideIfEmpty}>
+                <StakingBanner hideLocalStorageKey="hideStakingBannerDashboard" large />
+              </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}>
+                <SafeAppsDashboardSection />
+              </Grid>
+            )}
+
+            <Grid item xs={12} className={css.hideIfEmpty}>
+              <GovernanceSection />
+            </Grid>
+          </>
+        )}
+      </Grid>
+    </>
+  )
+}
+
+export default Dashboard
diff --git a/src/components/dashboard/styled.tsx b/apps/web/src/components/dashboard/styled.tsx
similarity index 100%
rename from src/components/dashboard/styled.tsx
rename to apps/web/src/components/dashboard/styled.tsx
diff --git a/src/components/dashboard/styles.module.css b/apps/web/src/components/dashboard/styles.module.css
similarity index 100%
rename from src/components/dashboard/styles.module.css
rename to apps/web/src/components/dashboard/styles.module.css
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..c4a9d8773
--- /dev/null
+++ b/apps/web/src/components/new-safe/OwnerRow/index.tsx
@@ -0,0 +1,137 @@
+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}
+      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={validateSafeAddress} deps={deps} />
+          </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..5dd08899b
--- /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 { getLatestSafeVersion } from '@/utils/chains'
+import { useCurrentChain } from '@/hooks/useChains'
+
+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 79%
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..42bb6210b 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 '@/store/slices'
+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..788abf45b
--- /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 { HelpCenterArticle } from '@/config/constants'
+import { type SafeVersion } from '@safe-global/safe-core-sdk-types'
+import { getLatestSafeVersion } from '@/utils/chains'
+import { useCurrentChain } from '@/hooks/useChains'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+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..09f16d2ce
--- /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 '@/store/safeInfoSlice'
+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..ac350705b
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/logic/index.test.ts
@@ -0,0 +1,355 @@
+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 '@/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 { FEATURES, getLatestSafeVersion } from '@/utils/chains'
+import { chainBuilder } from '@/tests/builders/chains'
+import { type ReplayedSafeProps } from '@/store/slices'
+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 '@/types/contracts'
+
+const provider = new JsonRpcProvider(undefined, { name: 'ethereum', chainId: 1 })
+
+const latestSafeVersion = getLatestSafeVersion(
+  chainBuilder().with({ chainId: '1', recommendedMasterCopyVersion: '1.4.1' }).build(),
+)
+
+const safeToL2SetupDeployment = getSafeToL2SetupDeployment()
+const safeToL2SetupAddress = safeToL2SetupDeployment?.defaultAddress
+const safeToL2SetupInterface = Safe_to_l2_setup__factory.createInterface()
+
+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 (await getReadOnlyProxyFactoryContract(latestSafeVersion)).getAddress()
+      const readOnlyFallbackHandlerContract = await getReadOnlyFallbackHandlerContract(latestSafeVersion)
+      const safeContractAddress = await (
+        await getReadOnlyGnosisSafeContract(mockChainInfo, latestSafeVersion)
+      ).getAddress()
+
+      const undeployedSafeProps: ReplayedSafeProps = {
+        safeAccountConfig: {
+          owners: [owner1, owner2],
+          threshold: 1,
+          data: EMPTY_DATA,
+          to: ZERO_ADDRESS,
+          fallbackHandler: await 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,
+        await 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 safeL2SingletonDeployment = getSafeL2SingletonDeployment({
+        version: '1.4.1',
+        network: '137',
+      })?.defaultAddress
+      expect(
+        createNewUndeployedSafeWithoutSalt(
+          '1.4.1',
+          safeSetup,
+          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(),
+        ),
+      ).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..1043f188f
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/logic/index.ts
@@ -0,0 +1,310 @@
+import type { SafeVersion } from '@safe-global/safe-core-sdk-types'
+import { 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 { predictSafeAddress, SafeFactory, SafeProvider } from '@safe-global/protocol-kit'
+import type { DeploySafeProps, PredictedSafeProps } from '@safe-global/protocol-kit'
+import { isValidSafeVersion } from '@/hooks/coreSDK/safeCoreSDK'
+
+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 '@/utils/addresses'
+import { getLatestSafeVersion } from '@/utils/chains'
+import {
+  getCompatibilityFallbackHandlerDeployment,
+  getProxyFactoryDeployment,
+  getSafeL2SingletonDeployment,
+  getSafeSingletonDeployment,
+  getSafeToL2SetupDeployment,
+} from '@safe-global/safe-deployments'
+import { ECOSYSTEM_ID_ADDRESS } from '@/config/constants'
+import type { ReplayedSafeProps, UndeployedSafeProps } from '@/store/slices'
+import { activateReplayedSafe, isPredictedSafeProps } from '@/features/counterfactual/utils'
+import { getSafeContractDeployment } from '@/services/contracts/deployments'
+import { Safe__factory, Safe_proxy_factory__factory, Safe_to_l2_setup__factory } from '@/types/contracts'
+import { createWeb3 } from '@/hooks/wallets/web3'
+import { hasMultiChainCreationFeatures } from '@/features/multichain/utils/utils'
+
+export type SafeCreationProps = {
+  owners: string[]
+  threshold: number
+  saltNonce: number
+}
+
+const getSafeFactory = async (
+  provider: Eip1193Provider,
+  safeVersion: SafeVersion,
+  isL1SafeSingleton?: boolean,
+): Promise<SafeFactory> => {
+  if (!isValidSafeVersion(safeVersion)) {
+    throw new Error('Invalid Safe version')
+  }
+  return SafeFactory.init({ provider, safeVersion, isL1SafeSingleton })
+}
+
+/**
+ * Create a Safe creation transaction via Core SDK and submits it to the wallet
+ */
+export const createNewSafe = async (
+  provider: Eip1193Provider,
+  undeployedSafeProps: UndeployedSafeProps,
+  safeVersion: SafeVersion,
+  chain: ChainInfo,
+  options: DeploySafeProps['options'],
+  callback: (txHash: string) => void,
+  isL1SafeSingleton?: boolean,
+): Promise<void> => {
+  const safeFactory = await getSafeFactory(provider, safeVersion, isL1SafeSingleton)
+
+  if (isPredictedSafeProps(undeployedSafeProps)) {
+    await safeFactory.deploySafe({ ...undeployedSafeProps, options, callback })
+  } else {
+    const 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: DeploySafeProps,
+  chain: ChainInfo,
+  safeVersion?: SafeVersion,
+): Promise<string> => {
+  const safeProvider = new SafeProvider({ provider })
+
+  return predictSafeAddress({
+    safeProvider,
+    chainId: BigInt(chain.chainId),
+    safeAccountConfig: props.safeAccountConfig,
+    safeDeploymentConfig: {
+      saltNonce: props.saltNonce,
+      safeVersion: safeVersion ?? getLatestSafeVersion(chain),
+    },
+  })
+}
+
+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: 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 || !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..94818a43b
--- /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 '@/store/slices'
+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 '@/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..68b5993ae
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/logic/utils.ts
@@ -0,0 +1,72 @@
+import { isSmartContract } from '@/utils/wallets'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@/utils/addresses'
+import { createWeb3ReadOnly, getRpcServiceUrl } from '@/hooks/wallets/web3'
+import { type ReplayedSafeProps } from '@/store/slices'
+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
+    if (chain.chainId === chains['zksync']) {
+      // ZK-sync is using a different create2 method which is supported by the SDK
+      safeAddress = await computeNewSafeAddress(
+        rpcUrl,
+        {
+          safeAccountConfig: replayedSafe.safeAccountConfig,
+          saltNonce: replayedSafe.saltNonce,
+        },
+        chain,
+        replayedSafe.safeVersion,
+      )
+    } 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..9c8dbc35b
--- /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/safe-core-sdk-types'
+import NumberField from '@/components/common/NumberField'
+import { useCurrentChain } from '@/hooks/useChains'
+import useAsync from '@/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..97754f3e8
--- /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 '@/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-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"
+            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..a677f08cb
--- /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 '@/config/constants'
+import { type SafeVersion } from '@safe-global/safe-core-sdk-types'
+
+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..7e901a6d2
--- /dev/null
+++ b/apps/web/src/components/new-safe/create/steps/ReviewStep/index.tsx
@@ -0,0 +1,532 @@
+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, { PayMethod } 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 '@/services/exceptions/utils'
+import { useAppDispatch, useAppSelector } 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, 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 '@/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 '@/store/slices'
+import { predictAddressBasedOnReplayData } from '@/features/multichain/utils/utils'
+import { createWeb3ReadOnly, getRpcServiceUrl } from '@/hooks/wallets/web3'
+import { type DeploySafeProps } from '@safe-global/protocol-kit'
+import { updateAddressBook } from '../../logic/address-book'
+import chains from '@/config/chains'
+
+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
+
+      if (chain.chainId === chains['zksync']) {
+        safeAddress = await computeNewSafeAddress(
+          customRpcUrl || getRpcServiceUrl(chain.rpcUri),
+          {
+            safeAccountConfig: replayedSafeWithNonce.safeAccountConfig,
+            saltNonce: nextAvailableNonce,
+          },
+          chain,
+          replayedSafeWithNonce.safeVersion,
+        )
+      } 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: DeploySafeProps['options'] = 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,
+          data.safeVersion,
+          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..771473181
--- /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/safe-core-sdk-types'
+import { useCurrentChain } from '@/hooks/useChains'
+import { useEffect } from 'react'
+import { getLatestSafeVersion } from '@/utils/chains'
+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'
+
+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..bf681f515
--- /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 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.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..14e8e37ea
--- /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 { getLatestSafeVersion } from '@/utils/chains'
+import { isPredictedSafeProps } from '@/features/counterfactual/utils'
+
+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 100%
rename from src/components/new-safe/create/steps/StatusStep/useUndeployedSafe.ts
rename to apps/web/src/components/new-safe/create/steps/StatusStep/useUndeployedSafe.ts
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..4adcef1f5
--- /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 '@/hooks/useAsync'
+import { useCurrentChain } from '@/hooks/useChains'
+import { estimateSafeCreationGas } from '@/components/new-safe/create/logic'
+import { type SafeVersion } from '@safe-global/safe-core-sdk-types'
+import { type UndeployedSafeProps } from '@/store/slices'
+
+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/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx b/apps/web/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx
similarity index 100%
rename from src/components/new-safe/load/steps/SafeOwnerStep/index.tsx
rename to apps/web/src/components/new-safe/load/steps/SafeOwnerStep/index.tsx
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..cd44eb6d4
--- /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 '@/store/safeInfoSlice'
+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 '@/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..12f17f4af
--- /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 '@/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..819f18849
--- /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 '@/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..893a46ec3
--- /dev/null
+++ b/apps/web/src/components/notification-center/NotificationCenter/index.tsx
@@ -0,0 +1,203 @@
+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'
+import { useShowNotificationsRenewalMessage } from '@/components/settings/PushNotifications/hooks/useShowNotificationsRenewalMessage'
+
+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 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/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..8fb0e70a7
--- /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 '@/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..a1f5875a3
--- /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 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..3cfc0e6b2
--- /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/types'
+
+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..a343fc98a
--- /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 '@/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'
+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/src/components/safe-apps/AppFrame/SafeAppIframe.tsx b/apps/web/src/components/safe-apps/AppFrame/SafeAppIframe.tsx
similarity index 100%
rename from src/components/safe-apps/AppFrame/SafeAppIframe.tsx
rename to apps/web/src/components/safe-apps/AppFrame/SafeAppIframe.tsx
diff --git a/src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx b/apps/web/src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx
similarity index 100%
rename from src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx
rename to apps/web/src/components/safe-apps/AppFrame/ThirdPartyCookiesWarning.tsx
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 100%
rename from src/components/safe-apps/AppFrame/__tests__/AppFrame.test.tsx
rename to apps/web/src/components/safe-apps/AppFrame/__tests__/AppFrame.test.tsx
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..ec6494ec9
--- /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
+  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 92%
rename from src/components/safe-apps/AppFrame/useAppCommunicator.ts
rename to apps/web/src/components/safe-apps/AppFrame/useAppCommunicator.ts
index 1342d3285..3da1ed16b 100644
--- a/src/components/safe-apps/AppFrame/useAppCommunicator.ts
+++ b/apps/web/src/components/safe-apps/AppFrame/useAppCommunicator.ts
@@ -33,6 +33,7 @@ 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'
 
 export enum CommunicatorMessages {
   REJECT_TRANSACTION_MESSAGE = 'Transaction was rejected',
@@ -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..62ddada41
--- /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,
+      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..35876a469
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppCard/index.tsx
@@ -0,0 +1,162 @@
+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
+}
+
+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?: (e: SyntheticEvent) => 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?: (e: SyntheticEvent) => void
+  safeAppUrl: string
+  children: ReactNode
+  height?: string
+  className?: string
+}
+
+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..e693fc35d
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppCard/styles.module.css
@@ -0,0 +1,65 @@
+.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/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 92%
rename from src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
rename to apps/web/src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
index 9cbc82adb..0f5201317 100644
--- a/src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
+++ b/apps/web/src/components/safe-apps/SafeAppLandingPage/AppActions.tsx
@@ -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..76f21c0e6
--- /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._302, 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..62b86f65a
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppList/index.tsx
@@ -0,0 +1,116 @@
+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 } 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)
+      }
+    },
+    [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..442d239e1
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppPreviewDrawer/index.tsx
@@ -0,0 +1,116 @@
+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 } 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)
+    }
+  }
+
+  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..1f264677e
--- /dev/null
+++ b/apps/web/src/components/safe-apps/SafeAppTags/index.tsx
@@ -0,0 +1,30 @@
+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}
+      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/src/components/safe-apps/SafeAppTags/styles.module.css b/apps/web/src/components/safe-apps/SafeAppTags/styles.module.css
similarity index 100%
rename from src/components/safe-apps/SafeAppTags/styles.module.css
rename to apps/web/src/components/safe-apps/SafeAppTags/styles.module.css
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/src/components/safe-apps/types.ts b/apps/web/src/components/safe-apps/types.ts
similarity index 100%
rename from src/components/safe-apps/types.ts
rename to apps/web/src/components/safe-apps/types.ts
diff --git a/src/components/safe-apps/utils.ts b/apps/web/src/components/safe-apps/utils.ts
similarity index 100%
rename from src/components/safe-apps/utils.ts
rename to apps/web/src/components/safe-apps/utils.ts
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..dbb4303ac
--- /dev/null
+++ b/apps/web/src/components/safe-messages/DecodedMsg/index.tsx
@@ -0,0 +1,100 @@
+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'
+import { logError, Errors } from '@/services/exceptions'
+
+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
+  let normalizedMsg: EIP712Normalized
+  try {
+    normalizedMsg = normalizeTypedData(message)
+  } catch (error) {
+    logError(Errors._809, error)
+    normalizedMsg = message as EIP712Normalized
+  }
+
+  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/src/components/safe-messages/Msg/index.tsx b/apps/web/src/components/safe-messages/Msg/index.tsx
similarity index 100%
rename from src/components/safe-messages/Msg/index.tsx
rename to apps/web/src/components/safe-messages/Msg/index.tsx
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..db757ba5b
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgDetails/index.tsx
@@ -0,0 +1,137 @@
+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 { ErrorBoundary } from '@sentry/react'
+
+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(() => {
+    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}
+              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}
+                    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/apps/web/src/components/safe-messages/MsgList/index.tsx
similarity index 100%
rename from src/components/safe-messages/MsgList/index.tsx
rename to apps/web/src/components/safe-messages/MsgList/index.tsx
diff --git a/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx b/apps/web/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
similarity index 79%
rename from src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
rename to apps/web/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
index 22e5637f0..8e73fa890 100644
--- a/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
+++ b/apps/web/src/components/safe-messages/MsgListItem/ExpandableMsgItem.tsx
@@ -1,7 +1,8 @@
-import { Accordion, AccordionDetails, AccordionSummary } from '@mui/material'
+import { Accordion, AccordionDetails, AccordionSummary, Box } 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 { ErrorBoundary } from '@sentry/react'
 
 import MsgDetails from '@/components/safe-messages/MsgDetails'
 import MsgSummary from '@/components/safe-messages/MsgSummary'
@@ -26,7 +27,9 @@ const ExpandableMsgItem = ({ msg, expanded = false }: { msg: SafeMessage; expand
       </AccordionSummary>
 
       <AccordionDetails sx={{ padding: 0 }}>
-        <MsgDetails msg={msg} />
+        <ErrorBoundary fallback={<Box sx={{ p: 2 }}>Failed to render message details</Box>}>
+          <MsgDetails msg={msg} />
+        </ErrorBoundary>
       </AccordionDetails>
     </Accordion>
   )
diff --git a/src/components/safe-messages/MsgListItem/index.tsx b/apps/web/src/components/safe-messages/MsgListItem/index.tsx
similarity index 100%
rename from src/components/safe-messages/MsgListItem/index.tsx
rename to apps/web/src/components/safe-messages/MsgListItem/index.tsx
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 100%
rename from src/components/safe-messages/MsgSigners/MsgSigners.test.tsx
rename to apps/web/src/components/safe-messages/MsgSigners/MsgSigners.test.tsx
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..96f64fd05
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgSigners/index.tsx
@@ -0,0 +1,161 @@
+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}
+              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..a8e1057cf
--- /dev/null
+++ b/apps/web/src/components/safe-messages/MsgSummary/index.tsx
@@ -0,0 +1,80 @@
+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}
+            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/src/components/safe-messages/MsgType/index.tsx b/apps/web/src/components/safe-messages/MsgType/index.tsx
similarity index 100%
rename from src/components/safe-messages/MsgType/index.tsx
rename to apps/web/src/components/safe-messages/MsgType/index.tsx
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..d140c9b87
--- /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 { HelpCenterArticle } from '@/config/constants'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+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/src/components/safe-messages/SignMsgButton/index.tsx b/apps/web/src/components/safe-messages/SignMsgButton/index.tsx
similarity index 100%
rename from src/components/safe-messages/SignMsgButton/index.tsx
rename to apps/web/src/components/safe-messages/SignMsgButton/index.tsx
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/ContractVersion/index.tsx b/apps/web/src/components/settings/ContractVersion/index.tsx
new file mode 100644
index 000000000..2879edab1
--- /dev/null
+++ b/apps/web/src/components/settings/ContractVersion/index.tsx
@@ -0,0 +1,81 @@
+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 '@/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 { getLatestSafeVersion } from '@/utils/chains'
+import { useCurrentChain } from '@/hooks/useChains'
+
+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, true)
+
+  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>
+      )}
+    </>
+  )
+}
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..a7e90a547 100644
--- a/src/components/settings/DataManagement/FileListCard.tsx
+++ b/apps/web/src/components/settings/DataManagement/FileListCard.tsx
@@ -2,17 +2,19 @@ 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'
 import type { AddressBookState } from '@/store/addressBookSlice'
 import type { SafeAppsState } from '@/store/safeAppsSlice'
 import type { SettingsState } from '@/store/settingsSlice'
+import type { UndeployedSafesState } from '@/features/counterfactual/store/undeployedSafesSlice'
 import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
 import css from './styles.module.css'
+import type { VisitedSafesState } from '@/store/visitedSafesSlice'
 
 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..b66224136
--- /dev/null
+++ b/apps/web/src/components/settings/DataManagement/index.tsx
@@ -0,0 +1,140 @@
+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'
+
+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 }}>
+        <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/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 79%
rename from src/components/settings/DataManagement/useGlobalImportFileParser.ts
rename to apps/web/src/components/settings/DataManagement/useGlobalImportFileParser.ts
index ff5c081e9..f0362e717 100644
--- a/src/components/settings/DataManagement/useGlobalImportFileParser.ts
+++ b/apps/web/src/components/settings/DataManagement/useGlobalImportFileParser.ts
@@ -7,16 +7,19 @@ 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 type { UndeployedSafesState } from '@/features/counterfactual/store/undeployedSafesSlice'
 
 import { useMemo } from 'react'
+import type { VisitedSafesState } from '@/store/visitedSafesSlice'
 
 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..479da4ce1
--- /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 { 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"
+        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..700358e79
--- /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, Alert } from '@mui/material'
+import semverSatisfies from 'semver/functions/satisfies'
+import type { ReactElement } from 'react'
+
+import EthHashInfo from '@/components/common/EthHashInfo'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { BRAND_NAME, HelpCenterArticle } from '@/config/constants'
+import ExternalLink from '@/components/common/ExternalLink'
+import { useTxBuilderApp } from '@/hooks/safe-apps/useTxBuilderApp'
+import { useCompatibilityFallbackHandlerDeployments } from '@/hooks/useCompatibilityFallbackHandlerDeployments'
+import { useIsOfficialFallbackHandler } from '@/hooks/useIsOfficialFallbackHandler'
+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 isOfficial = useIsOfficialFallbackHandler()
+  const isTWAPFallbackHandler = useIsTWAPFallbackHandler()
+
+  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.</>
+  ) : !isOfficial ? (
+    <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>
+
+            <Alert
+              severity={!hasFallbackHandler ? 'warning' : isOfficial || isTWAPFallbackHandler ? 'success' : 'info'}
+              icon={false}
+              sx={{ mt: 2 }}
+            >
+              {warning && (
+                <Typography
+                  variant="body2"
+                  sx={{
+                    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}
+                  showCopyButton
+                  hasExplorer
+                />
+              )}
+            </Alert>
+          </Box>
+        </Grid>
+      </Grid>
+    </Paper>
+  )
+}
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..27042a004
--- /dev/null
+++ b/apps/web/src/components/settings/ProposersList/index.tsx
@@ -0,0 +1,134 @@
+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 { FEATURES } from '@/utils/chains'
+import { Box, Button, Grid, Paper, SvgIcon, Typography } from '@mui/material'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import ExternalLink from '@/components/common/ExternalLink'
+import { HelpCenterArticle } from '@/config/constants'
+import React, { useMemo, useState } from 'react'
+
+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 lg={4} xs={12}>
+            <Typography variant="h4" fontWeight={700}></Typography>
+          </Grid>
+
+          <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 94%
rename from src/components/settings/PushNotifications/GlobalPushNotifications.tsx
rename to apps/web/src/components/settings/PushNotifications/GlobalPushNotifications.tsx
index c0374ddb5..c08de91b2 100644
--- a/src/components/settings/PushNotifications/GlobalPushNotifications.tsx
+++ b/apps/web/src/components/settings/PushNotifications/GlobalPushNotifications.tsx
@@ -33,12 +33,15 @@ 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/types'
 
 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 '@/utils/formatters'
+import { useNotificationsRenewal } from './hooks/useNotificationsRenewal'
 
 // UI logic
 
@@ -267,6 +270,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 +353,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 +383,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 +400,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 100%
rename from src/components/settings/PushNotifications/__tests__/GlobalPushNotifications.test.ts
rename to apps/web/src/components/settings/PushNotifications/__tests__/GlobalPushNotifications.test.ts
diff --git a/src/components/settings/PushNotifications/__tests__/logic.test.ts b/apps/web/src/components/settings/PushNotifications/__tests__/logic.test.ts
similarity index 99%
rename from src/components/settings/PushNotifications/__tests__/logic.test.ts
rename to apps/web/src/components/settings/PushNotifications/__tests__/logic.test.ts
index cb5993237..7a103f5b1 100644
--- a/src/components/settings/PushNotifications/__tests__/logic.test.ts
+++ b/apps/web/src/components/settings/PushNotifications/__tests__/logic.test.ts
@@ -123,7 +123,7 @@ describe('Notifications', () => {
 
       const mockProvider = new BrowserProvider(MockEip1193Provider)
 
-      jest.spyOn(mockProvider, 'getSigner').mockImplementation((address?: string | number | undefined) =>
+      jest.spyOn(mockProvider, 'getSigner').mockImplementation(() =>
         Promise.resolve({
           signMessage: jest.fn().mockResolvedValueOnce(MM_SIGNATURE),
         } as unknown as JsonRpcSigner),
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..cf8cd2fa5
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/hooks/__tests__/useNotificationsTokenVersion.test.ts
@@ -0,0 +1,150 @@
+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 '@/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 95%
rename from src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
index 4cc26e7cc..68bd489fb 100644
--- a/src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
+++ b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationPreferences.ts
@@ -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 87%
rename from src/components/settings/PushNotifications/hooks/useNotificationRegistrations.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/useNotificationRegistrations.ts
index 7bde23e3d..16528df21 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'
@@ -10,6 +11,8 @@ import { logError } from '@/services/exceptions'
 import ErrorCodes from '@/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 100%
rename from src/components/settings/PushNotifications/hooks/useNotificationTracking.ts
rename to apps/web/src/components/settings/PushNotifications/hooks/useNotificationTracking.ts
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..1e605d133
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/hooks/useNotificationsTokenVersion.ts
@@ -0,0 +1,86 @@
+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 '@/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..902c59485
--- /dev/null
+++ b/apps/web/src/components/settings/PushNotifications/index.tsx
@@ -0,0 +1,296 @@
+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 { 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 CheckWalletWithPermission from '@/components/common/CheckWalletWithPermission'
+import { useIsMac } from '@/hooks/useIsMac'
+import ExternalLink from '@/components/common/ExternalLink'
+import { Permission } from '@/permissions/types'
+
+import css from './styles.module.css'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
+import NotificationRenewal from '@/components/notification-center/NotificationRenewal'
+
+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 100%
rename from src/components/settings/PushNotifications/logic.ts
rename to apps/web/src/components/settings/PushNotifications/logic.ts
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..88c17bb1a
--- /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 '@/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..c4b25059a
--- /dev/null
+++ b/apps/web/src/components/settings/SafeAppsSigningMethod/index.tsx
@@ -0,0 +1,49 @@
+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, 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 {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..443894826
--- /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://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/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/src/components/settings/SettingsHeader/index.test.tsx b/apps/web/src/components/settings/SettingsHeader/index.test.tsx
similarity index 100%
rename from src/components/settings/SettingsHeader/index.test.tsx
rename to apps/web/src/components/settings/SettingsHeader/index.test.tsx
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 100%
rename from src/components/settings/SpendingLimits/SpendingLimitsTable.tsx
rename to apps/web/src/components/settings/SpendingLimits/SpendingLimitsTable.tsx
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..9f26cd8b6
--- /dev/null
+++ b/apps/web/src/components/settings/SpendingLimits/index.tsx
@@ -0,0 +1,80 @@
+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"
+        spacing={3}
+        sx={{
+          justifyContent: 'space-between',
+          mb: 2,
+        }}
+      >
+        <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 }}
+                      variant="contained"
+                      disabled={!isOk}
+                      size="small"
+                    >
+                      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/__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..4fe1c357f
--- /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 { 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} 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/src/components/settings/TransactionGuards/styles.module.css b/apps/web/src/components/settings/TransactionGuards/styles.module.css
similarity index 100%
rename from src/components/settings/TransactionGuards/styles.module.css
rename to apps/web/src/components/settings/TransactionGuards/styles.module.css
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..513cae19d
--- /dev/null
+++ b/apps/web/src/components/settings/owner/OwnerList/index.tsx
@@ -0,0 +1,179 @@
+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'
+
+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 item lg={4} xs={12}>
+          <Typography
+            variant="h4"
+            sx={{
+              fontWeight: 700,
+            }}
+          >
+            Members
+          </Typography>
+        </Grid>
+
+        <Grid 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={{
+              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}
+                    size="compact"
+                  >
+                    Add signer
+                  </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 }: 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/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..c80501473
--- /dev/null
+++ b/apps/web/src/components/sidebar/IndexingStatus/index.tsx
@@ -0,0 +1,79 @@
+import { Stack, Box, Typography, Tooltip } from '@mui/material'
+import { formatDistanceToNow } from 'date-fns'
+import { getIndexingStatus } from '@safe-global/safe-gateway-typescript-sdk'
+import useAsync from '@/hooks/useAsync'
+import useChainId from '@/hooks/useChainId'
+import ExternalLink from '@/components/common/ExternalLink'
+import useIntervalCounter from '@/hooks/useIntervalCounter'
+
+const STATUS_PAGE = 'https://status.safe.global'
+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(
+    () => {
+      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>
+      <Stack direction="row" spacing={2} alignItems="center" px={3} py={1.5}>
+        <Box width={10} height={10} borderRadius="50%" border={`2px solid var(--color-${status.color}-main)`} />
+
+        <ExternalLink href={STATUS_PAGE} noIcon flex={1}>
+          <Typography variant="body2">{status.text}</Typography>
+        </ExternalLink>
+
+        <ExternalLink href={STATUS_PAGE} sx={{ color: 'text.secondary', transform: 'translateY(3px)' }} />
+      </Stack>
+    </Tooltip>
+  )
+}
+
+export default IndexingStatus
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..9f953643e
--- /dev/null
+++ b/apps/web/src/components/sidebar/NewTxButton/index.tsx
@@ -0,0 +1,48 @@
+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'
+import WatchlistAddButton from '../WatchlistAddButton'
+
+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 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/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..d71511046
--- /dev/null
+++ b/apps/web/src/components/sidebar/SafeListContextMenu/index.tsx
@@ -0,0 +1,135 @@
+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 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 } 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'
+
+enum ModalType {
+  RENAME = 'rename',
+  REMOVE = 'remove',
+  ADD_CHAIN = 'add_chain',
+}
+
+const defaultOpen = { [ModalType.RENAME]: false, [ModalType.REMOVE]: false, [ModalType.ADD_CHAIN]: false }
+
+const SafeListContextMenu = ({
+  name,
+  address,
+  chainId,
+  addNetwork,
+  rename,
+  undeployedSafe,
+}: {
+  name: string
+  address: string
+  chainId: string
+  addNetwork: boolean
+  rename: boolean
+  undeployedSafe: boolean
+}): ReactElement => {
+  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}>
+        {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.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..28d7cab86
--- /dev/null
+++ b/apps/web/src/components/sidebar/Sidebar/index.tsx
@@ -0,0 +1,69 @@
+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'
+
+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
+          sx={{
+            flex: 1,
+          }}
+        />
+
+        <Divider flexItem />
+
+        {/* What's new + Need help? */}
+        <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..b90513e72
--- /dev/null
+++ b/apps/web/src/components/sidebar/Sidebar/styles.module.css
@@ -0,0 +1,85 @@
+.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: 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..b3f1c1a27
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarFooter/index.tsx
@@ -0,0 +1,96 @@
+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 { 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>
+      )}
+      <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>{' '}
+      <Track {...OVERVIEW_EVENTS.SUGGESTIONS}>
+        <ListItem disablePadding>
+          <a target="_blank" rel="noopener noreferrer" href={NEW_SUGGESTION_FORM} style={{ width: '100%' }}>
+            <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">
+            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..f5684cd49
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarHeader/index.tsx
@@ -0,0 +1,124 @@
+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
+  ).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>
+
+          <CounterfactualStatusButton />
+
+          <EnvHintButton />
+        </div>
+      </div>
+
+      <NewTxButton />
+    </div>
+  )
+}
+
+export default SafeHeader
diff --git a/src/components/sidebar/SidebarHeader/styles.module.css b/apps/web/src/components/sidebar/SidebarHeader/styles.module.css
similarity index 100%
rename from src/components/sidebar/SidebarHeader/styles.module.css
rename to apps/web/src/components/sidebar/SidebarHeader/styles.module.css
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..ae5e59742
--- /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 var(--space-1)',
+          fontSize: '11px',
+        },
+        ml: 3,
+      }}
+      variant="standard"
+      badgeContent={count}
+    />
+  ) : null
diff --git a/src/components/sidebar/SidebarList/styles.module.css b/apps/web/src/components/sidebar/SidebarList/styles.module.css
similarity index 100%
rename from src/components/sidebar/SidebarList/styles.module.css
rename to apps/web/src/components/sidebar/SidebarList/styles.module.css
diff --git a/src/components/sidebar/SidebarNavigation/config.tsx b/apps/web/src/components/sidebar/SidebarNavigation/config.tsx
similarity index 87%
rename from src/components/sidebar/SidebarNavigation/config.tsx
rename to apps/web/src/components/sidebar/SidebarNavigation/config.tsx
index efa82d35f..edeb5f6ec 100644
--- a/src/components/sidebar/SidebarNavigation/config.tsx
+++ b/apps/web/src/components/sidebar/SidebarNavigation/config.tsx
@@ -7,7 +7,9 @@ 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 { SvgIcon } from '@mui/material'
 import { Chip } from '@/components/common/Chip'
 
@@ -16,6 +18,7 @@ export type NavItem = {
   icon?: ReactElement
   href: string
   tag?: ReactElement
+  disabled?: boolean
 }
 
 export const navItems: NavItem[] = [
@@ -29,11 +32,21 @@ export const navItems: NavItem[] = [
     icon: <SvgIcon component={AssetsIcon} inheritViewBox />,
     href: AppRoutes.balances.index,
   },
+  {
+    label: 'Bridge',
+    icon: <SvgIcon component={BridgeIcon} inheritViewBox />,
+    href: AppRoutes.bridge,
+    tag: <Chip label="New" sx={{ backgroundColor: 'secondary.light', color: 'static.main' }} />,
+  },
   {
     label: 'Swap',
     icon: <SvgIcon component={SwapIcon} inheritViewBox />,
     href: AppRoutes.swap,
-    tag: <Chip component="span" />,
+  },
+  {
+    label: 'Stake',
+    icon: <SvgIcon component={StakeIcon} inheritViewBox />,
+    href: AppRoutes.stake,
   },
   {
     label: 'Transactions',
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..d41a50a08
--- /dev/null
+++ b/apps/web/src/components/sidebar/SidebarNavigation/index.tsx
@@ -0,0 +1,135 @@
+import React, { useContext, useMemo, type ReactElement } from 'react'
+import { useRouter } from 'next/router'
+import { 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'
+
+const getSubdirectory = (pathname: string): string => {
+  return pathname.split('/')[1]
+}
+
+const geoBlockedRoutes = [AppRoutes.bridge, AppRoutes.swap, AppRoutes.stake]
+
+const undeployedSafeBlockedRoutes = [AppRoutes.bridge, AppRoutes.swap, AppRoutes.stake, AppRoutes.apps.index]
+
+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 },
+}
+
+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
+    }
+  }
+
+  // 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
+
+        if (item.href === AppRoutes.transactions.history) {
+          ItemTag = queueSize ? <SidebarListItemCounter count={queueSize} /> : null
+        }
+
+        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: { safe: router.query.safe } }}
+                  disabled={isDisabled}
+                >
+                  {item.icon && <SidebarListItemIcon badge={getBadge(item)}>{item.icon}</SidebarListItemIcon>}
+
+                  <SidebarListItemText data-testid="sidebar-list-item" bold>
+                    {item.label}
+
+                    {ItemTag}
+                  </SidebarListItemText>
+                </SidebarListItemButton>
+              </ListItemButton>
+            </div>
+          </Tooltip>
+        )
+      })}
+    </SidebarList>
+  )
+}
+
+export default React.memo(Navigation)
diff --git a/apps/web/src/components/sidebar/WatchlistAddButton/index.tsx b/apps/web/src/components/sidebar/WatchlistAddButton/index.tsx
new file mode 100644
index 000000000..f0df8fff3
--- /dev/null
+++ b/apps/web/src/components/sidebar/WatchlistAddButton/index.tsx
@@ -0,0 +1,73 @@
+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 account
+          </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 read-only
+          </Button>
+        </Track>
+      )}
+
+      {open && chainId && (
+        <SafeListRemoveDialog handleClose={() => setOpen(false)} address={address} chainId={chainId} />
+      )}
+    </>
+  )
+}
+
+export default WatchlistAddButton
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/src/components/theme/darkPalette.ts b/apps/web/src/components/theme/darkPalette.ts
similarity index 100%
rename from src/components/theme/darkPalette.ts
rename to apps/web/src/components/theme/darkPalette.ts
diff --git a/src/components/theme/lightPalette.ts b/apps/web/src/components/theme/lightPalette.ts
similarity index 100%
rename from src/components/theme/lightPalette.ts
rename to apps/web/src/components/theme/lightPalette.ts
diff --git a/src/components/theme/safeTheme.ts b/apps/web/src/components/theme/safeTheme.ts
similarity index 97%
rename from src/components/theme/safeTheme.ts
rename to apps/web/src/components/theme/safeTheme.ts
index e9108c325..b3ec8675b 100644
--- a/src/components/theme/safeTheme.ts
+++ b/apps/web/src/components/theme/safeTheme.ts
@@ -49,6 +49,7 @@ declare module '@mui/material/SvgIcon' {
 declare module '@mui/material/Button' {
   export interface ButtonPropsSizeOverrides {
     stretched: true
+    compact: true
   }
 
   export interface ButtonPropsColorOverrides {
@@ -100,6 +101,12 @@ const createSafeTheme = (mode: PaletteMode): Theme => {
       },
       MuiButton: {
         variants: [
+          {
+            props: { size: 'compact' },
+            style: {
+              padding: '8px 12px',
+            },
+          },
           {
             props: { size: 'stretched' },
             style: {
@@ -186,20 +193,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 +303,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 +311,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 +319,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 +327,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..935c2254c
--- /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 '@/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..a58334385
--- /dev/null
+++ b/apps/web/src/components/transactions/GroupedTxListItems/index.tsx
@@ -0,0 +1,84 @@
+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
+        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..6aa788bcd
--- /dev/null
+++ b/apps/web/src/components/transactions/HexEncodedData/HexEncodedData.test.tsx
@@ -0,0 +1,39 @@
+import { render } from '@/tests/test-utils'
+import { HexEncodedData } from '.'
+
+const hexData = '0xed2ad31ed00088fc64d00c49774b2fe3fb7fd7db1c2a714700892607b9f77dc1'
+
+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',
+    )
+    const copyButton = result.getByTestId('copy-btn-icon')
+
+    expect(showMoreButton).toBeInTheDocument()
+    expect(showMoreButton).toHaveTextContent('Show more')
+    expect(tooltipComponent).toBeInTheDocument()
+    expect(copyButton).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()
+  })
+})
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..0cb3f80cd
--- /dev/null
+++ b/apps/web/src/components/transactions/HexEncodedData/__snapshots__/HexEncodedData.test.tsx.snap
@@ -0,0 +1,187 @@
+// 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-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 (hex-encoded)
+      </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>
+        <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
+         
+      </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-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"
+      >
+        Some arbitrary 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>
+        0x10238476...
+         
+        <button
+          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiLink-button css-5r1yio-MuiTypography-root-MuiLink-root"
+          data-testid="show-more"
+          type="button"
+        >
+          Show 
+          more
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`HexEncodedData should render the default component markup 1`] = `
+<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 (hex-encoded)
+      </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>
+        <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...
+         
+        <button
+          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiLink-button css-5r1yio-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..fe635c5dc
--- /dev/null
+++ b/apps/web/src/components/transactions/HexEncodedData/index.tsx
@@ -0,0 +1,56 @@
+import { shortenText } from '@/utils/formatters'
+import { Box, Link, Tooltip } from '@mui/material'
+import type { ReactElement } from 'react'
+import { 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
+
+export const HexEncodedData = ({ hexData, title, highlightFirstBytes = true, limit = 20 }: Props): ReactElement => {
+  const [showTxData, setShowTxData] = useState(false)
+  const showExpandBtn = hexData.length > limit
+
+  const toggleExpanded = () => {
+    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 content = (
+    <Box data-testid="tx-hexData" className={css.encodedData}>
+      <CopyButton text={hexData} />
+
+      <>
+        {firstBytes}
+        {showTxData || !showExpandBtn ? restBytes : shortenText(restBytes, limit - FIRST_BYTES)}{' '}
+        {showExpandBtn && (
+          <Link
+            component="button"
+            data-testid="show-more"
+            onClick={toggleExpanded}
+            type="button"
+            sx={{ verticalAlign: 'text-top' }}
+          >
+            Show {showTxData ? 'less' : 'more'}
+          </Link>
+        )}
+      </>
+    </Box>
+  )
+
+  return title ? <FieldsGrid title={title}>{content}</FieldsGrid> : content
+}
diff --git a/src/components/transactions/HexEncodedData/styles.module.css b/apps/web/src/components/transactions/HexEncodedData/styles.module.css
similarity index 100%
rename from src/components/transactions/HexEncodedData/styles.module.css
rename to apps/web/src/components/transactions/HexEncodedData/styles.module.css
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/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/src/components/transactions/SafeCreationTx/index.tsx b/apps/web/src/components/transactions/SafeCreationTx/index.tsx
similarity index 100%
rename from src/components/transactions/SafeCreationTx/index.tsx
rename to apps/web/src/components/transactions/SafeCreationTx/index.tsx
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/src/components/transactions/SignedMessagesHelpLink/index.tsx b/apps/web/src/components/transactions/SignedMessagesHelpLink/index.tsx
similarity index 100%
rename from src/components/transactions/SignedMessagesHelpLink/index.tsx
rename to apps/web/src/components/transactions/SignedMessagesHelpLink/index.tsx
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..034630d3e
--- /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 '@/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 '@/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..dfb513fb7
--- /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 { FEATURES } from '@/utils/chains'
+import madProps from '@/utils/mad-props'
+import _TrustedToggleButton from './TrustedToggleButton'
+
+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/src/components/transactions/TxDateLabel/index.tsx b/apps/web/src/components/transactions/TxDateLabel/index.tsx
similarity index 100%
rename from src/components/transactions/TxDateLabel/index.tsx
rename to apps/web/src/components/transactions/TxDateLabel/index.tsx
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 87%
rename from src/components/transactions/TxDetails/SafeTxGasForm.tsx
rename to apps/web/src/components/transactions/TxDetails/SafeTxGasForm.tsx
index 67b4e7854..319d4fb34 100644
--- a/src/components/transactions/TxDetails/SafeTxGasForm.tsx
+++ b/apps/web/src/components/transactions/TxDetails/SafeTxGasForm.tsx
@@ -62,15 +62,26 @@ const SafeTxGasForm = () => {
   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/SafeTxHashDataRow/index.tsx b/apps/web/src/components/transactions/TxDetails/Summary/SafeTxHashDataRow/index.tsx
new file mode 100644
index 000000000..be21c59cd
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/Summary/SafeTxHashDataRow/index.tsx
@@ -0,0 +1,37 @@
+import { TxDataRow, generateDataRowValue } from '../TxDataRow'
+import { type SafeTransactionData, type SafeVersion } from '@safe-global/safe-core-sdk-types'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useChainId from '@/hooks/useChainId'
+import { getDomainHash, getSafeTxMessageHash } from '@/utils/safe-hashes'
+
+export const SafeTxHashDataRow = ({
+  safeTxHash,
+  safeTxData,
+  safeVersion,
+}: {
+  safeTxHash: string
+  safeTxData?: SafeTransactionData
+  safeVersion: SafeVersion
+}) => {
+  const chainId = useChainId()
+  const safeAddress = useSafeAddress()
+
+  const domainHash = getDomainHash({ chainId, safeAddress, safeVersion })
+  const messageHash = safeTxData ? getSafeTxMessageHash({ safeVersion, safeTxData }) : undefined
+
+  return (
+    <>
+      <TxDataRow datatestid="tx-safe-hash" title="safeTxHash:">
+        {generateDataRowValue(safeTxHash, 'hash')}
+      </TxDataRow>
+      <TxDataRow datatestid="tx-domain-hash" title="Domain hash:">
+        {generateDataRowValue(domainHash, 'hash')}
+      </TxDataRow>
+      {messageHash && (
+        <TxDataRow datatestid="tx-message-hash" title="Message hash:">
+          {generateDataRowValue(messageHash, 'hash')}
+        </TxDataRow>
+      )}
+    </>
+  )
+}
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..0ce7dd1fe
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/Summary/TxDataRow/index.tsx
@@ -0,0 +1,39 @@
+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 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':
+    case 'bytes':
+      return <HexEncodedData highlightFirstBytes={false} limit={60} hexData={value} />
+    default:
+      return <Typography sx={{ wordBreak: 'break-all' }}>{value}</Typography>
+  }
+}
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..10aa2b916
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/Summary/index.tsx
@@ -0,0 +1,172 @@
+import type { ReactElement } from 'react'
+import React, { useMemo, useState } from 'react'
+import { Link, Box } from '@mui/material'
+import { generateDataRowValue, TxDataRow } from '@/components/transactions/TxDetails/Summary/TxDataRow'
+import { isCustomTxInfo, 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, SafeTransactionData, SafeVersion } from '@safe-global/safe-core-sdk-types'
+import SafeTxGasForm from '../SafeTxGasForm'
+import DecodedData from '../TxData/DecodedData'
+import { calculateSafeTransactionHash } from '@safe-global/protocol-kit/dist/src/utils'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { SafeTxHashDataRow } from './SafeTxHashDataRow'
+import { logError, Errors } from '@/services/exceptions'
+
+interface Props {
+  txDetails: TransactionDetails
+  defaultExpanded?: boolean
+  hideDecodedData?: boolean
+}
+
+const Summary = ({ txDetails, defaultExpanded = false, hideDecodedData = false }: Props): ReactElement => {
+  const { safe } = useSafeInfo()
+  const [expanded, setExpanded] = useState<boolean>(defaultExpanded)
+
+  const toggleExpanded = () => {
+    setExpanded((val) => !val)
+  }
+
+  const { txHash, detailedExecutionInfo, executedAt, txData } = txDetails
+
+  let safeTxData: SafeTransactionData | undefined = undefined
+  let submittedAt, confirmations, safeTxHash, baseGas, gasPrice, gasToken, refundReceiver, safeTxGas, nonce
+  if (isMultisigDetailedExecutionInfo(detailedExecutionInfo)) {
+    ;({ submittedAt, confirmations, safeTxHash, baseGas, gasPrice, gasToken, safeTxGas, nonce } = detailedExecutionInfo)
+    refundReceiver = detailedExecutionInfo.refundReceiver?.value
+    if (txData) {
+      safeTxData = {
+        to: txData.to.value,
+        data: txData.hexData ?? '0x',
+        value: txData.value ?? '0',
+        operation: txData.operation as number,
+        baseGas,
+        gasPrice,
+        gasToken,
+        nonce,
+        refundReceiver,
+        safeTxGas,
+      }
+    }
+  }
+
+  const isCustom = isCustomTxInfo(txDetails.txInfo)
+
+  return (
+    <>
+      {txHash && (
+        <TxDataRow datatestid="tx-hash" title="Transaction hash:">
+          {generateDataRowValue(txHash, 'hash', true)}{' '}
+        </TxDataRow>
+      )}
+      {safeTxHash && (
+        <SafeTxHashDataRow safeTxHash={safeTxHash} safeTxData={safeTxData} safeVersion={safe.version as SafeVersion} />
+      )}
+      <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 && (
+            <Box mt={1}>
+              {!isCustom && !hideDecodedData && (
+                <Box borderBottom="1px solid" borderColor="border.light" p={2} mt={1} mb={2} mx={-2}>
+                  <DecodedData txData={txDetails.txData} toInfo={txDetails.txData?.to} />
+                </Box>
+              )}
+
+              <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-base-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>
+              ))}
+
+              <Box mt={1}>
+                <TxDataRow datatestid="tx-raw-data" title="Raw data:">
+                  {generateDataRowValue(txData.hexData, 'rawData')}
+                </TxDataRow>
+              </Box>
+            </Box>
+          )}
+        </>
+      )}
+    </>
+  )
+}
+
+export default Summary
+
+export const PartialSummary = ({ safeTx }: { safeTx: SafeTransaction }) => {
+  const txData = safeTx.data
+  const { safeAddress, safe } = useSafeInfo()
+  const safeTxHash = useMemo(() => {
+    if (!safe.version) return
+    try {
+      return calculateSafeTransactionHash(safeAddress, safeTx.data, safe.version, BigInt(safe.chainId))
+    } catch (e) {
+      logError(Errors._809, e)
+    }
+  }, [safe.chainId, safe.version, safeAddress, safeTx.data])
+  return (
+    <>
+      {safeTxHash && (
+        <SafeTxHashDataRow safeTxHash={safeTxHash} safeTxData={safeTx.data} safeVersion={safe.version as SafeVersion} />
+      )}
+      <TxDataRow datatestid="tx-safe-gas" title="safeTxGas:">
+        <SafeTxGasForm />
+      </TxDataRow>
+      <TxDataRow datatestid="tx-base-gas" title="baseGas:">
+        {txData.baseGas}
+      </TxDataRow>
+      <TxDataRow datatestid="tx-refund-receiver" title="refundReceiver:">
+        {generateDataRowValue(txData.refundReceiver, 'hash', true)}
+      </TxDataRow>
+
+      <Box mt={1}>
+        <TxDataRow datatestid="tx-raw-data" title="Raw data:">
+          {generateDataRowValue(txData.data, 'rawData')}
+        </TxDataRow>
+      </Box>
+    </>
+  )
+}
diff --git a/src/components/transactions/TxDetails/Summary/styles.module.css b/apps/web/src/components/transactions/TxDetails/Summary/styles.module.css
similarity index 100%
rename from src/components/transactions/TxDetails/Summary/styles.module.css
rename to apps/web/src/components/transactions/TxDetails/Summary/styles.module.css
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..7d78a51b9
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/MethodCall.tsx
@@ -0,0 +1,59 @@
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import { Divider } from '@/components/tx/DecodedTx'
+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>
+
+      <Divider />
+    </>
+  )
+}
+
+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..d5ef9bedc
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/MethodDetails/index.tsx
@@ -0,0 +1,75 @@
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
+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'
+
+type MethodDetailsProps = {
+  data: DataDecoded
+  hexData?: string
+  addressInfoIndex?: {
+    [key: string]: AddressEx
+  }
+}
+
+export const MethodDetails = ({ data, hexData, addressInfoIndex }: MethodDetailsProps): ReactElement => {
+  if (!data.parameters?.length) {
+    return (
+      <>
+        <Typography
+          sx={{
+            color: 'text.secondary',
+          }}
+        >
+          No parameters
+        </Typography>
+
+        {hexData && <HexEncodedData title="Data (hex-encoded)" hexData={hexData} />}
+      </>
+    )
+  }
+
+  return (
+    <Box>
+      <Typography
+        sx={{
+          fontWeight: 'bold',
+          pb: 1,
+        }}
+      >
+        Parameters
+      </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
+
+        const title = (
+          <>
+            <Typography component="span">{param.name}</Typography>{' '}
+            <Typography
+              component="span"
+              sx={{
+                color: 'text.secondary',
+              }}
+            >
+              {param.type}
+            </Typography>
+          </>
+        )
+
+        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>
+        )
+      })}
+    </Box>
+  )
+}
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..5110562ff
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/Multisend/index.tsx
@@ -0,0 +1,110 @@
+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
+  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, 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 }) => operation === Operation.DELEGATE))
+    }
+  }, [multiSendTransactions, isOpenMapUndefined])
+
+  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}
+              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/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..7a6f20a6f
--- /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 '@/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.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"
+        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..dfe311483
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/SingleTxDecoded/index.tsx
@@ -0,0 +1,66 @@
+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 '@/utils/addresses'
+import { getSafeToL2MigrationDeployment } from '@safe-global/safe-deployments'
+import { useCurrentChain } from '@/hooks/useChains'
+
+type SingleTxDecodedProps = {
+  tx: InternalTransaction
+  txData: TransactionData
+  actionTitle: string
+  variant?: AccordionProps['variant']
+  expanded?: boolean
+  onChange?: AccordionProps['onChange']
+}
+
+export const SingleTxDecoded = ({ tx, txData, actionTitle, 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 addressInfo = txData.addressInfoIndex?.[tx.to]
+  const name = addressInfo?.name
+
+  const safeToL2MigrationDeployment = getSafeToL2MigrationDeployment()
+  const safeToL2MigrationAddress = chain && safeToL2MigrationDeployment?.networkAddresses[chain.chainId]
+
+  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>
+          <Typography ml="8px">
+            {name ? name + ': ' : ''}
+            <b>{method}</b>
+          </Typography>
+        </div>
+      </AccordionSummary>
+
+      <AccordionDetails>
+        <Stack spacing={1}>
+          <DecodedData txData={singleTxData} toInfo={{ value: tx.to }} />
+        </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/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx
similarity index 100%
rename from src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx
rename to apps/web/src/components/transactions/TxDetails/TxData/DecodedData/ValueArray/ValueArray.test.tsx
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..6005fefa7
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/index.test.tsx
@@ -0,0 +1,77 @@
+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()
+    expect(getByText('Data (hex-encoded)')).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, queryByText } = render(<DecodedData txData={mockTxData} toInfo={{ value: '0x123' }} />)
+
+    expect(getByText('No parameters')).toBeInTheDocument()
+    expect(queryByText('Data (hex-encoded)')).not.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 { getByText, queryByText } = render(<DecodedData txData={mockTxData} toInfo={{ value: '0x123' }} />)
+
+    expect(queryByText('No parameters')).not.toBeInTheDocument()
+    expect(getByText('Data (hex-encoded)')).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..64103d520
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/DecodedData/index.tsx
@@ -0,0 +1,89 @@
+import type { ReactElement } from 'react'
+import { Stack } from '@mui/material'
+import { type AddressEx, TokenType, 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 { useCurrentChain } from '@/hooks/useChains'
+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 MethodCall from './MethodCall'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import { sameAddress } from '@/utils/addresses'
+import { DelegateCallWarning } from '@/components/transactions/Warning'
+
+interface Props {
+  txData: TransactionDetails['txData']
+  toInfo?: AddressEx
+}
+
+export const DecodedData = ({ txData, toInfo }: Props): ReactElement | null => {
+  const safeAddress = useSafeAddress()
+  const chainInfo = useCurrentChain()
+
+  // 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 = sameAddress(toAddress, safeAddress)
+    ? 'this Safe Account'
+    : addressInfo?.name || toInfo?.name || txData.to.name
+  const avatar = addressInfo?.logoUri || toInfo?.logoUri || txData.to.logoUri
+
+  let decodedData = <></>
+  if (txData.dataDecoded) {
+    decodedData = (
+      <MethodDetails data={txData.dataDecoded} hexData={txData.hexData} addressInfoIndex={txData.addressInfoIndex} />
+    )
+  } else if (txData.hexData) {
+    // When no decoded data, display raw hex data
+    decodedData = <HexEncodedData title="Data (hex-encoded)" hexData={txData.hexData} />
+  }
+
+  return (
+    <Stack spacing={2}>
+      {isDelegateCall && <DelegateCallWarning showWarning={!txData.trustedDelegateCallTarget} />}
+
+      {method ? (
+        <MethodCall contractAddress={toAddress} contractName={name} contractLogo={avatar} method={method} />
+      ) : (
+        <SendToBlock address={toAddress} name={name} title="Interacted with:" avatarSize={26} customAvatar={avatar} />
+      )}
+
+      {amountInWei !== '0' && (
+        <SendAmountBlock
+          title="Value:"
+          amountInWei={amountInWei}
+          tokenInfo={{
+            type: TokenType.NATIVE_TOKEN,
+            address: ZERO_ADDRESS,
+            decimals: chainInfo?.nativeCurrency.decimals ?? 18,
+            symbol: chainInfo?.nativeCurrency.symbol ?? 'ETH',
+            logoUri: chainInfo?.nativeCurrency.logoUri,
+          }}
+        />
+      )}
+
+      {decodedData}
+    </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..60b0d53d3
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/MigrationToL2TxData/index.tsx
@@ -0,0 +1,87 @@
+import DecodedTx from '@/components/tx/DecodedTx'
+import useAsync from '@/hooks/useAsync'
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { getMultiSendContractDeployment } from '@/services/contracts/deployments'
+import { createTx } from '@/services/tx/tx-sender/create'
+import { Safe__factory } from '@/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 { isMultisigDetailedExecutionInfo } from '@/utils/transaction-guards'
+import useTxPreview from '@/components/tx/confirmation-views/useTxPreview'
+
+export const MigrationToL2TxData = ({ txDetails }: { 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 (!txDetails.txHash || !chain || !sdk) {
+      return undefined
+    }
+    const txResult = await readOnlyProvider?.getTransaction(txDetails.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(txDetails.detailedExecutionInfo)
+          ? txDetails.detailedExecutionInfo.nonce
+          : undefined,
+      )
+    }
+  }, [txDetails.txHash, txDetails.detailedExecutionInfo, chain, sdk, readOnlyProvider, safe.version])
+
+  const decodedDataUnavailable = !realSafeTx && !realSafeTxLoading
+  const [txPreview, txPreviewError] = useTxPreview(realSafeTx?.data)
+
+  return (
+    <Box>
+      <MigrateToL2Information variant="history" txData={txDetails.txData} />
+
+      {realSafeTxError ? (
+        <ErrorMessage>{realSafeTxError.message}</ErrorMessage>
+      ) : txPreviewError ? (
+        <ErrorMessage>{txPreviewError.message}</ErrorMessage>
+      ) : decodedDataUnavailable ? (
+        <DecodedData txData={txDetails.txData} />
+      ) : (
+        txPreview && <DecodedTx {...txPreview} tx={realSafeTx} />
+      )}
+    </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..77b45cff5
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/ExecTransaction/index.tsx
@@ -0,0 +1,100 @@
+import { Safe__factory } from '@/types/contracts'
+import { Skeleton } from '@mui/material'
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import ErrorMessage from '@/components/tx/ErrorMessage'
+
+import DecodedTx from '@/components/tx/DecodedTx'
+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/safe-core-sdk-types'
+import ExternalLink from '@/components/common/ExternalLink'
+import { NestedTransaction } from '../NestedTransaction'
+import useTxPreview from '@/components/tx/confirmation-views/useTxPreview'
+
+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 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 ? (
+    <DecodedTx {...txPreview} tx={childSafeTx} showMethodCall showAdvancedDetails={false} />
+  ) : null
+
+  return (
+    <NestedTransaction txData={data} isConfirmationView={isConfirmationView}>
+      {decodedNestedTxDataBlock ? (
+        <>
+          {decodedNestedTxDataBlock}
+
+          {chain && data && (
+            <Link
+              href={{
+                pathname: AppRoutes.transactions.history,
+                query: { safe: `${chain.shortName}:${data.to.value}` },
+              }}
+              passHref
+              legacyBehavior
+            >
+              <ExternalLink>Open Safe</ExternalLink>
+            </Link>
+          )}
+        </>
+      ) : 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..35f7d6ca1
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/NestedTransaction.tsx
@@ -0,0 +1,38 @@
+import { Stack, SvgIcon, Typography } from '@mui/material'
+import { type TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { Divider } from '@/components/tx/DecodedTx'
+
+import NestedTransactionIcon from '@/public/images/transactions/nestedTx.svg'
+import { type ReactElement } from 'react'
+import MethodCall from '../DecodedData/MethodCall'
+import { MethodDetails } from '../DecodedData/MethodDetails'
+
+export const NestedTransaction = ({
+  txData,
+  children,
+  isConfirmationView = false,
+}: {
+  txData: TransactionData | undefined
+  children: ReactElement
+  isConfirmationView?: boolean
+}) => {
+  return (
+    <Stack spacing={2}>
+      {!isConfirmationView && txData?.dataDecoded && (
+        <>
+          <MethodCall contractAddress={txData.to.value} method={txData.dataDecoded.method} />
+          <MethodDetails data={txData.dataDecoded} addressInfoIndex={txData.addressInfoIndex} />
+          <Divider />
+        </>
+      )}
+
+      <Stack spacing={2}>
+        <Typography variant="h5" display="flex" alignItems="center" gap={1}>
+          <SvgIcon component={NestedTransactionIcon} inheritViewBox fontSize="small" /> Nested transaction:
+        </Typography>
+        {children}
+      </Stack>
+    </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..33e91b528
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/NestedTransaction/OnChainConfirmation/index.tsx
@@ -0,0 +1,94 @@
+import useChainId from '@/hooks/useChainId'
+import { Safe__factory } from '@/types/contracts'
+import { Skeleton } 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 { useGetTransactionDetailsQuery } from '@/store/api/gateway'
+import { useMemo } from 'react'
+import { skipToken } from '@reduxjs/toolkit/query'
+import ExternalLink from '@/components/common/ExternalLink'
+import { NestedTransaction } from '../NestedTransaction'
+import TxData from '../..'
+import { isMultiSendTxInfo, isOrderTxInfo } from '@/utils/transaction-guards'
+import { ErrorBoundary } from '@sentry/react'
+import Multisend from '../../DecodedData/Multisend'
+import { MODALS_EVENTS } from '@/services/analytics'
+import Track from '@/components/common/Track'
+
+const safeInterface = Safe__factory.createInterface()
+
+export const OnChainConfirmation = ({
+  data,
+  isConfirmationView = false,
+}: {
+  data?: TransactionData
+  isConfirmationView?: boolean
+}) => {
+  const chain = useCurrentChain()
+  const chainId = useChainId()
+  const signedHash = useMemo(() => {
+    const params = data?.hexData ? safeInterface.decodeFunctionData('approveHash', data?.hexData) : undefined
+    if (!params || params.length !== 1 || typeof params[0] !== 'string') {
+      return
+    }
+
+    return params[0]
+  }, [data?.hexData])
+
+  const { data: nestedTxDetails, error: txDetailsError } = useGetTransactionDetailsQuery(
+    signedHash
+      ? {
+          chainId,
+          txId: signedHash,
+        }
+      : skipToken,
+  )
+
+  return (
+    <NestedTransaction txData={data} isConfirmationView={isConfirmationView}>
+      {nestedTxDetails ? (
+        <>
+          <TxData
+            txData={nestedTxDetails.txData}
+            txInfo={nestedTxDetails.txInfo}
+            txDetails={nestedTxDetails}
+            trusted
+            imitation={false}
+          />
+
+          {(isMultiSendTxInfo(nestedTxDetails.txInfo) || isOrderTxInfo(nestedTxDetails.txInfo)) && (
+            <ErrorBoundary fallback={<div>Error parsing data</div>}>
+              <Multisend txData={nestedTxDetails.txData} />
+            </ErrorBoundary>
+          )}
+
+          {chain && data && (
+            <Track {...MODALS_EVENTS.OPEN_NESTED_TX}>
+              <Link
+                href={{
+                  pathname: AppRoutes.transactions.tx,
+                  query: {
+                    safe: `${chain?.shortName}:${data?.to.value}`,
+                    id: nestedTxDetails.txId,
+                  },
+                }}
+                passHref
+                legacyBehavior
+              >
+                <ExternalLink>Open nested transaction</ExternalLink>
+              </Link>
+            </Track>
+          )}
+        </>
+      ) : txDetailsError ? (
+        <ErrorMessage>Could not load details on hash to approve.</ErrorMessage>
+      ) : (
+        <Skeleton />
+      )}
+    </NestedTransaction>
+  )
+}
diff --git a/src/components/transactions/TxDetails/TxData/Rejection/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/Rejection/index.tsx
similarity index 100%
rename from src/components/transactions/TxDetails/TxData/Rejection/index.tsx
rename to apps/web/src/components/transactions/TxDetails/TxData/Rejection/index.tsx
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..f79a826d0
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/SettingsChange/index.tsx
@@ -0,0 +1,142 @@
+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'
+
+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 => {
+  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>
+          <UntrustedFallbackHandlerWarning fallbackHandler={settingsInfo.handler.value} 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/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx
similarity index 100%
rename from src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx
rename to apps/web/src/components/transactions/TxDetails/TxData/SpendingLimits/index.tsx
diff --git a/src/components/transactions/TxDetails/TxData/SpendingLimits/styles.module.css b/apps/web/src/components/transactions/TxDetails/TxData/SpendingLimits/styles.module.css
similarity index 100%
rename from src/components/transactions/TxDetails/TxData/SpendingLimits/styles.module.css
rename to apps/web/src/components/transactions/TxDetails/TxData/SpendingLimits/styles.module.css
diff --git a/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
similarity index 97%
rename from src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
rename to apps/web/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
index 3dac032a8..dd16a1943 100644
--- a/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
+++ b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/TransferActions.tsx
@@ -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 =
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/src/components/transactions/TxDetails/TxData/Transfer/index.tsx b/apps/web/src/components/transactions/TxDetails/TxData/Transfer/index.tsx
similarity index 100%
rename from src/components/transactions/TxDetails/TxData/Transfer/index.tsx
rename to apps/web/src/components/transactions/TxDetails/TxData/Transfer/index.tsx
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..2811dc13c
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/TxData/index.tsx
@@ -0,0 +1,115 @@
+import SettingsChangeTxInfo from '@/components/transactions/TxDetails/TxData/SettingsChange'
+import type { SpendingLimitMethods } from '@/utils/transaction-guards'
+import {
+  isExecTxData,
+  isOnChainConfirmationTxData,
+  isSafeUpdateTxData,
+  isStakingTxWithdrawInfo,
+} from '@/utils/transaction-guards'
+import { isStakingTxExitInfo } from '@/utils/transaction-guards'
+import {
+  isCancellationTxInfo,
+  isCustomTxInfo,
+  isMigrateToL2TxData,
+  isMultisigDetailedExecutionInfo,
+  isOrderTxInfo,
+  isSettingsChangeTxInfo,
+  isSpendingLimitMethod,
+  isStakingTxDepositInfo,
+  isSupportedSpendingLimitAddress,
+  isTransferTxInfo,
+} 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 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 { 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'
+
+const TxData = ({
+  txInfo,
+  txData,
+  txDetails,
+  trusted,
+  imitation,
+}: {
+  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} />
+  }
+
+  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 <DecodedData txData={txData} toInfo={isCustomTxInfo(txInfo) ? txInfo.to : undefined} />
+}
+
+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..64bec8214
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/index.tsx
@@ -0,0 +1,212 @@
+import useIsExpiredSwap from '@/features/swap/hooks/useIsExpiredSwap'
+import React, { type ReactElement, useEffect } 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,
+} 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 { TxShareButton } from '../TxShareLink/TxShareButton'
+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 { FEATURES } from '@/utils/chains'
+import { useGetTransactionDetailsQuery } from '@/store/api/gateway'
+import { asError } from '@/services/exceptions/utils'
+import { POLLING_INTERVAL } from '@/config/constants'
+import { TxNote } from '@/features/tx-notes'
+import { TxShareBlock } from '../TxShareLink/TxShareBlock'
+
+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 isTxFromProposer =
+    isMultisigDetailedExecutionInfo(txDetails.detailedExecutionInfo) &&
+    txDetails.detailedExecutionInfo.trusted &&
+    isUnsigned
+
+  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)) {
+    proposer = txDetails.detailedExecutionInfo.proposer?.value
+    safeTxHash = txDetails.detailedExecutionInfo.safeTxHash
+    // @ts-expect-error TODO: Need to update the types from the new SDK
+    proposedByDelegate = txDetails.detailedExecutionInfo.proposedByDelegate
+  }
+
+  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.shareLink}>
+          <TxShareButton txId={txSummary.id} />
+        </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}
+            />
+          </ErrorBoundary>
+        </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 />}
+          <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 || isTxFromProposer) && (
+        <div className={css.txSigners}>
+          <TxSigners
+            txDetails={txDetails}
+            txSummary={txSummary}
+            isTxFromProposer={isTxFromProposer}
+            proposer={proposedByDelegate}
+          />
+
+          {isQueue && <TxShareBlock txId={txDetails.txId} />}
+
+          {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,
+    },
+  )
+
+  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..afd3f2c24
--- /dev/null
+++ b/apps/web/src/components/transactions/TxDetails/styles.module.css
@@ -0,0 +1,97 @@
+.container {
+  display: flex;
+  width: 100%;
+  overflow-x: auto;
+}
+
+.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;
+}
+
+.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);
+}
+
+.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 {
+  border-bottom: 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/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/src/components/transactions/TxFilterForm/index.tsx b/apps/web/src/components/transactions/TxFilterForm/index.tsx
similarity index 100%
rename from src/components/transactions/TxFilterForm/index.tsx
rename to apps/web/src/components/transactions/TxFilterForm/index.tsx
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..3d4a9c4f4
--- /dev/null
+++ b/apps/web/src/components/transactions/TxInfo/index.tsx
@@ -0,0 +1,170 @@
+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,
+} from '@/utils/transaction-guards'
+import { ellipsis, maybePlural, shortenAddress } from '@/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'
+
+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 (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 100%
rename from src/components/transactions/TxListItem/ExpandableTransactionItem.tsx
rename to apps/web/src/components/transactions/TxListItem/ExpandableTransactionItem.tsx
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/src/components/transactions/TxNavigation/index.tsx b/apps/web/src/components/transactions/TxNavigation/index.tsx
similarity index 100%
rename from src/components/transactions/TxNavigation/index.tsx
rename to apps/web/src/components/transactions/TxNavigation/index.tsx
diff --git a/apps/web/src/components/transactions/TxShareLink/TxShareBlock.tsx b/apps/web/src/components/transactions/TxShareLink/TxShareBlock.tsx
new file mode 100644
index 000000000..95c5a2d3f
--- /dev/null
+++ b/apps/web/src/components/transactions/TxShareLink/TxShareBlock.tsx
@@ -0,0 +1,43 @@
+import { Accordion, AccordionDetails, AccordionSummary, Button, Paper, SvgIcon, Typography } from '@mui/material'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import type { ReactElement } from 'react'
+
+import ShareIcon from '@/public/images/messages/link.svg'
+import { trackEvent, TX_LIST_EVENTS } from '@/services/analytics'
+import TxShareLink from '.'
+
+import css from './styles.module.css'
+
+export function TxShareBlock({ txId }: { txId: string }): ReactElement | null {
+  const onExpand = (_: React.SyntheticEvent, expanded: boolean) => {
+    if (expanded) {
+      trackEvent(TX_LIST_EVENTS.OPEN_SHARE_BLOCK)
+    }
+  }
+
+  return (
+    <Paper className={css.wrapper}>
+      <Accordion className={css.accordion} onChange={onExpand}>
+        <AccordionSummary expandIcon={<ExpandMoreIcon />} className={css.summary}>
+          <Typography className={css.header}>Share link with other signers</Typography>
+        </AccordionSummary>
+        <AccordionDetails 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>
+      <div className={css.copy}>
+        <TxShareLink id={txId} eventLabel="share-block">
+          <Button
+            variant="outlined"
+            size="compact"
+            startIcon={<SvgIcon component={ShareIcon} inheritViewBox fontSize="small" className={css.icon} />}
+            className={css.button}
+          >
+            Copy link
+          </Button>
+        </TxShareLink>
+      </div>
+    </Paper>
+  )
+}
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..e9d7bf9eb
--- /dev/null
+++ b/apps/web/src/components/transactions/TxShareLink/TxShareButton.tsx
@@ -0,0 +1,16 @@
+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 '.'
+
+export function TxShareButton({ txId }: { txId: string }): ReactElement {
+  return (
+    <TxShareLink id={txId} eventLabel="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/index.tsx b/apps/web/src/components/transactions/TxShareLink/index.tsx
new file mode 100644
index 000000000..642908272
--- /dev/null
+++ b/apps/web/src/components/transactions/TxShareLink/index.tsx
@@ -0,0 +1,33 @@
+import type { ReactElement } from 'react'
+import { AppRoutes } from '@/config/routes'
+import { useRouter } from 'next/router'
+import Track from '@/components/common/Track'
+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: 'button' | 'share-block'
+}): 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/styles.module.css b/apps/web/src/components/transactions/TxShareLink/styles.module.css
new file mode 100644
index 000000000..17838ed67
--- /dev/null
+++ b/apps/web/src/components/transactions/TxShareLink/styles.module.css
@@ -0,0 +1,37 @@
+.wrapper {
+  border: 1px solid var(--color-border-light);
+  margin-top: var(--space-2);
+}
+
+.accordion {
+  border: unset;
+}
+
+.summary {
+  background: unset !important;
+}
+
+.header {
+  font-weight: 700;
+}
+
+.details {
+  padding-top: 0;
+  padding-bottom: 12px;
+}
+
+.copy {
+  padding: var(--space-2);
+  padding-top: 4px;
+}
+
+.icon {
+  margin-right: 4px;
+}
+
+.button {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  padding-left: var(--space-2);
+  padding-right: var(--space-2);
+}
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..da3ad2705
--- /dev/null
+++ b/apps/web/src/components/transactions/TxSigners/index.tsx
@@ -0,0 +1,260 @@
+import { useState, type ReactElement } from 'react'
+import {
+  Box,
+  Link,
+  List,
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  type Palette,
+  SvgIcon,
+  Typography,
+  type ListItemIconProps,
+} from '@mui/material'
+import type {
+  AddressEx,
+  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?: AddressEx
+}
+
+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 (
+    <>
+      <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.value} sx={{ py: 0 }}>
+            <StyledListItemIcon $state={StepState.CONFIRMED}>
+              <Dot />
+            </StyledListItemIcon>
+            <ListItemText data-testid="signer">
+              <EthHashInfo address={proposer.value} 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>
+        )
+      )}
+    </>
+  )
+}
+
+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..dcfe22bdb
--- /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 { 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 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..2c954f0b0
--- /dev/null
+++ b/apps/web/src/components/transactions/TxType/index.tsx
@@ -0,0 +1,34 @@
+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
+}
+
+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..ea345adfa
--- /dev/null
+++ b/apps/web/src/components/transactions/Warning/index.tsx
@@ -0,0 +1,104 @@
+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'
+import { maybePlural } from '@/utils/formatters'
+import { useIsOfficialFallbackHandler } from '@/hooks/useIsOfficialFallbackHandler'
+import { useIsTWAPFallbackHandler } from '@/features/swap/hooks/useIsTWAPFallbackHandler'
+import { UntrustedFallbackHandlerTxText } from '@/components/tx/confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert'
+
+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 = ({
+  fallbackHandler,
+  isTxExecuted = false,
+}: {
+  fallbackHandler: string
+  isTxExecuted?: boolean
+}): ReactElement | null => {
+  const isOfficial = useIsOfficialFallbackHandler(fallbackHandler)
+  const isTWAPFallbackHandler = useIsTWAPFallbackHandler(fallbackHandler)
+
+  if (isOfficial || isTWAPFallbackHandler) {
+    return null
+  }
+
+  return (
+    <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..8d011529c
--- /dev/null
+++ b/apps/web/src/components/tx-flow/SafeTxProvider.tsx
@@ -0,0 +1,136 @@
+import { createContext, useState, useEffect, useCallback } 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'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useCurrentChain } from '@/hooks/useChains'
+import { prependSafeToL2Migration } from '@/utils/safe-migrations'
+import { useSelectAvailableSigner } from '@/hooks/wallets/useSelectAvailableSigner'
+
+export type SafeTxContextParams = {
+  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
+
+  txOrigin?: string
+  setTxOrigin: Dispatch<SetStateAction<string | undefined>>
+}
+
+export const SafeTxContext = createContext<SafeTxContextParams>({
+  setSafeTx: () => {},
+  setSafeMessage: () => {},
+  setSafeTxError: () => {},
+  setNonce: () => {},
+  setNonceNeeded: () => {},
+  setSafeTxGas: () => {},
+  setTxOrigin: () => {},
+})
+
+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>()
+  const [txOrigin, setTxOrigin] = useState<string>()
+
+  const { safe } = useSafeInfo()
+  const chain = useCurrentChain()
+  const selectAvailableSigner = useSelectAvailableSigner()
+
+  const setAndMigrateSafeTx: Dispatch<SetStateAction<SafeTransaction | undefined>> = useCallback(
+    (
+      value: SafeTransaction | undefined | ((prevState: SafeTransaction | undefined) => SafeTransaction | undefined),
+    ) => {
+      let safeTx: SafeTransaction | undefined
+      if (typeof value === 'function') {
+        safeTx = value(safeTx)
+      } else {
+        safeTx = value
+      }
+
+      prependSafeToL2Migration(safeTx, safe, chain).then(setSafeTx)
+
+      // Select a matching signer when we update the transaction
+      selectAvailableSigner(safeTx, safe)
+    },
+    [chain, safe, selectAvailableSigner],
+  )
+
+  // 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
+
+    setSafeTxError(undefined)
+
+    createTx({ ...safeTx.data, safeTxGas: String(finalSafeTxGas) }, finalNonce)
+      .then((tx) => {
+        setSafeTx(tx)
+      })
+      .catch(setSafeTxError)
+  }, [isSigned, finalNonce, finalSafeTxGas, safeTx?.data])
+
+  // Log errors
+  useEffect(() => {
+    safeTxError && logError(Errors._103, safeTxError)
+  }, [safeTxError])
+
+  return (
+    <SafeTxContext.Provider
+      value={{
+        safeTx,
+        safeTxError,
+        setSafeTx: setAndMigrateSafeTx,
+        setSafeTxError,
+        safeMessage,
+        setSafeMessage,
+        nonce: finalNonce,
+        setNonce,
+        nonceNeeded,
+        setNonceNeeded,
+        safeTxGas: finalSafeTxGas,
+        setSafeTxGas,
+        recommendedNonce,
+        txOrigin,
+        setTxOrigin,
+      }}
+    >
+      {children}
+    </SafeTxContext.Provider>
+  )
+}
+
+export default SafeTxProvider
diff --git a/src/components/tx-flow/TxInfoProvider.tsx b/apps/web/src/components/tx-flow/TxInfoProvider.tsx
similarity index 93%
rename from src/components/tx-flow/TxInfoProvider.tsx
rename to apps/web/src/components/tx-flow/TxInfoProvider.tsx
index 567087c5c..618794234 100644
--- a/src/components/tx-flow/TxInfoProvider.tsx
+++ b/apps/web/src/components/tx-flow/TxInfoProvider.tsx
@@ -1,4 +1,4 @@
-import { createContext } from 'react'
+import { createContext, type ReactElement } from 'react'
 
 import { useSimulation, type UseSimulationReturn } from '@/components/tx/security/tenderly/useSimulation'
 import { FETCH_STATUS, type TenderlySimulation } from '@/components/tx/security/tenderly/types'
@@ -40,7 +40,7 @@ export const TxInfoContext = createContext<{
   },
 })
 
-export const TxInfoProvider = ({ children }: { children: JSX.Element }) => {
+export const TxInfoProvider = ({ children }: { children: ReactElement }) => {
   const simulation = useSimulation()
 
   const isLoading = simulation._simulationRequestStatus === FETCH_STATUS.LOADING
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..560c72671
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/OwnerList/index.tsx
@@ -0,0 +1,46 @@
+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 '@/utils/formatters'
+
+export function OwnerList({
+  title,
+  owners,
+  sx,
+}: {
+  owners: Array<AddressEx>
+  title?: string
+  sx?: PaperProps['sx']
+}): ReactElement {
+  return (
+    <Paper className={css.container} sx={sx}>
+      <Typography
+        sx={{
+          color: 'text.secondary',
+          display: 'flex',
+          alignItems: 'center',
+        }}
+      >
+        <SvgIcon component={PlusIcon} inheritViewBox fontSize="small" sx={{ mr: 1 }} />
+        {title ?? `New signer${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/src/components/tx-flow/common/OwnerList/styles.module.css b/apps/web/src/components/tx-flow/common/OwnerList/styles.module.css
similarity index 100%
rename from src/components/tx-flow/common/OwnerList/styles.module.css
rename to apps/web/src/components/tx-flow/common/OwnerList/styles.module.css
diff --git a/src/components/tx-flow/common/TxButton.tsx b/apps/web/src/components/tx-flow/common/TxButton.tsx
similarity index 100%
rename from src/components/tx-flow/common/TxButton.tsx
rename to apps/web/src/components/tx-flow/common/TxButton.tsx
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..1ade97da9
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxCard/index.tsx
@@ -0,0 +1,17 @@
+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 data-testid="card-content" className={css.cardContent}>
+        {children}
+      </CardContent>
+    </Card>
+  )
+}
+
+export default TxCard
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..72a1e2afe
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxLayout/index.tsx
@@ -0,0 +1,205 @@
+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
+        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 />}
+    </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
+}
+
+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
+                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} />
+                  </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/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..5344a505c
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxLayout/styles.module.css
@@ -0,0 +1,168 @@
+.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: 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..4fc8915a3
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxNonce/index.tsx
@@ -0,0 +1,296 @@
+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 = () => {
+  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/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..11847b6ee
--- /dev/null
+++ b/apps/web/src/components/tx-flow/common/TxStatusWidget/index.tsx
@@ -0,0 +1,112 @@
+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'
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+import { useIsWalletProposer } from '@/hooks/useProposers'
+
+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 isSafeOwner = useIsSafeOwner()
+  const isProposer = useIsWalletProposer()
+  const isProposing = isProposer && !isSafeOwner
+
+  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]: 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/apps/web/src/components/tx-flow/common/TxStatusWidget/styles.module.css
similarity index 100%
rename from src/components/tx-flow/common/TxStatusWidget/styles.module.css
rename to apps/web/src/components/tx-flow/common/TxStatusWidget/styles.module.css
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/src/components/tx-flow/common/styles.module.css b/apps/web/src/components/tx-flow/common/styles.module.css
similarity index 100%
rename from src/components/tx-flow/common/styles.module.css
rename to apps/web/src/components/tx-flow/common/styles.module.css
diff --git a/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx b/apps/web/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
similarity index 83%
rename from src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
rename to apps/web/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
index 2fa4aa625..916c0629c 100644
--- a/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
+++ b/apps/web/src/components/tx-flow/flows/AddOwner/ChooseOwner.tsx
@@ -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 '@/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..1ef43c4f6
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx
@@ -0,0 +1,60 @@
+import { useCurrentChain } from '@/hooks/useChains'
+import { useContext, useEffect } from 'react'
+
+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 { upsertAddressBookEntries } from '@/store/addressBookSlice'
+import { SafeTxContext } from '../../SafeTxProvider'
+import type { AddOwnerFlowProps } from '.'
+import type { ReplaceOwnerFlowProps } from '../ReplaceOwner'
+import { checksumAddress } from '@/utils/addresses'
+import { SettingsChangeContext } from './context'
+
+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(
+        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 })
+  }
+
+  return (
+    <SettingsChangeContext.Provider value={params}>
+      <SignOrExecuteForm onSubmit={addAddressBookEntryAndSubmit} showMethodCall />
+    </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/src/components/tx-flow/flows/AddOwner/index.tsx b/apps/web/src/components/tx-flow/flows/AddOwner/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/AddOwner/index.tsx
rename to apps/web/src/components/tx-flow/flows/AddOwner/index.tsx
diff --git a/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx b/apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx
similarity index 100%
rename from src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx
rename to apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryFlowReview.tsx
diff --git a/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx b/apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx
similarity index 100%
rename from src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx
rename to apps/web/src/components/tx-flow/flows/CancelRecovery/CancelRecoveryOverview.tsx
diff --git a/src/components/tx-flow/flows/CancelRecovery/index.tsx b/apps/web/src/components/tx-flow/flows/CancelRecovery/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/CancelRecovery/index.tsx
rename to apps/web/src/components/tx-flow/flows/CancelRecovery/index.tsx
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/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx b/apps/web/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
similarity index 77%
rename from src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
rename to apps/web/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
index e88fa29db..e54990b9b 100644
--- a/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
+++ b/apps/web/src/components/tx-flow/flows/ChangeThreshold/ChooseThreshold.tsx
@@ -21,6 +21,7 @@ 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 '@/utils/formatters'
 
 export const ChooseThreshold = ({
   params,
@@ -41,7 +42,12 @@ export const ChooseThreshold = ({
   return (
     <TxCard>
       <div>
-        <Typography variant="h3" fontWeight={700}>
+        <Typography
+          variant="h3"
+          sx={{
+            fontWeight: 700,
+          }}
+        >
           Threshold
           <Tooltip title={TOOLTIP_TITLES.THRESHOLD} arrow placement="top">
             <span>
@@ -61,9 +67,12 @@ export const ChooseThreshold = ({
 
         <Typography>Any transaction will require the confirmation of:</Typography>
       </div>
-
       <form onSubmit={formMethods.handleSubmit(onSubmit)}>
-        <Box mb={2}>
+        <Box
+          sx={{
+            mb: 2,
+          }}
+        >
           <Controller
             control={formMethods.control}
             rules={{
@@ -78,28 +87,44 @@ export const ChooseThreshold = ({
               const isError = !!fieldState.error
 
               return (
-                <Grid container direction="row" gap={2} alignItems="center">
+                <Grid
+                  container
+                  direction="row"
+                  sx={{
+                    gap: 2,
+                    alignItems: 'center',
+                  }}
+                >
                   <Grid item>
                     <TextField select {...field} error={isError}>
                       {safe.owners.map((_, idx) => (
-                        <MenuItem key={idx + 1} value={idx + 1}>
+                        <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(s)</Typography>
+                    <Typography>
+                      out of {safe.owners.length} signer{maybePlural(safe.owners)}
+                    </Typography>
                   </Grid>
-
                   <Grid item xs={12}>
                     {isError ? (
-                      <Typography color="error" mb={2}>
+                      <Typography
+                        color="error"
+                        sx={{
+                          mb: 2,
+                        }}
+                      >
                         {fieldState.error?.message}
                       </Typography>
                     ) : (
-                      <Typography mb={2}>
+                      <Typography
+                        sx={{
+                          mb: 2,
+                        }}
+                      >
                         {fieldState.isDirty ? 'Previous policy was ' : 'Current policy is '}
                         <b>
                           {safe.threshold} out of {safe.owners.length}
@@ -118,6 +143,7 @@ export const ChooseThreshold = ({
 
         <CardActions>
           <Button
+            data-testid="threshold-next-btn"
             variant="contained"
             type="submit"
             disabled={
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..48e7a2a23
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ChangeThreshold/ReviewChangeThreshold.tsx
@@ -0,0 +1,35 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useContext, useEffect } from 'react'
+
+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 { ChangeThresholdReviewContext } from './context'
+
+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 (
+    <ChangeThresholdReviewContext.Provider value={{ newThreshold }}>
+      <SignOrExecuteForm onSubmit={onChangeThreshold} showMethodCall />
+    </ChangeThresholdReviewContext.Provider>
+  )
+}
+
+export default ReviewChangeThreshold
diff --git a/apps/web/src/components/tx-flow/flows/ChangeThreshold/context.tsx b/apps/web/src/components/tx-flow/flows/ChangeThreshold/context.tsx
new file mode 100644
index 000000000..5acdc018c
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ChangeThreshold/context.tsx
@@ -0,0 +1,3 @@
+import { createContext } from 'react'
+
+export const ChangeThresholdReviewContext = createContext<{ newThreshold?: number }>({})
diff --git a/src/components/tx-flow/flows/ChangeThreshold/index.tsx b/apps/web/src/components/tx-flow/flows/ChangeThreshold/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/ChangeThreshold/index.tsx
rename to apps/web/src/components/tx-flow/flows/ChangeThreshold/index.tsx
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..dcb2476e5
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/ConfirmBatch/index.tsx
@@ -0,0 +1,53 @@
+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 { maybePlural } from '@/utils/formatters'
+
+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 />
+}
+
+const ConfirmBatchFlow = (props: ConfirmBatchProps) => {
+  const { length } = useDraftBatch()
+  return (
+    <TxLayout
+      title="Confirm batch"
+      subtitle={`This batch contains ${length} transaction${maybePlural(length)}`}
+      icon={BatchIcon}
+      step={0}
+      isBatch
+    >
+      <ConfirmBatch {...props} />
+    </TxLayout>
+  )
+}
+
+export default ConfirmBatchFlow
diff --git a/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx b/apps/web/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
similarity index 82%
rename from src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
rename to apps/web/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
index 29f73d5ab..391e2c77b 100644
--- a/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
+++ b/apps/web/src/components/tx-flow/flows/ConfirmTx/ConfirmProposedTx.tsx
@@ -1,13 +1,13 @@
 import { type ReactElement, useContext, useEffect } from 'react'
+import { Typography } from '@mui/material'
 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 { useSigner } from '@/hooks/wallets/useWallet'
 import { isExecutable, isMultisigExecutionInfo, isSignableBy } from '@/utils/transaction-guards'
-import { Typography } from '@mui/material'
 import { createExistingTx } from '@/services/tx/tx-sender'
 import { SafeTxContext } from '../../SafeTxProvider'
+import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
 
 type ConfirmProposedTxProps = {
   txSummary: TransactionSummary
@@ -18,15 +18,15 @@ 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 signer = useSigner()
   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 || '')
+  const canExecute = isExecutable(txSummary, signer?.address || '', safe)
+  const canSign = isSignableBy(txSummary, signer?.address || '')
 
   useEffect(() => {
     txNonce !== undefined && setNonce(txNonce)
@@ -39,8 +39,14 @@ const ConfirmProposedTx = ({ txSummary }: ConfirmProposedTxProps): ReactElement
   const text = canSign ? (canExecute ? SIGN_EXECUTE_TEXT : SIGN_TEXT) : EXECUTE_TEXT
 
   return (
-    <SignOrExecuteForm txId={txId} isExecutable={canExecute} onlyExecute={!canSign} showToBlock>
-      <Typography>{text}</Typography>
+    <SignOrExecuteForm txId={txId} isExecutable={canExecute} onlyExecute={!canSign} showMethodCall>
+      <Typography
+        sx={{
+          mb: 1,
+        }}
+      >
+        {text}
+      </Typography>
     </SignOrExecuteForm>
   )
 }
diff --git a/src/components/tx-flow/flows/ConfirmTx/index.tsx b/apps/web/src/components/tx-flow/flows/ConfirmTx/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/ConfirmTx/index.tsx
rename to apps/web/src/components/tx-flow/flows/ConfirmTx/index.tsx
diff --git a/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx b/apps/web/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
similarity index 98%
rename from src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
rename to apps/web/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
index 1c28414bc..5b2b83f2b 100644
--- a/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
+++ b/apps/web/src/components/tx-flow/flows/ExecuteBatch/DecodedTxs.tsx
@@ -59,7 +59,6 @@ const DecodedTxs = ({ txs }: { txs: TransactionDetails[] | undefined }) => {
               }}
               txData={transaction.txData}
               actionTitle={`${idx + 1}`}
-              showDelegateCallWarning={false}
               expanded={openMap?.[idx] ?? false}
               onChange={onChange}
             />
diff --git a/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx b/apps/web/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
similarity index 85%
rename from src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
rename to apps/web/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
index 5c3d9bb5f..1aab7a96f 100644
--- a/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
+++ b/apps/web/src/components/tx-flow/flows/ExecuteBatch/ReviewBatch.tsx
@@ -1,27 +1,23 @@
 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 { 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 { 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 '.'
@@ -37,8 +33,12 @@ 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 { getLatestSafeVersion } from '@/utils/chains'
+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'
 
 export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
   const [isSubmittable, setIsSubmittable] = useState<boolean>(true)
@@ -53,6 +53,8 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
 
   const userNonce = useUserNonce()
 
+  const latestSafeVersion = getLatestSafeVersion(chain)
+
   const maxFeePerGas = gasPrice?.maxFeePerGas
   const maxPriorityFeePerGas = gasPrice?.maxPriorityFeePerGas
 
@@ -64,15 +66,23 @@ 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 ''
@@ -99,8 +109,6 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
 
     overrides.nonce = userNonce
 
-    await assertWalletChain(onboard, safe.chainId)
-
     await dispatchBatchExecution(
       txsWithDetails,
       multiSendContract,
@@ -109,6 +117,7 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
       wallet.address,
       safe.address.value,
       overrides as Overrides & { nonce: number },
+      safe.nonce,
     )
   }
 
@@ -121,7 +130,7 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
       multiSendTxData,
       safe.chainId,
       safe.address.value,
-      safe.version ?? LATEST_SAFE_VERSION,
+      safe.version ?? latestSafeVersion,
     )
   }
 
@@ -158,20 +167,13 @@ 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 (hex-encoded)" hexData={multiSendTxData} />}
 
         <div>
           <DecodedTxs txs={txsWithDetails} />
@@ -189,7 +191,7 @@ export const ReviewBatch = ({ params }: { params: ExecuteBatchFlowProps }) => {
       <TxCard>
         <ConfirmationTitle variant={ConfirmationTitleTypes.execute} />
 
-        <WrongChainWarning />
+        <NetworkWarning />
 
         {canRelay ? (
           <>
@@ -208,7 +210,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 +225,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/NestedTxSuccessScreen/index.tsx b/apps/web/src/components/tx-flow/flows/NestedTxSuccessScreen/index.tsx
new file mode 100644
index 000000000..0e7113fe5
--- /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 '@/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 100%
rename from src/components/tx-flow/flows/NewSpendingLimit/CreateSpendingLimit.tsx
rename to apps/web/src/components/tx-flow/flows/NewSpendingLimit/CreateSpendingLimit.tsx
diff --git a/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
similarity index 76%
rename from src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
rename to apps/web/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
index ec7dae61c..97e47d944 100644
--- a/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
+++ b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/ReviewSpendingLimit.tsx
@@ -13,7 +13,7 @@ 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 { formatVisualAmount, safeParseUnits } from '@/utils/formatters'
 import type { NewSpendingLimitFlowProps } from '.'
 import EthHashInfo from '@/components/common/EthHashInfo'
 import { SafeTxContext } from '../../SafeTxProvider'
@@ -28,6 +28,11 @@ export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowPr
   const token = balances.items.find((item) => item.tokenInfo.address === params.tokenAddress)
   const { decimals } = token?.tokenInfo || {}
 
+  const amountInWei = useMemo(
+    () => safeParseUnits(params.amount, token?.tokenInfo.decimals)?.toString() || '0',
+    [params.amount, token?.tokenInfo.decimals],
+  )
+
   const existingSpendingLimit = useMemo(() => {
     return spendingLimits.find(
       (spendingLimit) =>
@@ -36,7 +41,18 @@ export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowPr
   }, [spendingLimits, params])
 
   useEffect(() => {
-    createNewSpendingLimitTx(params, spendingLimits, chainId, chain, safe.deployed, decimals, existingSpendingLimit)
+    if (!chain) return
+
+    createNewSpendingLimitTx(
+      params,
+      spendingLimits,
+      chainId,
+      chain,
+      safe.modules,
+      safe.deployed,
+      decimals,
+      existingSpendingLimit,
+    )
       .then(setSafeTx)
       .catch(setSafeTxError)
   }, [
@@ -45,6 +61,7 @@ export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowPr
     decimals,
     existingSpendingLimit,
     params,
+    safe.modules,
     safe.deployed,
     setSafeTx,
     setSafeTxError,
@@ -76,7 +93,7 @@ export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowPr
   return (
     <SignOrExecuteForm onSubmit={onFormSubmit}>
       {token && (
-        <SendAmountBlock amount={params.amount} tokenInfo={token.tokenInfo} title="Amount">
+        <SendAmountBlock amountInWei={amountInWei} tokenInfo={token.tokenInfo} title="Amount">
           {existingAmount && existingAmount !== params.amount && (
             <>
               <Typography
@@ -92,10 +109,20 @@ export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowPr
           )}
         </SendAmountBlock>
       )}
-
-      <Grid container gap={1} alignItems="center">
+      <Grid
+        container
+        sx={{
+          gap: 1,
+          alignItems: 'center',
+        }}
+      >
         <Grid item md>
-          <Typography variant="body2" color="text.secondary">
+          <Typography
+            variant="body2"
+            sx={{
+              color: 'text.secondary',
+            }}
+          >
             Beneficiary
           </Typography>
         </Grid>
@@ -110,10 +137,20 @@ export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowPr
           />
         </Grid>
       </Grid>
-
-      <Grid container gap={1} alignItems="center">
+      <Grid
+        container
+        sx={{
+          gap: 1,
+          alignItems: 'center',
+        }}
+      >
         <Grid item md>
-          <Typography variant="body2" color="text.secondary">
+          <Typography
+            variant="body2"
+            sx={{
+              color: 'text.secondary',
+            }}
+          >
             Reset time
           </Typography>
         </Grid>
@@ -128,16 +165,23 @@ export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowPr
                         <Typography
                           data-testid="old-reset-time"
                           color="error"
-                          sx={{ textDecoration: 'line-through' }}
-                          display="inline"
                           component="span"
+                          sx={{
+                            display: 'inline',
+                            textDecoration: 'line-through',
+                          }}
                         >
                           {oldResetTime}
                         </Typography>
                         {' → '}
                       </>
                     )}
-                    <Typography display="inline" component="span">
+                    <Typography
+                      component="span"
+                      sx={{
+                        display: 'inline',
+                      }}
+                    >
                       {resetTime}
                     </Typography>
                   </>
@@ -156,7 +200,12 @@ export const ReviewSpendingLimit = ({ params }: { params: NewSpendingLimitFlowPr
       </Grid>
       {existingSpendingLimit && (
         <Alert severity="warning" sx={{ border: 'unset' }}>
-          <Typography data-testid="limit-replacement-warning" fontWeight={700}>
+          <Typography
+            data-testid="limit-replacement-warning"
+            sx={{
+              fontWeight: 700,
+            }}
+          >
             You are about to replace an existing spending limit
           </Typography>
         </Alert>
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 100%
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
diff --git a/src/components/tx-flow/flows/NewSpendingLimit/index.tsx b/apps/web/src/components/tx-flow/flows/NewSpendingLimit/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/NewSpendingLimit/index.tsx
rename to apps/web/src/components/tx-flow/flows/NewSpendingLimit/index.tsx
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/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx b/apps/web/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
similarity index 88%
rename from src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
rename to apps/web/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
index 74ac05050..e62924459 100644
--- a/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
+++ b/apps/web/src/components/tx-flow/flows/NftTransfer/ReviewNftBatch.tsx
@@ -40,9 +40,20 @@ const ReviewNftBatch = ({ params, onSubmit, txNonce }: ReviewNftBatchProps): Rea
 
   return (
     <SignOrExecuteForm onSubmit={onSubmit}>
-      <Grid container gap={1} mb={2}>
+      <Grid
+        container
+        sx={{
+          gap: 1,
+          mb: 2,
+        }}
+      >
         <Grid item md>
-          <Typography variant="body2" color="text.secondary">
+          <Typography
+            variant="body2"
+            sx={{
+              color: 'text.secondary',
+            }}
+          >
             Send
           </Typography>
         </Grid>
@@ -51,7 +62,6 @@ const ReviewNftBatch = ({ params, onSubmit, txNonce }: ReviewNftBatchProps): Rea
           <NftItems tokens={tokens} />
         </Grid>
       </Grid>
-
       <SendToBlock address={params.recipient} />
     </SignOrExecuteForm>
   )
diff --git a/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx b/apps/web/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
similarity index 76%
rename from src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
rename to apps/web/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
index 9f2bb7977..ab04d6f90 100644
--- a/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
+++ b/apps/web/src/components/tx-flow/flows/NftTransfer/SendNftBatch.tsx
@@ -20,9 +20,21 @@ type SendNftBatchProps = {
 }
 
 const NftItem = ({ image, name, description }: { image: string; name: string; description?: string }) => (
-  <Grid container gap={2} alignItems="center" wrap="nowrap">
+  <Grid
+    container
+    wrap="nowrap"
+    sx={{
+      gap: 2,
+      alignItems: 'center',
+    }}
+  >
     <Grid item>
-      <Box width={40} height={40}>
+      <Box
+        sx={{
+          width: 40,
+          height: 40,
+        }}
+      >
         <ImageFallback
           src={image}
           fallbackSrc=""
@@ -33,14 +45,21 @@ const NftItem = ({ image, name, description }: { image: string; name: string; de
       </Box>
     </Grid>
 
-    <Grid item overflow="hidden">
+    <Grid
+      item
+      sx={{
+        overflow: 'hidden',
+      }}
+    >
       <Typography
         data-testid="nft-item-name"
         variant="body2"
-        fontWeight={700}
-        whiteSpace="nowrap"
-        overflow="hidden"
-        textOverflow="ellipsis"
+        sx={{
+          fontWeight: 700,
+          whiteSpace: 'nowrap',
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+        }}
       >
         {name}
       </Typography>
@@ -48,11 +67,13 @@ const NftItem = ({ image, name, description }: { image: string; name: string; de
       {description && (
         <Typography
           variant="body2"
-          color="text.secondary"
-          whiteSpace="nowrap"
-          display="block"
-          overflow="hidden"
-          textOverflow="ellipsis"
+          sx={{
+            color: 'text.secondary',
+            whiteSpace: 'nowrap',
+            display: 'block',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+          }}
         >
           {description}
         </Typography>
@@ -65,12 +86,14 @@ 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"
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 2,
+        overflow: 'auto',
+        maxHeight: '20vh',
+        minHeight: '40px',
+      }}
     >
       {tokens.map((token) => (
         <NftItem
@@ -116,7 +139,14 @@ const SendNftBatch = ({ params, onSubmit }: SendNftBatchProps) => {
             <AddressBookInput name={Field.recipient} canAdd={isAddressValid} />
           </FormControl>
 
-          <Typography data-testid="selected-nfts" variant="body2" color="text.secondary" mb={2}>
+          <Typography
+            data-testid="selected-nfts"
+            variant="body2"
+            sx={{
+              color: 'text.secondary',
+              mb: 2,
+            }}
+          >
             Selected NFTs
           </Typography>
 
diff --git a/src/components/tx-flow/flows/NftTransfer/index.tsx b/apps/web/src/components/tx-flow/flows/NftTransfer/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/NftTransfer/index.tsx
rename to apps/web/src/components/tx-flow/flows/NftTransfer/index.tsx
diff --git a/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx b/apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
similarity index 89%
rename from src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
rename to apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
index 1926c32cc..45981e722 100644
--- a/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
+++ b/apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowReview.tsx
@@ -1,6 +1,5 @@
 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'
@@ -9,11 +8,8 @@ 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 TxCard from '../../common/TxCard'
 import { SafeTxContext } from '../../SafeTxProvider'
 import CheckWallet from '@/components/common/CheckWallet'
@@ -35,6 +31,11 @@ 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'
 
 export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlowProps }): ReactElement | null {
   // Form state
@@ -45,7 +46,6 @@ 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()
@@ -53,6 +53,9 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
   const recovery = data && selectDelayModifierByRecoverer(data, wallet?.address ?? '')
   const [, executionValidationError] = useIsValidRecoveryExecTransactionFromModule(recovery?.address, safeTx)
 
+  const { data: txDetails } = useGetTransactionDetailsQuery(skipToken)
+  const [txPreview] = useTxPreview(safeTx?.data, undefined, txDetails?.txId)
+
   // Proposal
   const newThreshold = Number(params[RecoverAccountFlowFields.threshold])
   const newOwners = params[RecoverAccountFlowFields.owners]
@@ -80,8 +83,6 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
     setIsRejectedByUser(false)
 
     try {
-      await assertWalletChain(onboard, safe.chainId)
-
       await dispatchRecoveryProposal({
         provider: wallet.provider,
         safe,
@@ -130,19 +131,12 @@ export function RecoverAccountFlowReview({ params }: { params: RecoverAccountFlo
 
         <Divider className={commonCss.nestedDivider} />
 
-        <DecodedTx
-          tx={safeTx}
-          decodedData={decodedData}
-          decodedDataError={decodedDataError}
-          decodedDataLoading={decodedDataLoading}
-        />
+        <DecodedTx txDetails={txDetails} tx={safeTx} {...txPreview} />
 
-        <RedefineBalanceChanges />
+        <BlockaidBalanceChanges />
       </TxCard>
 
-      <TxCard>
-        <TxChecks executionOwner={safe.owners[0].value} />
-      </TxCard>
+      <TxChecks executionOwner={safe.owners[0].value} />
 
       <TxCard>
         <>
@@ -164,7 +158,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 +173,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 83%
rename from src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
rename to apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
index babd3d4a0..bc6865d51 100644
--- a/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
+++ b/apps/web/src/components/tx-flow/flows/RecoverAccount/RecoverAccountFlowSetup.tsx
@@ -28,6 +28,7 @@ import type { RecoverAccountFlowProps } from '.'
 import type { AddressEx } from '@safe-global/safe-gateway-typescript-sdk'
 
 import commonCss from '@/components/tx-flow/common/styles.module.css'
+import { maybePlural } from '@/utils/formatters'
 
 export function _isSameSetup({
   oldOwners,
@@ -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/src/components/tx-flow/flows/RecoverAccount/index.tsx b/apps/web/src/components/tx-flow/flows/RecoverAccount/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RecoverAccount/index.tsx
rename to apps/web/src/components/tx-flow/flows/RecoverAccount/index.tsx
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..c68422920
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RecoveryAttempt/RecoveryAttemptReview.tsx
@@ -0,0 +1,106 @@
+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 '@/hooks/useAsync'
+import FieldsGrid from '@/components/tx/FieldsGrid'
+import EthHashInfo from '@/components/common/EthHashInfo'
+import { SafeTxContext } from '../../SafeTxProvider'
+
+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 onFormSubmit = useCallback(
+    async (e: SyntheticEvent) => {
+      e.preventDefault()
+
+      if (!wallet) return
+
+      try {
+        await asyncCallback({
+          provider: wallet.provider,
+          chainId: safe.chainId,
+          args: item.args,
+          delayModifierAddress: item.address,
+          signerAddress: wallet.address,
+        })
+        setTxFlow(undefined)
+      } catch (err) {
+        trackError(Errors._812, err)
+      }
+    },
+    [asyncCallback, setTxFlow, wallet, safe, item.address, item.args],
+  )
+
+  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/src/components/tx-flow/flows/RejectTx/RejectTx.tsx b/apps/web/src/components/tx-flow/flows/RejectTx/RejectTx.tsx
similarity index 95%
rename from src/components/tx-flow/flows/RejectTx/RejectTx.tsx
rename to apps/web/src/components/tx-flow/flows/RejectTx/RejectTx.tsx
index 654e46156..5e47cc5b5 100644
--- a/src/components/tx-flow/flows/RejectTx/RejectTx.tsx
+++ b/apps/web/src/components/tx-flow/flows/RejectTx/RejectTx.tsx
@@ -19,7 +19,7 @@ const RejectTx = ({ txNonce }: RejectTxProps): ReactElement => {
   }, [txNonce, setNonce, setSafeTx, setSafeTxError])
 
   return (
-    <SignOrExecuteForm isBatchable={false}>
+    <SignOrExecuteForm isBatchable={false} isRejection>
       <Typography mb={2}>
         To reject the transaction, a separate rejection transaction will be created to replace the original one.
       </Typography>
diff --git a/src/components/tx-flow/flows/RejectTx/index.tsx b/apps/web/src/components/tx-flow/flows/RejectTx/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RejectTx/index.tsx
rename to apps/web/src/components/tx-flow/flows/RejectTx/index.tsx
diff --git a/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx b/apps/web/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveGuard/ReviewRemoveGuard.tsx
diff --git a/src/components/tx-flow/flows/RemoveGuard/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveGuard/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RemoveGuard/index.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveGuard/index.tsx
diff --git a/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx b/apps/web/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
similarity index 90%
rename from src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
index 9df4ced25..e45e50994 100644
--- a/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
+++ b/apps/web/src/components/tx-flow/flows/RemoveModule/ReviewRemoveModule.tsx
@@ -27,7 +27,13 @@ export const ReviewRemoveModule = ({ params }: { params: RemoveModuleFlowProps }
 
   return (
     <SignOrExecuteForm onSubmit={onFormSubmit}>
-      <Grid container gap={1} alignItems="center">
+      <Grid
+        container
+        sx={{
+          gap: 1,
+          alignItems: 'center',
+        }}
+      >
         <Grid item xs={2}>
           Module
         </Grid>
@@ -35,7 +41,11 @@ export const ReviewRemoveModule = ({ params }: { params: RemoveModuleFlowProps }
           <EthHashInfo address={params.address} shortAddress={false} hasExplorer showCopyButton />
         </Typography>
       </Grid>
-      <Typography my={2}>
+      <Typography
+        sx={{
+          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>
diff --git a/src/components/tx-flow/flows/RemoveModule/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveModule/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RemoveModule/index.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveModule/index.tsx
diff --git a/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx b/apps/web/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
similarity index 91%
rename from src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
index 4a0c97b78..cf3d94c0d 100644
--- a/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
+++ b/apps/web/src/components/tx-flow/flows/RemoveOwner/ReviewRemoveOwner.tsx
@@ -14,6 +14,8 @@ import EthHashInfo from '@/components/common/EthHashInfo'
 
 import commonCss from '@/components/tx-flow/common/styles.module.css'
 import { checksumAddress } from '@/utils/addresses'
+import { ChangeSignerSetupWarning } from '@/features/multichain/components/SignerSetupWarning/ChangeSignerSetupWarning'
+import { maybePlural } from '@/utils/formatters'
 
 export const ReviewRemoveOwner = ({ params }: { params: RemoveOwnerFlowProps }): ReactElement => {
   const addressBook = useAddressBook()
@@ -49,13 +51,15 @@ export const ReviewRemoveOwner = ({ params }: { params: RemoveOwnerFlowProps }):
           hasExplorer
         />
       </Paper>
+      <ChangeSignerSetupWarning />
+
       <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
+          <b>{threshold}</b> out of <b>{newOwnerLength}</b> signer{maybePlural(newOwnerLength)}
         </Typography>
       </Box>
       <Divider className={commonCss.nestedDivider} />
diff --git a/apps/web/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx b/apps/web/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
new file mode 100644
index 000000000..18de9819f
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
@@ -0,0 +1,122 @@
+import { useState } from 'react'
+import { Button, Box, CardActions, Divider, Grid, MenuItem, Select, Typography, SvgIcon, Tooltip } from '@mui/material'
+import type { ReactElement, SyntheticEvent } from 'react'
+import type { SelectChangeEvent } from '@mui/material'
+
+import EthHashInfo from '@/components/common/EthHashInfo'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import TxCard from '../../common/TxCard'
+import InfoIcon from '@/public/images/notifications/info.svg'
+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 '@/utils/formatters'
+
+export const SetThreshold = ({
+  params,
+  onSubmit,
+}: {
+  params: RemoveOwnerFlowProps
+  onSubmit: (data: RemoveOwnerFlowProps) => void
+}): ReactElement => {
+  const { safe } = useSafeInfo()
+  const [selectedThreshold, setSelectedThreshold] = useState<number>(params.threshold ?? 1)
+
+  const handleChange = (event: SelectChangeEvent<number>) => {
+    setSelectedThreshold(parseInt(event.target.value.toString()))
+  }
+
+  const onSubmitHandler = (e: SyntheticEvent) => {
+    e.preventDefault()
+    onSubmit({ ...params, threshold: selectedThreshold })
+  }
+
+  const newNumberOfOwners = safe ? safe.owners.length - 1 : 1
+
+  return (
+    <TxCard>
+      <form onSubmit={onSubmitHandler}>
+        <Box
+          sx={{
+            mb: 3,
+          }}
+        >
+          <Typography
+            sx={{
+              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>
+
+        <Divider className={commonCss.nestedDivider} />
+
+        <Box
+          sx={{
+            my: 3,
+          }}
+        >
+          <Typography
+            variant="h4"
+            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 requires the confirmation of:</Typography>
+          <Grid
+            container
+            direction="row"
+            sx={{
+              alignItems: 'center',
+              gap: 1,
+              mt: 2,
+            }}
+          >
+            <Grid item xs={1.5}>
+              <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}
+                  </MenuItem>
+                ))}
+              </Select>
+            </Grid>
+            <Grid item>
+              <Typography>
+                out of {newNumberOfOwners} signer{maybePlural(newNumberOfOwners)}
+              </Typography>
+            </Grid>
+          </Grid>
+        </Box>
+
+        <Divider className={commonCss.nestedDivider} />
+
+        <CardActions>
+          <Button data-testid="next-btn" variant="contained" type="submit">
+            Next
+          </Button>
+        </CardActions>
+      </form>
+    </TxCard>
+  )
+}
diff --git a/src/components/tx-flow/flows/RemoveOwner/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveOwner/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RemoveOwner/index.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveOwner/index.tsx
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 100%
rename from src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowOverview.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowOverview.tsx
diff --git a/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx b/apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveRecovery/RemoveRecoveryFlowReview.tsx
diff --git a/src/components/tx-flow/flows/RemoveRecovery/index.tsx b/apps/web/src/components/tx-flow/flows/RemoveRecovery/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RemoveRecovery/index.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveRecovery/index.tsx
diff --git a/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimit.tsx b/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimit.tsx
new file mode 100644
index 000000000..4ca459a05
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/RemoveSpendingLimit.tsx
@@ -0,0 +1,110 @@
+import SignOrExecuteForm from '@/components/tx/SignOrExecuteForm'
+import {
+  getSpendingLimitInterface,
+  getDeployedSpendingLimitModuleAddress,
+} 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 SpendingLimitLabel from '@/components/common/SpendingLimitLabel'
+import { createTx } from '@/services/tx/tx-sender'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+const onFormSubmit = () => {
+  trackEvent(SETTINGS_EVENTS.SPENDING_LIMIT.LIMIT_REMOVED)
+}
+
+export const RemoveSpendingLimit = ({ params }: { params: SpendingLimitState }) => {
+  const { setSafeTx, setSafeTxError } = useContext(SafeTxContext)
+  const chainId = useChainId()
+  const { safe } = useSafeInfo()
+  const { balances } = useBalances()
+  const token = balances.items.find((item) => item.tokenInfo.address === params.token.address)
+
+  const amountInWei = params.amount
+
+  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])
+
+  return (
+    <SignOrExecuteForm onSubmit={onFormSubmit}>
+      {token && <SendAmountBlock amountInWei={amountInWei} tokenInfo={token.tokenInfo} title="Amount" />}
+      <Grid
+        container
+        sx={{
+          gap: 1,
+          alignItems: 'center',
+        }}
+      >
+        <Grid item md>
+          <Typography
+            variant="body2"
+            sx={{
+              color: 'text.secondary',
+            }}
+          >
+            Beneficiary
+          </Typography>
+        </Grid>
+        <Grid item md={10}>
+          <EthHashInfo
+            address={params.beneficiary}
+            showCopyButton
+            hasExplorer
+            shortAddress={false}
+            showAvatar={false}
+          />
+        </Grid>
+      </Grid>
+      <Grid
+        container
+        sx={{
+          gap: 1,
+          alignItems: 'center',
+        }}
+      >
+        <Grid item md>
+          <Typography
+            variant="body2"
+            sx={{
+              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/apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx
rename to apps/web/src/components/tx-flow/flows/RemoveSpendingLimit/index.tsx
diff --git a/src/components/tx-flow/flows/ReplaceOwner/index.tsx b/apps/web/src/components/tx-flow/flows/ReplaceOwner/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/ReplaceOwner/index.tsx
rename to apps/web/src/components/tx-flow/flows/ReplaceOwner/index.tsx
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..cfeb96908
--- /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 '@/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 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/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx b/apps/web/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
similarity index 87%
rename from src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
rename to apps/web/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
index 815195e7b..72bdb5f47 100644
--- a/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
+++ b/apps/web/src/components/tx-flow/flows/SafeAppsTx/ReviewSafeAppsTx.tsx
@@ -1,5 +1,4 @@
 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'
@@ -9,13 +8,11 @@ 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
@@ -26,13 +23,17 @@ 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)
+  const { safeTx, setSafeTx, safeTxError, setSafeTxError, setTxOrigin } = useContext(SafeTxContext)
 
   useHighlightHiddenTab()
 
+  useEffect(() => {
+    setTxOrigin(app?.url)
+    return () => setTxOrigin(undefined)
+  }, [setTxOrigin, app?.url])
+
   useEffect(() => {
     const createSafeTx = async (): Promise<SafeTransaction> => {
       const isMultiSend = txs.length > 1
@@ -56,7 +57,6 @@ const ReviewSafeAppsTx = ({
 
     let safeTxHash = ''
     try {
-      await assertWalletChain(onboard, safe.chainId)
       safeTxHash = await dispatchSafeAppsTx(safeTx, requestId, wallet.provider, txId)
     } catch (error) {
       setSafeTxError(asError(error))
@@ -69,7 +69,7 @@ const ReviewSafeAppsTx = ({
   const error = !isTxValid(txs)
 
   return (
-    <SignOrExecuteForm onSubmit={handleSubmit} origin={origin} showToBlock isBatchable={app?.name !== SWAP_TITLE}>
+    <SignOrExecuteForm onSubmit={handleSubmit} origin={origin} showMethodCall>
       {error ? (
         <ErrorMessage error={safeTxError}>
           This Safe App initiated a transaction which cannot be processed. Please get in touch with the developer of
diff --git a/src/components/tx-flow/flows/SafeAppsTx/index.tsx b/apps/web/src/components/tx-flow/flows/SafeAppsTx/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/SafeAppsTx/index.tsx
rename to apps/web/src/components/tx-flow/flows/SafeAppsTx/index.tsx
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 93%
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..9d57e86fa 100644
--- a/src/components/tx-flow/flows/SignMessage/SignMessage.test.tsx
+++ b/apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.test.tsx
@@ -1,3 +1,5 @@
+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'
@@ -11,9 +13,9 @@ 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'
@@ -103,7 +105,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,7 +221,7 @@ describe('SignMessage', () => {
         name="Test App"
         message="Hello world!"
         requestId="123"
-        safeAppId={25}
+        origin="http://localhost:3000"
       />,
     )
 
@@ -243,7 +245,7 @@ describe('SignMessage', () => {
 
     const button = getByText('Sign')
 
-    await act(() => {
+    act(() => {
       fireEvent.click(button)
     })
 
@@ -251,15 +253,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 () => {
@@ -326,7 +330,7 @@ describe('SignMessage', () => {
 
     ;(getSafeMessage as jest.Mock).mockResolvedValue(newMsg)
 
-    await act(() => {
+    act(() => {
       fireEvent.click(button)
     })
 
@@ -358,7 +362,7 @@ describe('SignMessage', () => {
         name="Test App"
         message="Hello world!"
         requestId="123"
-        safeAppId={25}
+        origin="http://localhost:3000"
       />,
     )
 
@@ -367,26 +371,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 +398,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 +409,7 @@ describe('SignMessage', () => {
         name="Test App"
         message="Hello world!"
         requestId="123"
-        safeAppId={25}
+        origin="http://localhost:3000"
       />,
     )
 
@@ -424,7 +427,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x02', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
     const messageText = 'Hello world!'
     const messageHash = generateSafeMessageHash(
@@ -470,7 +473,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x03', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
 
     jest.spyOn(useSafeMessage, 'default').mockReturnValue([undefined, jest.fn(), undefined])
@@ -488,14 +491,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 +515,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x03', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
 
     const messageText = 'Hello world!'
@@ -559,7 +562,7 @@ describe('SignMessage', () => {
 
     expect(button).toBeEnabled()
 
-    await act(() => {
+    act(() => {
       fireEvent.click(button)
     })
 
@@ -576,7 +579,7 @@ describe('SignMessage', () => {
       () =>
         ({
           address: zeroPadValue('0x03', 20),
-        } as ConnectedWallet),
+        }) as ConnectedWallet,
     )
 
     const messageText = 'Hello world!'
diff --git a/src/components/tx-flow/flows/SignMessage/SignMessage.tsx b/apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
similarity index 81%
rename from src/components/tx-flow/flows/SignMessage/SignMessage.tsx
rename to apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
index f67a8b9ed..13879c8e1 100644
--- a/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
+++ b/apps/web/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
@@ -29,7 +29,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,7 +42,6 @@ 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 ApprovalEditor from '@/components/tx/ApprovalEditor'
@@ -56,6 +54,11 @@ 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/safe-core-sdk-types'
 
 const createSkeletonMessage = (confirmationsRequired: number): SafeMessage => {
   return {
@@ -78,7 +81,13 @@ const createSkeletonMessage = (confirmationsRequired: number): SafeMessage => {
 
 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 +98,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 +137,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 +163,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>
@@ -191,10 +223,15 @@ const BlindSigningWarning = ({
 const SuccessCard = ({ safeMessage, onContinue }: { safeMessage: SafeMessage; 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}>
@@ -207,19 +244,12 @@ 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
-}
-
-// 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 +262,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 +284,7 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
     decodedMessage,
     safeMessageHash,
     requestId,
-    safeAppId,
+    origin,
     () => setTxFlow(undefined),
   )
 
@@ -300,25 +336,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 +392,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 +407,7 @@ const SignMessage = ({ message, safeAppId, requestId }: ProposeProps | ConfirmPr
               />
             )}
 
-            <WrongChainWarning />
+            <NetworkWarning />
 
             <MessageDialogError isOwner={isOwner} submitError={submitError} />
 
@@ -368,9 +417,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..59fbd945b
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.test.tsx
@@ -0,0 +1,115 @@
+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/SignOrExecuteForm/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'
+
+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: {},
+      } 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
+          }
+        >
+          <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}
+          />
+        </SafeTxContext.Provider>,
+      )
+    })
+
+    expect(screen.getByText('Interact with SignMessageLib')).toBeInTheDocument()
+  })
+})
diff --git a/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
similarity index 91%
rename from src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
rename to apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
index 74c54a9fd..1cc055aa1 100644
--- a/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
+++ b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/ReviewSignMessageOnChain.tsx
@@ -1,5 +1,4 @@
 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'
@@ -14,8 +13,6 @@ 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'
@@ -31,6 +28,7 @@ import { isEIP712TypedData } from '@/utils/safe-messages'
 import ApprovalEditor from '@/components/tx/ApprovalEditor'
 import { ErrorBoundary } from '@sentry/react'
 import useAsync from '@/hooks/useAsync'
+import { HexEncodedData } from '@/components/transactions/HexEncodedData'
 
 export type SignMessageOnChainProps = {
   app?: SafeAppData
@@ -40,7 +38,6 @@ export type SignMessageOnChainProps = {
 }
 
 const ReviewSignMessageOnChain = ({ message, method, requestId }: SignMessageOnChainProps): ReactElement => {
-  const chainId = useChainId()
   const { safe } = useSafeInfo()
   const onboard = useOnboard()
   const wallet = useWallet()
@@ -51,8 +48,8 @@ const ReviewSignMessageOnChain = ({ message, method, requestId }: SignMessageOnC
   const isTypedMessage = method === Methods.signTypedMessage && isEIP712TypedData(message)
 
   const [readOnlySignMessageLibContract] = useAsync(
-    async () => getReadOnlySignMessageLibContract(chainId, safe.version),
-    [chainId, safe.version],
+    async () => getReadOnlySignMessageLibContract(safe.version),
+    [safe.version],
   )
 
   const [signMessageAddress, setSignMessageAddress] = useState<string>('')
@@ -114,7 +111,6 @@ const ReviewSignMessageOnChain = ({ message, method, requestId }: SignMessageOnC
     if (!safeTx || !onboard || !wallet) return
 
     try {
-      await assertWalletChain(onboard, safe.chainId)
       await dispatchSafeAppsTx(safeTx, requestId, wallet.provider)
     } catch (error) {
       setSafeTxError(asError(error))
@@ -137,10 +133,7 @@ const ReviewSignMessageOnChain = ({ message, method, requestId }: SignMessageOnC
 
       {safeTx && (
         <Box pb={1}>
-          <Typography mt={2} color="primary.light">
-            Data (hex encoded)
-          </Typography>
-          {generateDataRowValue(safeTx.data.data, 'rawData')}
+          <HexEncodedData title="Data (hex-encoded)" hexData={safeTx.data.data} />
         </Box>
       )}
 
diff --git a/src/components/tx-flow/flows/SignMessageOnChain/index.tsx b/apps/web/src/components/tx-flow/flows/SignMessageOnChain/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/SignMessageOnChain/index.tsx
rename to apps/web/src/components/tx-flow/flows/SignMessageOnChain/index.tsx
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..b70605ac2
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/index.tsx
@@ -0,0 +1,134 @@
+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'
+
+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)
+
+  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/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
similarity index 86%
rename from src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
rename to apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
index 45fae9fda..3166e284a 100644
--- a/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/DefaultStatus.tsx
@@ -10,8 +10,8 @@ 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}>
+  <Box px={3} mt={3}>
+    <Typography data-testid="transaction-status" variant="h6" mt={2} fontWeight={700}>
       {error ? TRANSACTION_FAILED : TRANSACTION_SUCCESSFUL}
     </Typography>
     {error && (
diff --git a/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
similarity index 76%
rename from src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
rename to apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
index 088f7cf31..7b98f3da1 100644
--- a/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/IndexingStatus.tsx
@@ -3,8 +3,8 @@ 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}>
+  <Box px={3} mt={3}>
+    <Typography data-testid="transaction-status" variant="h6" mt={2} fontWeight={700}>
       Transaction was processed
     </Typography>
     <Box className={classNames(css.instructions, css.infoBg)}>
diff --git a/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
similarity index 85%
rename from src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
rename to apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
index 5c94c74f8..58a97a052 100644
--- a/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
+++ b/apps/web/src/components/tx-flow/flows/SuccessScreen/statuses/ProcessingStatus.tsx
@@ -8,8 +8,8 @@ type Props = {
   pendingTx: PendingTx
 }
 export const ProcessingStatus = ({ txId, pendingTx }: Props) => (
-  <Box paddingX={3} mt={3}>
-    <Typography data-testid="transaction-status" variant="h6" marginTop={2} fontWeight={700}>
+  <Box px={3} mt={3}>
+    <Typography data-testid="transaction-status" variant="h6" mt={2} fontWeight={700}>
       Transaction is now processing
     </Typography>
     <Typography variant="body2" mb={3}>
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/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
similarity index 79%
rename from src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
rename to apps/web/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
index 4b5c18b3f..271cfd03d 100644
--- a/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/CreateTokenTransfer.tsx
@@ -1,7 +1,6 @@
 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'
@@ -13,13 +12,26 @@ 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'
+import { useHasPermission } from '@/permissions/hooks/useHasPermission'
+import { Permission } from '@/permissions/types'
 
 export const AutocompleteItem = (item: { tokenInfo: TokenInfo; balance: string }): ReactElement => (
-  <Grid container alignItems="center" gap={1}>
+  <Grid
+    container
+    sx={{
+      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">
+      <Typography
+        variant="body2"
+        sx={{
+          whiteSpace: 'normal',
+        }}
+      >
         {item.tokenInfo.name}
       </Typography>
 
@@ -40,7 +52,8 @@ export const CreateTokenTransfer = ({
   txNonce?: number
 }): ReactElement => {
   const disableSpendingLimit = txNonce !== undefined
-  const isOnlySpendingLimitBeneficiary = useIsOnlySpendingLimitBeneficiary()
+  const canCreateStandardTx = useHasPermission(Permission.CreateTransaction)
+  const canCreateSpendingLimitTx = useHasPermission(Permission.CreateSpendingLimitTransaction)
   const balancesItems = useVisibleTokens()
   const { setNonce, setNonceNeeded } = useContext(SafeTxContext)
 
@@ -55,12 +68,11 @@ export const CreateTokenTransfer = ({
       ...params,
       [TokenTransferFields.type]: disableSpendingLimit
         ? TokenTransferType.multiSig
-        : isOnlySpendingLimitBeneficiary
-        ? TokenTransferType.spendingLimit
-        : params.type,
-      [TokenTransferFields.tokenAddress]: isOnlySpendingLimitBeneficiary
-        ? balancesItems[0]?.tokenInfo.address
-        : params.tokenAddress,
+        : canCreateSpendingLimitTx && !canCreateStandardTx
+          ? TokenTransferType.spendingLimit
+          : params.type,
+      [TokenTransferFields.tokenAddress]:
+        canCreateSpendingLimitTx && !canCreateStandardTx ? balancesItems[0]?.tokenInfo.address : params.tokenAddress,
     },
     mode: 'onChange',
     delayError: 500,
@@ -79,6 +91,10 @@ export const CreateTokenTransfer = ({
   const selectedToken = balancesItems.find((item) => item.tokenInfo.address === tokenAddress)
   const { totalAmount, spendingLimitAmount } = useTokenAmount(selectedToken)
 
+  const canCreateSpendingLimitTxWithToken = useHasPermission(Permission.CreateSpendingLimitTransaction, {
+    token: selectedToken?.tokenInfo,
+  })
+
   const isSpendingLimitType = type === TokenTransferType.spendingLimit
 
   const maxAmount = isSpendingLimitType && totalAmount > spendingLimitAmount ? spendingLimitAmount : totalAmount
@@ -99,7 +115,7 @@ export const CreateTokenTransfer = ({
 
           <TokenAmountInput balances={balancesItems} selectedToken={selectedToken} maxAmount={maxAmount} />
 
-          {!disableSpendingLimit && spendingLimitAmount > 0n && (
+          {!disableSpendingLimit && canCreateSpendingLimitTxWithToken && (
             <FormControl fullWidth sx={{ mt: 3 }}>
               <SpendingLimitRow availableAmount={spendingLimitAmount} selectedToken={selectedToken?.tokenInfo} />
             </FormControl>
diff --git a/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
similarity index 82%
rename from src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
rename to apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
index 2f15e2a6f..86a9d6881 100644
--- a/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewSpendingLimitTx.tsx
@@ -1,5 +1,4 @@
 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'
@@ -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 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/SignOrExecuteForm'
 import { TX_EVENTS, TX_TYPES } from '@/services/analytics/events/transactions'
 import { isWalletRejection } from '@/utils/wallets'
 import { checksumAddress } from '@/utils/addresses'
+import { safeParseUnits } from '@/utils/formatters'
+import CheckWallet from '@/components/common/CheckWallet'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
 
 export type SpendingLimitTxParams = {
   safeAddress: string
@@ -60,6 +61,11 @@ 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,
@@ -98,8 +104,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 +123,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 +141,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 +160,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..0c161bff1
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTransfer.tsx
@@ -0,0 +1,57 @@
+import { useContext, useEffect, useMemo } from 'react'
+import useBalances from '@/hooks/useBalances'
+import SignOrExecuteForm 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'
+import { safeParseUnits } from '@/utils/formatters'
+import type { SubmitCallback } from '@/components/tx/SignOrExecuteForm/SignOrExecuteForm'
+
+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)
+
+  const amountInWei = useMemo(
+    () => safeParseUnits(params.amount, token?.tokenInfo.decimals)?.toString() || '0',
+    [params.amount, token?.tokenInfo.decimals],
+  )
+
+  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 amountInWei={amountInWei} tokenInfo={token.tokenInfo} />}
+
+      <SendToBlock address={params.recipient} />
+    </SignOrExecuteForm>
+  )
+}
+
+export default ReviewTokenTransfer
diff --git a/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx
similarity index 100%
rename from src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx
rename to apps/web/src/components/tx-flow/flows/TokenTransfer/ReviewTokenTx.tsx
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..6cc22ea22
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/SendAmountBlock.tsx
@@ -0,0 +1,49 @@
+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 '@/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
+        sx={{
+          display: 'flex',
+          alignItems: 'center',
+          gap: 1,
+        }}
+      >
+        <TokenIcon logoUri={tokenInfo.logoUri} tokenSymbol={tokenInfo.symbol} />
+
+        <Typography
+          sx={{
+            fontWeight: 'bold',
+          }}
+        >
+          {tokenInfo.symbol}
+        </Typography>
+
+        {children}
+
+        <Typography data-testid="token-amount">
+          {formatVisualAmount(amountInWei, tokenInfo.decimals, tokenInfo.decimals)}
+        </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..70bdbd1b1
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/SpendingLimitRow/index.tsx
@@ -0,0 +1,160 @@
+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 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'
+import { useHasPermission } from '@/permissions/hooks/useHasPermission'
+import { Permission } from '@/permissions/types'
+
+const SpendingLimitRow = ({
+  availableAmount,
+  selectedToken,
+}: {
+  availableAmount: bigint
+  selectedToken: TokenInfo | undefined
+}) => {
+  const { control, trigger, resetField } = useFormContext()
+  const canCreateStandardTx = useHasPermission(Permission.CreateTransaction)
+  const canCreateSpendingLimitTx = useHasPermission(Permission.CreateSpendingLimitTransaction, { token: selectedToken })
+  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}
+          >
+            {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..210728d31
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/TokenTransfer/__tests__/CreateTokenTransfer.test.tsx
@@ -0,0 +1,88 @@
+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 * as useHasPermission from '@/permissions/hooks/useHasPermission'
+import { Permission } from '@/permissions/types'
+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'
+
+describe('CreateTokenTransfer', () => {
+  const mockParams = {
+    recipient: '',
+    tokenAddress: ZERO_ADDRESS,
+    amount: '',
+    type: TokenTransferType.multiSig,
+  }
+
+  const useHasPermissionSpy = jest.spyOn(useHasPermission, 'useHasPermission')
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+    useHasPermissionSpy.mockReturnValue(true)
+  })
+
+  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 tokenAddress = ZERO_ADDRESS
+
+    const { getByText } = render(<CreateTokenTransfer params={mockParams} onSubmit={jest.fn()} />, {
+      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 } = render(<CreateTokenTransfer params={mockParams} onSubmit={jest.fn()} 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 } = render(<CreateTokenTransfer params={mockParams} onSubmit={jest.fn()} 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/src/components/tx-flow/flows/TokenTransfer/index.tsx b/apps/web/src/components/tx-flow/flows/TokenTransfer/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/TokenTransfer/index.tsx
rename to apps/web/src/components/tx-flow/flows/TokenTransfer/index.tsx
diff --git a/src/components/tx-flow/flows/TokenTransfer/utils.ts b/apps/web/src/components/tx-flow/flows/TokenTransfer/utils.ts
similarity index 100%
rename from src/components/tx-flow/flows/TokenTransfer/utils.ts
rename to apps/web/src/components/tx-flow/flows/TokenTransfer/utils.ts
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..14e865223
--- /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 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)
+    const safeTxPromise = txs.length > 1 ? createMultiSendCallOnlyTx(txs) : createTx(txs[0])
+
+    safeTxPromise.then(setSafeTx).catch(setSafeTxError)
+  }, [safe, safeLoaded, chain, setSafeTx, setSafeTxError])
+
+  return <SignOrExecuteForm />
+}
diff --git a/src/components/tx-flow/flows/UpdateSafe/index.tsx b/apps/web/src/components/tx-flow/flows/UpdateSafe/index.tsx
similarity index 100%
rename from src/components/tx-flow/flows/UpdateSafe/index.tsx
rename to apps/web/src/components/tx-flow/flows/UpdateSafe/index.tsx
diff --git a/src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx
similarity index 100%
rename from src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/RecovererSmartContractWarning.tsx
diff --git a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
similarity index 84%
rename from src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
index 0b23515ff..0871cd583 100644
--- a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowIntro.tsx
@@ -38,15 +38,33 @@ const RecoverySteps = [
 export function UpsertRecoveryFlowIntro({ onSubmit }: { onSubmit: () => void }): ReactElement {
   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,9 +73,7 @@ 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}>
           Next
diff --git a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx
similarity index 100%
rename from src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowReview.tsx
diff --git a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
similarity index 86%
rename from src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
rename to apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
index 85b4f01bc..b3f6b20b0 100644
--- a/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/UpsertRecoveryFlowSettings.tsx
@@ -30,7 +30,7 @@ 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 { BRAND_NAME, 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'
@@ -154,7 +154,12 @@ export function UpsertRecoveryFlowSettings({
                 recovery proposal when it is not needed or wanted during this period.
               </Typography>
             </div>
-            <Box display="flex" gap={2}>
+            <Box
+              sx={{
+                display: 'flex',
+                gap: 2,
+              }}
+            >
               <Controller
                 control={formMethods.control}
                 name={UpsertRecoveryFlowFields.selectedDelay}
@@ -175,7 +180,15 @@ export function UpsertRecoveryFlowSettings({
                   </TextField>
                 )}
               />
-              <Box display="flex" flex="1" gap={2} sx={{ maxWidth: '180px', minWidth: '140px' }}>
+              <Box
+                sx={{
+                  display: 'flex',
+                  flex: '1',
+                  gap: 2,
+                  maxWidth: '180px',
+                  minWidth: '140px',
+                }}
+              >
                 {isCustomDelaySelected(selectedDelay) && (
                   <>
                     <Controller
@@ -193,12 +206,24 @@ export function UpsertRecoveryFlowSettings({
                         />
                       )}
                     />
-                    <Typography my="auto">days.</Typography>
+                    <Typography
+                      sx={{
+                        my: 'auto',
+                      }}
+                    >
+                      days.
+                    </Typography>
                   </>
                 )}
               </Box>
             </Box>
-            <Typography variant="body2" onClick={onShowAdvanced} role="button" className={css.advanced}>
+            <Typography
+              data-testid="advanced-btn"
+              variant="body2"
+              onClick={onShowAdvanced}
+              role="button"
+              className={css.advanced}
+            >
               Advanced {showAdvanced ? <ExpandLessIcon /> : <ExpandMoreIcon />}
             </Typography>
             <Collapse in={showAdvanced}>
@@ -218,7 +243,12 @@ export function UpsertRecoveryFlowSettings({
                   </Tooltip>
                 </Typography>
 
-                <Typography variant="body2" mb={2}>
+                <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>
@@ -229,7 +259,14 @@ export function UpsertRecoveryFlowSettings({
                 // 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' }}>
+                  <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}
@@ -244,7 +281,7 @@ export function UpsertRecoveryFlowSettings({
           <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."
+              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 }}
             />
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..f00004e8d
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/UpsertRecovery/index.tsx
@@ -0,0 +1,73 @@
+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}
+    >
+      {steps}
+    </TxLayout>
+  )
+}
+
+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..b842818db
--- /dev/null
+++ b/apps/web/src/components/tx-flow/flows/index.ts
@@ -0,0 +1,29 @@
+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 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..be1f3d66c
--- /dev/null
+++ b/apps/web/src/components/tx-flow/index.tsx
@@ -0,0 +1,94 @@
+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, NestedTxSuccessScreenFlow } from './flows'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useChainId from '@/hooks/useChainId'
+import { useWalletContext } from '@/hooks/wallets/useWallet'
+
+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,
+})
+
+// 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 { setSignerAddress } = useWalletContext() ?? {}
+
+  const handleModalClose = useCallback(() => {
+    if (shouldWarn.current && !confirmClose()) {
+      return
+    }
+    onClose.current()
+    onClose.current = noop
+    setFlow(undefined)
+
+    setSignerAddress?.(undefined)
+  }, [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
+      })
+    },
+    [],
+  )
+
+  // 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-flow/useTxStepper.tsx b/apps/web/src/components/tx-flow/useTxStepper.tsx
similarity index 100%
rename from src/components/tx-flow/useTxStepper.tsx
rename to apps/web/src/components/tx-flow/useTxStepper.tsx
diff --git a/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx b/apps/web/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
similarity index 98%
rename from src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
rename to apps/web/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
index 9e1ae1c83..516bdae5e 100644
--- a/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
+++ b/apps/web/src/components/tx/AdvancedParams/AdvancedParamsForm.tsx
@@ -4,7 +4,7 @@ import { FormProvider, useForm } from 'react-hook-form'
 import { safeFormatUnits, safeParseUnits } from '@/utils/formatters'
 import { FLOAT_REGEX } from '@/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'
@@ -15,7 +15,7 @@ type AdvancedParamsFormProps = {
   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..c5d60f46f
--- /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 { 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'
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 100%
rename from src/components/tx/AdvancedParams/useUserNonce.ts
rename to apps/web/src/components/tx/AdvancedParams/useUserNonce.ts
diff --git a/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx b/apps/web/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
similarity index 95%
rename from src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
rename to apps/web/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
index a2e473df3..04de8962d 100644
--- a/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
+++ b/apps/web/src/components/tx/ApprovalEditor/ApprovalEditor.test.tsx
@@ -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))
   })
@@ -229,6 +229,7 @@ describe('ApprovalEditor', () => {
           to: tokenAddress,
           data: ERC20_INTERFACE.encodeFunctionData('transfer', [spenderAddress, '25']),
           value: '0',
+          operation: OperationType.Call,
         },
         {
           to: tokenAddress,
@@ -336,6 +337,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..c11f6c0a7
--- /dev/null
+++ b/apps/web/src/components/tx/ApprovalEditor/ApprovalItem.tsx
@@ -0,0 +1,62 @@
+import TokenIcon from '@/components/common/TokenIcon'
+import css from '@/components/tx/ApprovalEditor/styles.module.css'
+import type { Approval } from '@/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 '@/utils/formatNumber'
+
+export const approvalMethodDescription: Record<Approval['method'], (symbol: string, type?: TokenType) => string> = {
+  approve: (symbol: string, type?: TokenType) =>
+    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}`,
+}
+
+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)
+              : `#${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 100%
rename from src/components/tx/ApprovalEditor/ApprovalValueField.tsx
rename to apps/web/src/components/tx/ApprovalEditor/ApprovalValueField.tsx
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/src/components/tx/ApprovalEditor/SpenderField.tsx b/apps/web/src/components/tx/ApprovalEditor/SpenderField.tsx
similarity index 77%
rename from src/components/tx/ApprovalEditor/SpenderField.tsx
rename to apps/web/src/components/tx/ApprovalEditor/SpenderField.tsx
index 1a7320264..fe6e6901b 100644
--- a/src/components/tx/ApprovalEditor/SpenderField.tsx
+++ b/apps/web/src/components/tx/ApprovalEditor/SpenderField.tsx
@@ -13,8 +13,21 @@ export const SpenderField = ({ address }: { address: string }) => {
   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">
+    <Stack
+      direction="row"
+      className={css.approvalField}
+      sx={{
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        gap: 2,
+      }}
+    >
+      <Typography
+        variant="body2"
+        sx={{
+          color: 'text.secondary',
+        }}
+      >
         Spender
       </Typography>
       <div>
diff --git a/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts b/apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts
similarity index 100%
rename from src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts
rename to apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.test.ts
diff --git a/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts b/apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
similarity index 75%
rename from src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
rename to apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
index 2e7eff887..4a010e8c8 100644
--- a/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
+++ b/apps/web/src/components/tx/ApprovalEditor/hooks/useApprovalInfos.ts
@@ -1,13 +1,19 @@
 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 { sameAddress } from '@/utils/addresses'
+import {
+  getERC20TokenInfoOnChain,
+  getErc721Symbol,
+  isErc721Token,
+  UNLIMITED_APPROVAL_AMOUNT,
+  UNLIMITED_PERMIT2_AMOUNT,
+} from '@/utils/tokens'
 import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import { type EIP712TypedData, type TokenInfo, TokenType } from '@safe-global/safe-gateway-typescript-sdk'
 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'
+import { PSEUDO_APPROVAL_VALUES } from '../utils/approvals'
 
 export type ApprovalInfo = {
   tokenInfo: (Omit<TokenInfo, 'logoUri' | 'name'> & { logoUri?: string }) | undefined
@@ -50,7 +56,19 @@ export const useApprovalInfos = (payload: {
           )?.tokenInfo
 
           if (!tokenInfo) {
-            tokenInfo = await getERC20TokenInfoOnChain(approval.tokenAddress)
+            try {
+              tokenInfo = await getERC20TokenInfoOnChain(approval.tokenAddress)
+            } 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 =
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..4db1b5876
--- /dev/null
+++ b/apps/web/src/components/tx/ApprovalEditor/index.tsx
@@ -0,0 +1,94 @@
+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/safe-core-sdk-types'
+import { type EIP712TypedData, 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?: 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 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/src/components/tx/ApprovalEditor/utils/approvals.ts b/apps/web/src/components/tx/ApprovalEditor/utils/approvals.ts
similarity index 100%
rename from src/components/tx/ApprovalEditor/utils/approvals.ts
rename to apps/web/src/components/tx/ApprovalEditor/utils/approvals.ts
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/ConfirmationOrder/ConfirmationOrderHeader.tsx b/apps/web/src/components/tx/ConfirmationOrder/ConfirmationOrderHeader.tsx
new file mode 100644
index 000000000..af7db5340
--- /dev/null
+++ b/apps/web/src/components/tx/ConfirmationOrder/ConfirmationOrderHeader.tsx
@@ -0,0 +1,84 @@
+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
+    symbol: string
+    logoUri?: string | null
+  }
+}
+
+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} />
+            </Box>
+          )}
+
+          <Box 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/DecodedTx/HelpTooltip.tsx b/apps/web/src/components/tx/DecodedTx/HelpTooltip.tsx
new file mode 100644
index 000000000..a979bc26a
--- /dev/null
+++ b/apps/web/src/components/tx/DecodedTx/HelpTooltip.tsx
@@ -0,0 +1,36 @@
+import { Tooltip, SvgIcon } from '@mui/material'
+import InfoIcon from '@/public/images/notifications/info.svg'
+import ExternalLink from '@/components/common/ExternalLink'
+import { HelpCenterArticle } from '@/config/constants'
+
+const HelpToolTip = () => (
+  <Tooltip
+    title={
+      <>
+        Learn more about{' '}
+        <ExternalLink href={HelpCenterArticle.ADVANCED_PARAMS} title="Learn more about advanced details">
+          advanced details
+        </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/DecodedTx/index.test.tsx b/apps/web/src/components/tx/DecodedTx/index.test.tsx
new file mode 100644
index 000000000..40424e9a9
--- /dev/null
+++ b/apps/web/src/components/tx/DecodedTx/index.test.tsx
@@ -0,0 +1,405 @@
+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'
+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'
+
+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: '',
+    },
+  },
+})
+describe('DecodedTx', () => {
+  it('should render a native transfer', async () => {
+    const result = render(
+      <DecodedTx
+        showMultisend
+        tx={
+          {
+            data: {
+              to: '0x474e5Ded6b5D078163BFB8F6dBa355C3aA5478C8',
+              value: '40737664983361196',
+              data: '0x',
+              operation: 0,
+              baseGas: '0',
+              gasPrice: '0',
+              gasToken: '0x0000000000000000000000000000000000000000',
+              refundReceiver: '0x0000000000000000000000000000000000000000',
+              nonce: 36,
+              safeTxGas: '0',
+            },
+          } as SafeTransaction
+        }
+        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('Advanced details'))
+
+    await waitFor(() => {
+      expect(result.queryAllByText('safeTxGas:').length).toBeGreaterThan(0)
+      expect(result.queryAllByText('Raw data:').length).toBeGreaterThan(0)
+    })
+  })
+
+  it('should render a transfer with custom data details', async () => {
+    const result = render(
+      <DecodedTx
+        tx={
+          {
+            data: {
+              to: '0x3430d04E42a722c5Ae52C5Bffbf1F230C2677600',
+              value: '1000000',
+              data: '0x000001ad6abfb9ea000000000000000000000000000000000000000000000000000000000000019d0000000000000000000000000000000000000000000000000000000000000060000000000000000000000000000000000000000000000000000000000000098000000000000000000000000000000000000000000000000000000000000008e4ee8f0b86000000000000000000000000eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000016345785d8a000000000000000000000000000000000000000000000000000000000000000000cd00000000000000000000000000000000000000000000000000000000000000a00000000000000000000000000000000000000000000000000000000000000808415565b0000000000000000000000000eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000016345785d8a0000000000000000000000000000000000000000000000000000000000000f1bd50a00000000000000000000000000000000000000000000000000000000000000a000000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000080000000000000000000000000000000000000000000000000000000000000012000000000000000000000000000000000000000000000000000000000000004c000000000000000000000000000000000000000000000000000000000000005c0000000000000000000000000000000000000000000000000000000000000000600000000000000000000000000000000000000000000000000000000000000400000000000000000000000000000000000000000000000000000000000000040000000000000000000000000eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee000000000000000000000000000000000000000000000000016345785d8a000000000000000000000000000000000000000000000000000000000000000000210000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000034000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc2000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb4800000000000000000000000000000000000000000000000000000000000001400000000000000000000000000000000000000000000000000000000000000300000000000000000000000000000000000000000000000000000000000000030000000000000000000000000000000000000000000000000000000000000002c0000000000000000000000000000000000000000000000000016345785d8a0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000003000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000002556e6973776170563200000000000000000000000000000000000000000000000000000000000000016345785d8a0000000000000000000000000000000000000000000000000000000000000f21a484000000000000000000000000000000000000000000000000000000000000008000000000000000000000000000000000000000000000000000000000000000a0000000000000000000000000f164fc0ec4e93095b804a4795bbe1e041497b92a00000000000000000000000000000000000000000000000000000000000000400000000000000000000000000000000000000000000000000000000000000002000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc2000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000000000000000000100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001b000000000000000000000000000000000000000000000000000000000000004000000000000000000000000000000000000000000000000000000000000000a000000000000000000000000000000000000000000000000000000000000000200000000000000000000000000000000000000000000000000000000000000001000000000000000000000000a0b86991c6218b36c1d19d4a2e9eb0ce3606eb48000000000000000000000000000000000000000000000000000000000005cf7a000000000000000000000000ad01c20d5886137e056775af56915de824c8fce5000000000000000000000000000000000000000000000000000000000000001c000000000000000000000000000000000000000000000000000000000000004000000000000000000000000000000000000000000000000000000000000000e00000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000000000004000000000000000000000000000000000000000000000000000000000000000a00000000000000000000000000000000000000000000000000000000000000002000000000000000000000000c02aaa39b223fe8d0a0e5c4f27ead9083c756cc2000000000000000000000000eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee0000000000000000000000000000000000000000000000000000000000000000869584cd00000000000000000000000010000000000000000000000000000000000000110000000000000000000000000000000000000000ff8513c6b54542145a1b4cf70000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000c00000000000000000000000000b2c639c533813f4aa9d7837caf62653d097ff850000000000000000000000000000000000000000000000000000000000000120000000000000000000000000000000000000000000000000000000000000018000000000000000000000000000000000000000000000000000000000000072a600000000000000000000000000000000000000000000000000000000000000cd00000000000000000000000000000000000000000000000000000000000000020000000000000000000000007e8485cf11c370519793d1c2d0a77bd139fdac38000000000000000000000000fea53c695fdf95cfb34514d916ac236e620201bd0000000000000000000000000000000000000000000000000000000000000002000000000000000000000000000000000000000000000000000000000f2ed992000000000000000000000000000000000000000000000000000000000000000a00000000000000000000000000000000000000000000000000000000000000020000000000000000000000000000000000000000000000000000000066ed25970000000000000000000000000000000000000000000000000000000066ed799dd00dfeeddeadbeef765753be7f7a64d5509974b0d678e1e3149b02f4',
+              operation: 0,
+              baseGas: '0',
+              gasPrice: '0',
+              gasToken: '0x0000000000000000000000000000000000000000',
+              refundReceiver: '0x0000000000000000000000000000000000000000',
+              nonce: 58,
+              safeTxGas: '0',
+            },
+          } as SafeTransaction
+        }
+        txInfo={txDetails.txInfo}
+        txData={
+          {
+            ...txDetails.txData,
+            dataDecoded: {
+              method: '',
+            } as DecodedDataResponse,
+          } as TransactionDetails['txData']
+        }
+        showMethodCall
+      />,
+    )
+
+    await waitFor(() => {
+      expect(result.queryByText('Interacted with:')).toBeInTheDocument()
+      expect(result.queryByText('Data (hex-encoded)')).toBeInTheDocument()
+    })
+
+    fireEvent.click(result.getByText('Advanced details'))
+
+    await waitFor(() => {
+      expect(result.queryByText('safeTxGas:')).toBeInTheDocument()
+      expect(result.queryByText('Raw data:')).toBeInTheDocument()
+    })
+  })
+
+  it('should render an ERC20 transfer', async () => {
+    const result = render(
+      <DecodedTx
+        showMethodCall
+        showMultisend={false}
+        tx={
+          {
+            data: {
+              to: '0x3430d04E42a722c5Ae52C5Bffbf1F230C2677600',
+              value: '0',
+              data: '0xa9059cbb000000000000000000000000474e5ded6b5d078163bfb8f6dba355c3aa5478c80000000000000000000000000000000000000000000000008ac7230489e80000',
+              operation: 0,
+              baseGas: '0',
+              gasPrice: '0',
+              gasToken: '0x0000000000000000000000000000000000000000',
+              refundReceiver: '0x0000000000000000000000000000000000000000',
+              nonce: 58,
+              safeTxGas: '0',
+            },
+          } as SafeTransaction
+        }
+        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('Advanced details'))
+
+    await waitFor(() => {
+      expect(result.queryByText('transfer')).toBeInTheDocument()
+      expect(result.queryAllByText('Parameters').length).toBeGreaterThan(0)
+      expect(result.queryByText('to')).toBeInTheDocument()
+      expect(result.queryAllByText('address').length).toBeGreaterThan(0)
+      expect(result.queryByText('0x474e...78C8')).toBeInTheDocument()
+      expect(result.queryByText('value')).toBeInTheDocument()
+      expect(result.queryAllByText('uint256').length).toBeGreaterThan(0)
+      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
+        }
+        txInfo={txDetails.txInfo}
+        txData={
+          {
+            ...txDetails.txData,
+            dataDecoded: {
+              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',
+                          },
+                        ],
+                      },
+                    },
+                  ],
+                },
+              ],
+            },
+          } as TransactionDetails['txData']
+        }
+        showMethodCall
+        showMultisend
+      />,
+    )
+
+    expect(result.queryAllByText('safeTransferFrom').length).toBeGreaterThan(1)
+  })
+
+  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
+        }
+        showMultisend={false}
+        txInfo={txDetails.txInfo}
+        txData={
+          {
+            ...txDetails.txData,
+            dataDecoded: {
+              method: 'deposit',
+              parameters: [],
+            },
+          } as TransactionDetails['txData']
+        }
+        showMethodCall
+      />,
+    )
+
+    fireEvent.click(result.getByText('Advanced details'))
+
+    expect(result.queryByText('deposit')).toBeInTheDocument()
+  })
+})
diff --git a/apps/web/src/components/tx/DecodedTx/index.tsx b/apps/web/src/components/tx/DecodedTx/index.tsx
new file mode 100644
index 000000000..7d7f628de
--- /dev/null
+++ b/apps/web/src/components/tx/DecodedTx/index.tsx
@@ -0,0 +1,118 @@
+import { type SyntheticEvent, type ReactElement, memo } from 'react'
+import { ErrorBoundary } from '@sentry/react'
+import { isCustomTxInfo, isNativeTokenTransfer, isTransferTxInfo } from '@/utils/transaction-guards'
+import { Accordion, AccordionDetails, AccordionSummary, Box, Stack } from '@mui/material'
+import { type SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import type { TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+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 ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import DecodedData from '@/components/transactions/TxDetails/TxData/DecodedData'
+import accordionCss from '@/styles/accordion.module.css'
+import HelpToolTip from './HelpTooltip'
+
+type DecodedTxProps = {
+  tx?: SafeTransaction
+  txId?: string
+  txDetails?: TransactionDetails
+  txInfo?: TransactionDetails['txInfo']
+  txData?: TransactionDetails['txData']
+  showMultisend?: boolean
+  showMethodCall?: boolean
+  showAdvancedDetails?: 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 DecodedTx = ({
+  tx,
+  txDetails,
+  txInfo,
+  txData,
+  showMultisend = true,
+  showMethodCall = false,
+  showAdvancedDetails = true,
+}: DecodedTxProps): ReactElement => {
+  const decodedData = txData?.dataDecoded
+  const isMultisend = decodedData?.parameters && !!decodedData?.parameters[0]?.valueDecoded
+  const isMethodCallInAdvanced = showAdvancedDetails && (!showMethodCall || (isMultisend && showMultisend))
+
+  let toInfo = tx && {
+    value: tx.data.to,
+  }
+  if (txInfo && isCustomTxInfo(txInfo)) {
+    toInfo = txInfo.to
+  }
+
+  const decodedDataBlock = <DecodedData txData={txData} toInfo={toInfo} />
+  const showDecodedData = isMethodCallInAdvanced && decodedData?.method
+
+  return (
+    <Stack spacing={2}>
+      {!isMethodCallInAdvanced && (
+        <Box border="1px solid var(--color-border-light)" borderRadius={1} p={2}>
+          {decodedDataBlock}
+        </Box>
+      )}
+
+      {isMultisend && showMultisend && <Multisend txData={txData} compact />}
+
+      {showAdvancedDetails && (
+        <Box>
+          <Accordion elevation={0} onChange={onChangeExpand} sx={!tx ? { pointerEvents: 'none' } : undefined}>
+            <AccordionSummary
+              data-testid="decoded-tx-summary"
+              expandIcon={<ExpandMoreIcon />}
+              className={accordionCss.accordion}
+            >
+              Advanced details
+              <HelpToolTip />
+              <Box flex={1} />
+              {isMethodCallInAdvanced && decodedData?.method}
+              {txInfo && isTransferTxInfo(txInfo) && isNativeTokenTransfer(txInfo.transferInfo) && (
+                <span>native transfer</span>
+              )}
+            </AccordionSummary>
+
+            <AccordionDetails data-testid="decoded-tx-details">
+              {showDecodedData && (
+                <>
+                  {decodedDataBlock}
+                  <Divider />
+                </>
+              )}
+
+              {txDetails && !showDecodedData ? (
+                <Summary
+                  txDetails={txDetails}
+                  defaultExpanded
+                  hideDecodedData={isMethodCallInAdvanced && !!decodedData?.method}
+                />
+              ) : (
+                tx && (
+                  <ErrorBoundary>
+                    <PartialSummary safeTx={tx} />
+                  </ErrorBoundary>
+                )
+              )}
+            </AccordionDetails>
+          </Accordion>
+        </Box>
+      )}
+    </Stack>
+  )
+}
+
+export default memo(DecodedTx)
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..162773677
--- /dev/null
+++ b/apps/web/src/components/tx/FieldsGrid/index.tsx
@@ -0,0 +1,44 @@
+import { type ReactNode } from 'react'
+import { Grid, Typography } from '@mui/material'
+
+const width = { xl: '25%', lg: '200px', xs: 'auto' }
+const minWidth = { xl: '25%', lg: '200px' }
+const wrap = { flexWrap: { xl: 'nowrap' } }
+
+const FieldsGrid = ({ title, children }: { title: string | ReactNode; children: ReactNode }) => {
+  return (
+    <Grid
+      container
+      sx={[
+        {
+          alignItems: 'center',
+          gap: 1,
+        },
+        ...(Array.isArray(wrap) ? wrap : [wrap]),
+      ]}
+    >
+      <Grid
+        item
+        data-testid="tx-row-title"
+        style={{ wordBreak: 'break-word' }}
+        sx={{
+          width,
+          minWidth,
+        }}
+      >
+        <Typography
+          sx={{
+            color: 'primary.light',
+          }}
+        >
+          {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..28cdbd144
--- /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 '@/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..8bd305146
--- /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 '@/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/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..51b128a89
--- /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 = 'To:',
+  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/BatchButton.tsx b/apps/web/src/components/tx/SignOrExecuteForm/BatchButton.tsx
similarity index 100%
rename from src/components/tx/SignOrExecuteForm/BatchButton.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/BatchButton.tsx
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/ExecuteForm.tsx b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteForm.tsx
similarity index 86%
rename from src/components/tx/SignOrExecuteForm/ExecuteForm.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/ExecuteForm.tsx
index 9d4d4f862..94dc29e3e 100644
--- a/src/components/tx/SignOrExecuteForm/ExecuteForm.tsx
+++ b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteForm.tsx
@@ -1,6 +1,6 @@
 import useWalletCanPay from '@/hooks/useWalletCanPay'
 import madProps from '@/utils/mad-props'
-import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
+import { type ReactElement, type SyntheticEvent, useContext, useMemo, useState } from 'react'
 import { CircularProgress, Box, Button, CardActions, Divider } from '@mui/material'
 import classNames from 'classnames'
 
@@ -15,7 +15,7 @@ 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 { SignOrExecuteProps } from './SignOrExecuteForm'
 import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
 import { TxModalContext } from '@/components/tx-flow'
 import { SuccessScreenFlow } from '@/components/tx-flow/flows'
@@ -30,6 +30,7 @@ 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'
+import { useValidateTxData } from '@/hooks/useValidateTxData'
 
 export const ExecuteForm = ({
   safeTx,
@@ -48,6 +49,7 @@ export const ExecuteForm = ({
   isExecutionLoop: ReturnType<typeof useIsExecutionLoop>
   txActions: ReturnType<typeof useTxActions>
   txSecurity: ReturnType<typeof useTxSecurityContext>
+  isCreation?: boolean
   safeTx?: SafeTransaction
 }): ReactElement => {
   // Form state
@@ -55,6 +57,11 @@ export const ExecuteForm = ({
   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 currentChain = useCurrentChain()
   const { executeTx } = txActions
@@ -66,7 +73,7 @@ export const ExecuteForm = ({
 
   // SC wallets can relay fully signed transactions
   const [walletCanRelay] = useWalletCanRelay(safeTx)
-  const relays = useRelaysBySafe(origin)
+  const relays = useRelaysBySafe()
   // The transaction can/will be relayed
   const canRelay = walletCanRelay && hasRemainingRelays(relays[0])
   const willRelay = canRelay && executionMethod === ExecutionMethod.RELAY
@@ -76,7 +83,10 @@ export const ExecuteForm = ({
   const [advancedParams, setAdvancedParams] = useAdvancedParams(gasLimit)
 
   // Check if transaction will fail
-  const { executionValidationError } = useIsValidExecution(safeTx, advancedParams.gasLimit)
+  const { executionValidationError } = useIsValidExecution(
+    safeTx,
+    advancedParams.gasLimit ? advancedParams.gasLimit : undefined,
+  )
 
   // On modal submit
   const handleSubmit = async (e: SyntheticEvent) => {
@@ -110,13 +120,12 @@ export const ExecuteForm = ({
 
     // On success
     onSubmit?.(executedTxId, true)
-    setTxFlow(<SuccessScreenFlow txId={executedTxId} safeTx={safeTx} />, undefined, false)
+    setTxFlow(<SuccessScreenFlow txId={executedTxId} />, undefined, false)
   }
 
   const walletCanPay = useWalletCanPay({
     gasLimit,
     maxFeePerGas: advancedParams.maxFeePerGas,
-    maxPriorityFeePerGas: advancedParams.maxPriorityFeePerGas,
   })
 
   const cannotPropose = !isOwner && !onlyExecute
@@ -126,7 +135,9 @@ export const ExecuteForm = ({
     disableSubmit ||
     isExecutionLoop ||
     cannotPropose ||
-    (needsRiskConfirmation && !isRiskConfirmed)
+    (needsRiskConfirmation && !isRiskConfirmed) ||
+    validationError !== undefined ||
+    validationLoading
 
   return (
     <>
@@ -184,18 +195,22 @@ export const ExecuteForm = ({
           </Box>
         )}
 
+        {validationError !== undefined && (
+          <ErrorMessage error={validationError}>Error validating transaction data</ErrorMessage>
+        )}
+
         <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
 
         <CardActions>
           {/* Submit button */}
-          <CheckWallet allowNonOwner={onlyExecute}>
+          <CheckWallet allowNonOwner={onlyExecute} checkNetwork={!submitDisabled}>
             {(isOk) => (
               <Button
                 data-testid="execute-form-btn"
                 variant="contained"
                 type="submit"
                 disabled={!isOk || submitDisabled}
-                sx={{ minWidth: '112px' }}
+                sx={{ minWidth: '112px', width: ['100%', '100%', '100%', 'auto'] }}
               >
                 {!isSubmittable ? <CircularProgress size={20} /> : 'Execute'}
               </Button>
diff --git a/apps/web/src/components/tx/SignOrExecuteForm/ExecuteThroughRoleForm/__test__/ExecuteThroughRoleForm.test.tsx b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteThroughRoleForm/__test__/ExecuteThroughRoleForm.test.tsx
new file mode 100644
index 000000000..356333604
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteThroughRoleForm/__test__/ExecuteThroughRoleForm.test.tsx
@@ -0,0 +1,246 @@
+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 ExecuteThroughRoleForm from '..'
+import * as hooksModule from '../hooks'
+import { FEATURES } from '@/utils/chains'
+import { chainBuilder } from '@/tests/builders/chains'
+import { useHasFeature } from '@/hooks/useChains'
+
+// 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/SignOrExecuteForm/ExecuteThroughRoleForm/__test__/hooks.test.ts b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteThroughRoleForm/__test__/hooks.test.ts
new file mode 100644
index 000000000..3e01cdb74
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteThroughRoleForm/__test__/hooks.test.ts
@@ -0,0 +1,228 @@
+import { createMockSafeTransaction } from '@/tests/transactions'
+import { OperationType } from '@safe-global/safe-core-sdk-types'
+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 { FEATURES } from '@/utils/chains'
+import { chainBuilder } from '@/tests/builders/chains'
+import { useHasFeature } from '@/hooks/useChains'
+import { useRoles } from '../hooks'
+
+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/SignOrExecuteForm/ExecuteThroughRoleForm/hooks.ts b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteThroughRoleForm/hooks.ts
new file mode 100644
index 000000000..1fa516663
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteThroughRoleForm/hooks.ts
@@ -0,0 +1,361 @@
+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,
+  type SafeTransaction,
+} 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'
+import { encodeMultiSendData } from '@safe-global/protocol-kit'
+import { Multi_send__factory } from '@/types/contracts'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+
+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/SignOrExecuteForm/ExecuteThroughRoleForm/index.tsx b/apps/web/src/components/tx/SignOrExecuteForm/ExecuteThroughRoleForm/index.tsx
new file mode 100644
index 000000000..b8fcc7a60
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/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 '../SignOrExecuteForm'
+import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import { TxModalContext } from '@/components/tx-flow'
+import { SuccessScreenFlow } from '@/components/tx-flow/flows'
+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 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={css.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/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/apps/web/src/components/tx/SignOrExecuteForm/ProposerForm.tsx b/apps/web/src/components/tx/SignOrExecuteForm/ProposerForm.tsx
new file mode 100644
index 000000000..b92f3938f
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/ProposerForm.tsx
@@ -0,0 +1,121 @@
+import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletRejectionError'
+import { isWalletRejection } from '@/utils/wallets'
+import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
+import { Box, Button, CardActions, CircularProgress, Divider, Typography } from '@mui/material'
+import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+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/SignOrExecuteForm'
+import useWallet from '@/hooks/wallets/useWallet'
+import { Errors, trackError } from '@/services/exceptions'
+import { asError } from '@/services/exceptions/utils'
+import madProps from '@/utils/mad-props'
+import Stack from '@mui/system/Stack'
+
+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 }} />
+
+      <CardActions>
+        <Stack
+          sx={{
+            width: ['100%', '100%', '100%', 'auto'],
+          }}
+          direction={{ xs: 'column-reverse', lg: 'row' }}
+          spacing={{ xs: 2, md: 2 }}
+        >
+          {/* 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>
+        </Stack>
+      </CardActions>
+    </form>
+  )
+}
+
+const useTxSecurityContext = () => useContext(TxSecurityContext)
+
+export default madProps(ProposerForm, {
+  txActions: useTxActions,
+  txSecurity: useTxSecurityContext,
+})
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/src/components/tx/SignOrExecuteForm/SignForm.tsx b/apps/web/src/components/tx/SignOrExecuteForm/SignForm.tsx
similarity index 80%
rename from src/components/tx/SignOrExecuteForm/SignForm.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/SignForm.tsx
index da8faf2ae..063a99aa5 100644
--- a/src/components/tx/SignOrExecuteForm/SignForm.tsx
+++ b/apps/web/src/components/tx/SignOrExecuteForm/SignForm.tsx
@@ -1,5 +1,5 @@
 import madProps from '@/utils/mad-props'
-import { type ReactElement, type SyntheticEvent, useContext, useState } from 'react'
+import { type ReactElement, type SyntheticEvent, useContext, useMemo, useState } from 'react'
 import { CircularProgress, Box, Button, CardActions, Divider } from '@mui/material'
 import Stack from '@mui/system/Stack'
 import ErrorMessage from '@/components/tx/ErrorMessage'
@@ -7,7 +7,7 @@ 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 { SignOrExecuteProps } from './SignOrExecuteForm'
 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'
@@ -17,6 +17,9 @@ import WalletRejectionError from '@/components/tx/SignOrExecuteForm/WalletReject
 import BatchButton from './BatchButton'
 import { asError } from '@/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'
 
 export const SignForm = ({
   safeTx,
@@ -34,6 +37,7 @@ export const SignForm = ({
   isOwner: ReturnType<typeof useIsSafeOwner>
   txActions: ReturnType<typeof useTxActions>
   txSecurity: ReturnType<typeof useTxSecurityContext>
+  isCreation?: boolean
   safeTx?: SafeTransaction
 }): ReactElement => {
   // Form state
@@ -41,11 +45,18 @@ export const SignForm = ({
   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) => {
@@ -56,7 +67,7 @@ export const SignForm = ({
       return
     }
 
-    if (!safeTx) return
+    if (!safeTx || validationError) return
 
     setIsSubmittable(false)
     setSubmitError(undefined)
@@ -82,7 +93,11 @@ export const SignForm = ({
       onSubmit?.(resultTxId)
     }
 
-    setTxFlow(undefined)
+    if (!isAddingToBatch && signer?.isSafe) {
+      setTxFlow(<NestedTxSuccessScreenFlow txId={resultTxId} />, undefined, false)
+    } else {
+      setTxFlow(undefined)
+    }
   }
 
   const onBatchClick = (e: SyntheticEvent) => {
@@ -91,7 +106,13 @@ export const SignForm = ({
 
   const cannotPropose = !isOwner
   const submitDisabled =
-    !safeTx || !isSubmittable || disableSubmit || cannotPropose || (needsRiskConfirmation && !isRiskConfirmed)
+    !safeTx ||
+    !isSubmittable ||
+    disableSubmit ||
+    cannotPropose ||
+    (needsRiskConfirmation && !isRiskConfirmed) ||
+    validationError !== undefined ||
+    validationLoading
 
   return (
     <form onSubmit={handleSubmit}>
@@ -111,6 +132,10 @@ export const SignForm = ({
         </Box>
       )}
 
+      {validationError !== undefined && (
+        <ErrorMessage error={validationError}>Error validating transaction data</ErrorMessage>
+      )}
+
       <Divider className={commonCss.nestedDivider} sx={{ pt: 3 }} />
 
       <CardActions>
@@ -131,7 +156,7 @@ export const SignForm = ({
           )}
 
           {/* Submit button */}
-          <CheckWallet>
+          <CheckWallet checkNetwork={!submitDisabled}>
             {(isOk) => (
               <Button
                 data-testid="sign-btn"
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..2cfd2ea2f
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/SignOrExecuteForm.tsx
@@ -0,0 +1,249 @@
+import ProposerForm from '@/components/tx/SignOrExecuteForm/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 './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 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 './ExecuteThroughRoleForm'
+import { findAllowingRole, findMostLikelyRole, useRoles } from './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 './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
+  showMethodCall?: boolean
+}
+
+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} />
+    }
+
+    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
+          txId={props.txId}
+          isCreation={isCreation}
+          txDetails={props.txDetails}
+          txPreview={props.txPreview}
+          safeTx={safeTx}
+          isBatch={props.isBatch}
+          showMethodCall={props.showMethodCall}
+          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 && <TxChecks />}
+
+      <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/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/SignerForm/index.tsx b/apps/web/src/components/tx/SignOrExecuteForm/SignerForm/index.tsx
new file mode 100644
index 000000000..ceace9f5e
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/SignerForm/index.tsx
@@ -0,0 +1,116 @@
+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, 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 '@/utils/addresses'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { MODALS_EVENTS, trackEvent } from '@/services/analytics'
+import { useIsNestedSafeOwner } from '@/hooks/useIsNestedSafeOwner'
+
+export const SignerForm = ({ willExecute }: { willExecute?: boolean }) => {
+  const { signer, setSignerAddress, connectedWallet: wallet } = useWalletContext() ?? {}
+  const nestedSafeOwners = useNestedSafeOwners()
+  const signerAddress = signer?.address
+  const { safe } = useSafeInfo()
+  const { safeTx } = useContext(SafeTxContext)
+  const isNestedOwner = useIsNestedSafeOwner()
+
+  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 owners = new Set(nestedSafeOwners ?? [])
+    const isFullySigned = safeTx ? safeTx.signatures.size >= safe.threshold : false
+
+    if ((willExecute && isFullySigned) || safe.owners.some((owner) => sameAddress(owner.value, wallet.address))) {
+      owners.add(wallet.address)
+    }
+
+    return Array.from(owners)
+  }, [nestedSafeOwners, safe.owners, safe.threshold, safeTx, wallet, willExecute])
+
+  if (!wallet || !isNestedOwner) {
+    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.filter(isOptionEnabled)[0]}
+          >
+            {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/SignOrExecuteForm/SignerForm/styles.module.css b/apps/web/src/components/tx/SignOrExecuteForm/SignerForm/styles.module.css
new file mode 100644
index 000000000..c4ebf3be8
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/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/SignOrExecuteForm/TxChecks.tsx b/apps/web/src/components/tx/SignOrExecuteForm/TxChecks.tsx
new file mode 100644
index 000000000..d997c865b
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/TxChecks.tsx
@@ -0,0 +1,35 @@
+import { isTxSimulationEnabled } from '@/components/tx/security/tenderly/utils'
+import { useCurrentChain, useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@/utils/chains'
+import { type ReactElement, useContext } from 'react'
+import { TxSimulation, TxSimulationMessage } from '@/components/tx/security/tenderly'
+import TxCard from '@/components/tx-flow/common/TxCard'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import { Box, Typography } from '@mui/material'
+
+import css from './styles.module.css'
+
+const TxChecks = ({ executionOwner }: { executionOwner?: string }): ReactElement | null => {
+  const { safeTx } = useContext(SafeTxContext)
+  const chain = useCurrentChain()
+  const isRiskMitigationFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
+  const isTxSimulationFeatureEnabled = isTxSimulationEnabled(chain)
+
+  if (!isTxSimulationFeatureEnabled && !isRiskMitigationFeatureEnabled) {
+    return null
+  }
+
+  return (
+    <TxCard>
+      <Typography variant="h5">Transaction checks</Typography>
+
+      <TxSimulation disabled={false} transactions={safeTx} executionOwner={executionOwner} />
+
+      <Box className={css.mobileTxCheckMessages}>
+        <TxSimulationMessage />
+      </Box>
+    </TxCard>
+  )
+}
+
+export default TxChecks
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..aa8f56109
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/UnknownContractError.tsx
@@ -0,0 +1,36 @@
+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 { getExplorerLink } from '@/utils/gateway'
+import ErrorMessage from '../ErrorMessage'
+import { isValidMasterCopy } from '@/services/contracts/safeContracts'
+import { extractMigrationL2MasterCopyAddress } from '@/features/multichain/utils/extract-migration-data'
+
+const UnknownContractError = ({ txData }: { txData: TransactionData | undefined }): ReactElement | null => {
+  const { safe, safeAddress } = useSafeInfo()
+  const currentChain = useCurrentChain()
+  const newMasterCopy = useMemo(() => {
+    return txData && extractMigrationL2MasterCopyAddress(txData)
+  }, [txData])
+
+  // Unsupported base contract
+  const isUnknown = !isValidMasterCopy(safe.implementationVersionState)
+
+  if (!isUnknown || !!newMasterCopy) 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/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/src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx
similarity index 88%
rename from src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx
index 662a1a950..7880d256f 100644
--- a/src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/ExecuteForm.test.tsx
@@ -9,6 +9,7 @@ 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,23 @@ 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,
   }
 
   beforeEach(() => {
     jest.clearAllMocks()
+
+    jest.spyOn(useValidateTxData, 'useValidateTxData').mockReturnValue([undefined, undefined, false])
   })
 
   it('shows estimated fees', () => {
@@ -105,7 +115,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(
@@ -135,7 +154,13 @@ describe('ExecuteForm', () => {
         {...defaultProps}
         safeTx={safeTransaction}
         onSubmit={jest.fn()}
-        txActions={{ signTx: jest.fn(), addToBatch: jest.fn(), executeTx: mockExecuteTx }}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: jest.fn(),
+          addToBatch: jest.fn(),
+          executeTx: mockExecuteTx,
+          signProposerTx: jest.fn(),
+        }}
       />,
     )
 
@@ -155,7 +180,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/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
similarity index 77%
rename from src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
rename to apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
index 25dd58fb2..a803f5cde 100644
--- a/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignForm.test.tsx
@@ -1,6 +1,7 @@
 import { defaultSecurityContextValues } from '@/components/tx/security/shared/TxSecurityContext'
 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'
@@ -24,13 +25,21 @@ describe('SignForm', () => {
 
   const defaultProps = {
     onSubmit: jest.fn(),
+    txId: '0x01231',
     isOwner: true,
-    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,
   }
 
   beforeEach(() => {
     jest.clearAllMocks()
+    jest.spyOn(useValidateTxData, 'useValidateTxData').mockReturnValue([undefined, undefined, false])
   })
 
   it('displays a warning if connected wallet already signed the tx', () => {
@@ -70,7 +79,13 @@ describe('SignForm', () => {
       <SignForm
         {...defaultProps}
         safeTx={safeTransaction}
-        txActions={{ signTx: mockSignTx, addToBatch: jest.fn(), executeTx: jest.fn() }}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: mockSignTx,
+          addToBatch: jest.fn(),
+          signProposerTx: jest.fn(),
+          executeTx: jest.fn(),
+        }}
       />,
     )
 
@@ -90,7 +105,13 @@ describe('SignForm', () => {
       <SignForm
         {...defaultProps}
         safeTx={safeTransaction}
-        txActions={{ signTx: mockSignTx, addToBatch: jest.fn(), executeTx: jest.fn() }}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: mockSignTx,
+          addToBatch: jest.fn(),
+          executeTx: jest.fn(),
+          signProposerTx: jest.fn(),
+        }}
       />,
     )
 
@@ -133,7 +154,13 @@ describe('SignForm', () => {
         safeTx={safeTransaction}
         isBatchable
         isCreation
-        txActions={{ signTx: jest.fn(), addToBatch: mockAddToBatch, executeTx: jest.fn() }}
+        txActions={{
+          proposeTx: jest.fn(),
+          signTx: jest.fn(),
+          addToBatch: mockAddToBatch,
+          executeTx: jest.fn(),
+          signProposerTx: jest.fn(),
+        }}
       />,
     )
 
@@ -202,4 +229,29 @@ describe('SignForm', () => {
     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..16863737d
--- /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: {},
+      } 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..2abab2eef
--- /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/SignOrExecuteForm/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__/SignerForm.test.tsx b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignerForm.test.tsx
new file mode 100644
index 000000000..c96501f4e
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/SignerForm.test.tsx
@@ -0,0 +1,131 @@
+import { useNestedSafeOwners } from '@/hooks/useNestedSafeOwners'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { render } from '@/tests/test-utils'
+import { SignerForm } from '../SignerForm'
+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'
+
+jest.mock('@/hooks/useNestedSafeOwners')
+jest.mock('@/hooks/useSafeInfo')
+
+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 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 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([])
+
+    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()
+  })
+})
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..12cc38cb8
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/__tests__/__snapshots__/SignOrExecute.test.tsx.snap
@@ -0,0 +1,616 @@
+// 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="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"
+                  />
+                </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="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"
+                        >
+                          <div
+                            class="MuiBox-root css-rurw5h"
+                          >
+                            0
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiBox-root css-164r41r"
+                      >
+                        <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"
+                            >
+                              Raw 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>
+                    </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 
+            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"
+            >
+              <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>
+          </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
+        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"
+                  />
+                </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="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"
+                        >
+                          <div
+                            class="MuiBox-root css-rurw5h"
+                          >
+                            0
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiBox-root css-164r41r"
+                      >
+                        <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"
+                            >
+                              Raw 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>
+                    </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 
+            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"
+            >
+              <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>
+          </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..c0e3f5cdf
--- /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 '@/store/safeInfoSlice'
+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..1ec5f5663
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/hooks.ts
@@ -0,0 +1,235 @@
+import { assertTx, assertOnboard, assertChainInfo, assertProvider } 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, { 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 '@/hooks/useAsync'
+import { useUpdateBatch } from '@/hooks/useDraftBatch'
+import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import { checksumAddress } from '@/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')
+
+      // Otherwise, sign off-chain
+      const signedTx = await dispatchTxSigning(safeTx, signer.provider, txId, isLedger)
+      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..5c56b773b
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/index.tsx
@@ -0,0 +1,46 @@
+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
+  showMethodCall?: 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..96f1f2223
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/styles.module.css
@@ -0,0 +1,77 @@
+.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;
+  }
+}
+
+.zodiac {
+  color: var(--color-text-primary);
+}
+
+.roleChip {
+  background-color: var(--color-background-main);
+  font-size: 12px;
+  border-radius: 4px;
+  padding: 2px 8px;
+}
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..50c6a6144
--- /dev/null
+++ b/apps/web/src/components/tx/SignOrExecuteForm/tracking.ts
@@ -0,0 +1,75 @@
+import { 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,
+) {
+  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)
+  trackEvent({ ...event, label: txType })
+
+  // Immediate execution on creation
+  if (isCreation && isExecuted) {
+    trackEvent({ ...executionEvent, label: txType })
+  }
+}
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/src/components/tx/SponsoredBy/styles.module.css b/apps/web/src/components/tx/SponsoredBy/styles.module.css
similarity index 100%
rename from src/components/tx/SponsoredBy/styles.module.css
rename to apps/web/src/components/tx/SponsoredBy/styles.module.css
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/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..0891cdba6
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/BatchTransactions/__snapshots__/BatchTransactions.test.tsx.snap
@@ -0,0 +1,251 @@
+// 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>
+                      -
+                      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"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 css-v6lhhw-MuiTypography-root"
+                        >
+                          Send
+                           
+                          <b>
+                            <span
+                              aria-label="1000000000000"
+                              class="container"
+                              data-mui-internal-clone-element="true"
+                            >
+                              <b>
+                                1000000000000
+                                 
+                              </b>
+                            </span>
+                          </b>
+                           to:
+                        </p>
+                      </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="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-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"
+                        >
+                          Created:
+                        </p>
+                      </div>
+                      <div
+                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
+                        data-testid="tx-data-row"
+                      >
+                        9/20/2024, 10:20:15 AM
+                      </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/ChangeThreshold/ChangeThreshold.stories.tsx b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.stories.tsx
new file mode 100644
index 000000000..40b6a280d
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.stories.tsx
@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { Paper } from '@mui/material'
+import { StoreDecorator } from '@/stories/storeDecorator'
+import ChangeThreshold from './index'
+import { ChangeThresholdReviewContext } from '@/components/tx-flow/flows/ChangeThreshold/context'
+
+const meta = {
+  component: ChangeThreshold,
+  parameters: {
+    layout: 'centered',
+    newThreshold: 1,
+  },
+  decorators: [
+    (Story, { parameters }) => {
+      return (
+        <StoreDecorator initialState={{}}>
+          <ChangeThresholdReviewContext.Provider value={{ newThreshold: parameters.newThreshold }}>
+            <Paper sx={{ padding: 2 }}>
+              <Story />
+            </Paper>
+          </ChangeThresholdReviewContext.Provider>
+        </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..e4f7a4c6d
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/ChangeThreshold.test.tsx
@@ -0,0 +1,31 @@
+import { render } from '@/tests/test-utils'
+import ChangeThreshold from '.'
+import { ChangeThresholdReviewContext } from '@/components/tx-flow/flows/ChangeThreshold/context'
+import * as useSafeInfo from '@/hooks/useSafeInfo'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+
+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(
+      <ChangeThresholdReviewContext.Provider value={{ newThreshold: 3 }}>
+        <ChangeThreshold />
+      </ChangeThresholdReviewContext.Provider>,
+    )
+
+    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..f81cd203f
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ChangeThreshold/index.tsx
@@ -0,0 +1,48 @@
+import { Box, Divider, Typography } from '@mui/material'
+import React, { useContext } from 'react'
+
+import commonCss from '@/components/tx-flow/common/styles.module.css'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { ChangeThresholdReviewContext } from '@/components/tx-flow/flows/ChangeThreshold/context'
+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 '@/utils/formatters'
+
+interface ChangeThresholdProps {
+  txInfo?: TransactionDetails['txInfo']
+}
+
+function ChangeThreshold({ txInfo }: ChangeThresholdProps) {
+  const { safe } = useSafeInfo()
+  const { newThreshold } = useContext(ChangeThresholdReviewContext)
+  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>{newThreshold || 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..dfc3fb509
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/ConfirmationView.test.tsx
@@ -0,0 +1,135 @@
+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: '',
+    },
+  },
+})
+const safeTx = safeTxBuilder().build()
+const safeTxWithNativeData = {
+  ...safeTx,
+  data: {
+    ...safeTx.data,
+    refundReceiver: '0x79964FA459D36EbFfc2a2cA66321B689F6E4aC52',
+    to: '0xDa5e9FA404881Ff36DDa97b41Da402dF6430EE6b',
+    data: '0x',
+  },
+}
+describe('ConfirmationView', () => {
+  it('should display a confirmation screen for a SETTINGS_CHANGE transaction', () => {
+    const { container } = render(
+      <ConfirmationView safeTx={safeTxWithNativeData} txDetails={txDetails} txId={txDetails.txId} 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}
+        txId={txDetails.txId}
+        isApproval
+      />,
+    )
+
+    expect(container).toMatchSnapshot()
+  })
+})
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..594300fb2
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/MigrateToL2Information/index.tsx
@@ -0,0 +1,44 @@
+import { useMemo } from 'react'
+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'
+import NamedAddressInfo from '@/components/common/NamedAddressInfo'
+import { extractMigrationL2MasterCopyAddress } from '@/features/multichain/utils/extract-migration-data'
+
+export const MigrateToL2Information = ({
+  variant,
+  txData,
+}: {
+  variant: 'history' | 'queue'
+  txData?: TransactionData
+}) => {
+  const newMasterCopy = useMemo(() => {
+    return txData && extractMigrationL2MasterCopyAddress(txData)
+  }, [txData])
+
+  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>
+
+        {newMasterCopy && (
+          <Box mt={2}>
+            <Typography variant="overline" color="text.secondary" fontWeight={700}>
+              New contract
+            </Typography>
+            <NamedAddressInfo address={newMasterCopy} shortAddress={false} showCopyButton hasExplorer />
+          </Box>
+        )}
+      </Alert>
+    </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..6a50ab63e
--- /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('New signer')).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..fbad826be
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert.tsx
@@ -0,0 +1,51 @@
+import type { ReactElement } from 'react'
+import { Alert, SvgIcon } from '@mui/material'
+import InfoOutlinedIcon from '@/public/images/notifications/info.svg'
+import { useIsOfficialFallbackHandler } from '@/hooks/useIsOfficialFallbackHandler'
+import { useIsTWAPFallbackHandler } from '@/features/swap/hooks/useIsTWAPFallbackHandler'
+import { FallbackHandlerWarning } from '@/components/settings/FallbackHandler'
+
+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 = ({
+  fallbackHandler,
+  isTxExecuted = false,
+}: {
+  fallbackHandler: string
+  isTxExecuted?: boolean
+}): ReactElement | null => {
+  const isOfficial = useIsOfficialFallbackHandler(fallbackHandler)
+  const isTWAPFallbackHandler = useIsTWAPFallbackHandler(fallbackHandler)
+
+  if (isOfficial || isTWAPFallbackHandler) {
+    return null
+  }
+
+  return (
+    <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..a9fa3b9c0
--- /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="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-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;"
+      >
+        <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="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-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>
+`;
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..c03315f9f
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/SettingsChange/index.tsx
@@ -0,0 +1,75 @@
+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 } 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 '@/utils/formatters'
+import { UntrustedFallbackHandlerTxAlert } from '@/components/tx/confirmation-views/SettingsChange/UntrustedFallbackHandlerTxAlert'
+
+export interface SettingsChangeProps extends NarrowConfirmationViewProps {
+  txInfo: SettingsChange
+}
+
+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)
+  const setsFallbackHandler = settingsInfo.type === SettingsInfoType.SET_FALLBACK_HANDLER
+
+  return (
+    <>
+      {setsFallbackHandler && <UntrustedFallbackHandlerTxAlert fallbackHandler={settingsInfo.handler.value} />}
+
+      {'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..b3989d857
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/UpdateSafe/index.test.tsx
@@ -0,0 +1,26 @@
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { _UpdateSafe as UpdateSafe } from './index'
+import { render } from '@/tests/test-utils'
+
+const chain = {
+  recommendedMasterCopyVersion: '1.4.1',
+} as ChainInfo
+
+const warningText = 'This upgrade will invalidate all queued transactions!'
+
+describe('Container', () => {
+  it('renders correctly with a queue warning', async () => {
+    const container = render(<UpdateSafe safeVersion="1.1.1" queueSize="10+" chain={chain} />)
+    await expect(container.findByText(warningText)).resolves.not.toBeNull()
+  })
+
+  it('renders correctly without a queue warning because no queue', async () => {
+    const container = render(<UpdateSafe safeVersion="1.1.1" queueSize="" chain={chain} />)
+    await expect(container.findByText(warningText)).rejects.toThrowError(Error)
+  })
+
+  it('renders correctly without a queue warning because of compatible Safe version', async () => {
+    const container = render(<UpdateSafe safeVersion="1.3.0" queueSize="10" chain={chain} />)
+    await expect(container.findByText(warningText)).rejects.toThrowError(Error)
+  })
+})
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..520b6be0f
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/UpdateSafe/index.tsx
@@ -0,0 +1,81 @@
+import type { ReactNode } from 'react'
+import { Alert, AlertTitle, Box, Divider, Stack, Typography } from '@mui/material'
+import semverSatisfies from 'semver/functions/satisfies'
+import { LATEST_SAFE_VERSION } from '@/config/constants'
+import { useCurrentChain } from '@/hooks/useChains'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useQueuedTxsLength } from '@/hooks/useTxQueue'
+import ExternalLink from '@/components/common/ExternalLink'
+import { maybePlural } from '@/utils/formatters'
+import madProps from '@/utils/mad-props'
+
+const QUEUE_WARNING_VERSION = '<1.3.0'
+
+function BgBox({ children, light }: { children: ReactNode; light?: boolean }) {
+  return (
+    <Box
+      flex={1}
+      bgcolor={light ? 'background.light' : 'border.background'}
+      p={2}
+      textAlign="center"
+      fontWeight={700}
+      fontSize={18}
+      borderRadius={1}
+    >
+      {children}
+    </Box>
+  )
+}
+
+export function _UpdateSafe({
+  safeVersion,
+  queueSize,
+  chain,
+}: {
+  safeVersion: string
+  queueSize: string
+  chain: ReturnType<typeof useCurrentChain>
+}) {
+  const showQueueWarning = queueSize && semverSatisfies(safeVersion, QUEUE_WARNING_VERSION)
+  const latestSafeVersion = chain?.recommendedMasterCopyVersion || LATEST_SAFE_VERSION
+
+  return (
+    <>
+      <Stack direction="row" alignItems="center" spacing={2}>
+        <BgBox>Current version: {safeVersion}</BgBox>
+        <Box fontSize={28}>→</Box>
+        <BgBox light>New version: {latestSafeVersion}</BgBox>
+      </Stack>
+
+      <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${latestSafeVersion}`}>
+          version {latestSafeVersion} changelog
+        </ExternalLink>
+      </Typography>
+
+      {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 }} />
+    </>
+  )
+}
+
+function useSafeVersion() {
+  const { safe } = useSafeInfo()
+  return safe?.version || ''
+}
+
+const UpdateSafe = madProps(_UpdateSafe, {
+  chain: useCurrentChain,
+  safeVersion: useSafeVersion,
+  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..e38a16da1
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/__snapshots__/ConfirmationView.test.tsx.snap
@@ -0,0 +1,1044 @@
+// 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-kz5wc9"
+                    />
+                    <div
+                      class="MuiBox-root css-0"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 css-111k8jw-MuiTypography-root"
+                      >
+                        Parameters
+                      </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"
+                          >
+                            <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>
+                                      0xd8dA...6045
+                                    </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="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"
+                    >
+                      <div
+                        class="MuiBox-root css-rurw5h"
+                      >
+                        0
+                      </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"
+                      >
+                        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"
+                      >
+                        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-164r41r"
+                  >
+                    <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"
+                        >
+                          Raw 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>
+                </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-kz5wc9"
+                    />
+                    <div
+                      class="MuiBox-root css-0"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 css-111k8jw-MuiTypography-root"
+                      >
+                        Parameters
+                      </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"
+                          >
+                            <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>
+                                      0xd8dA...6045
+                                    </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="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"
+                    >
+                      <div
+                        class="MuiBox-root css-rurw5h"
+                      >
+                        0
+                      </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"
+                      >
+                        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"
+                      >
+                        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-164r41r"
+                  >
+                    <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"
+                        >
+                          Raw 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>
+                </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..2a80b1858
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/index.tsx
@@ -0,0 +1,116 @@
+import type { TransactionPreview } from '@safe-global/safe-gateway-typescript-sdk'
+import { type TransactionDetails } from '@safe-global/safe-gateway-typescript-sdk'
+import DecodedTx from '../DecodedTx'
+import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import {
+  isAnyStakingTxInfo,
+  isCustomTxInfo,
+  isExecTxData,
+  isOnChainConfirmationTxData,
+  isOrderTxInfo,
+  isSafeToL2MigrationTxData,
+  isSafeUpdateTxData,
+  isSwapOrderTxInfo,
+  isTwapOrderTxInfo,
+} from '@/utils/transaction-guards'
+import { type ReactNode, useContext, useMemo } from 'react'
+import TxData from '@/components/transactions/TxDetails/TxData'
+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 } 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'
+
+type ConfirmationViewProps = {
+  txDetails?: TransactionDetails
+  txPreview?: TransactionPreview
+  safeTx?: SafeTransaction
+  txId?: string
+  isBatch?: boolean
+  isApproval?: boolean
+  isCreation?: boolean
+  showMethodCall?: boolean // @TODO: remove this prop when we migrate all tx types
+  children?: ReactNode
+}
+
+const getConfirmationViewComponent = ({
+  txInfo,
+  txData,
+  txFlow,
+}: NarrowConfirmationViewProps & { txFlow?: ReactElement }) => {
+  if (isChangeThresholdView(txInfo)) return <ChangeThreshold txInfo={txInfo} />
+
+  if (isConfirmBatchView(txFlow)) return <BatchTransactions />
+
+  if (isSettingsChangeView(txInfo)) return <SettingsChange txInfo={txInfo as SettingsChange} />
+
+  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} />
+
+  if (isCustomTxInfo(txInfo) && isSafeUpdateTxData(txData)) return <UpdateSafe />
+
+  if (isCustomTxInfo(txInfo) && isSafeToL2MigrationTxData(txData)) {
+    return <MigrateToL2Information variant="queue" txData={txData} />
+  }
+
+  return null
+}
+
+const ConfirmationView = ({ safeTx, txPreview, txDetails, ...props }: ConfirmationViewProps) => {
+  const { txId } = props
+  const { txFlow } = useContext(TxModalContext)
+  const details = txDetails ?? txPreview
+
+  const ConfirmationViewComponent = useMemo(() => {
+    return details
+      ? getConfirmationViewComponent({
+          txInfo: details.txInfo,
+          txData: details.txData,
+          txFlow,
+        })
+      : undefined
+  }, [details, txFlow])
+
+  const showTxDetails =
+    txId &&
+    !props.isCreation &&
+    txDetails &&
+    !isCustomTxInfo(txDetails.txInfo) &&
+    !isAnyStakingTxInfo(txDetails.txInfo) &&
+    !isOrderTxInfo(txDetails.txInfo)
+
+  return (
+    <>
+      {ConfirmationViewComponent ||
+        (showTxDetails && details && (
+          <TxData txData={details?.txData} txInfo={details?.txInfo} txDetails={txDetails} imitation={false} trusted />
+        ))}
+
+      {props.children}
+
+      <DecodedTx
+        tx={safeTx}
+        txDetails={txDetails}
+        txData={details?.txData}
+        txInfo={details?.txInfo}
+        showMultisend={!props.isBatch}
+        showMethodCall={props.showMethodCall && !ConfirmationViewComponent && !showTxDetails && !props.isApproval}
+      />
+    </>
+  )
+}
+
+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..17867da67
--- /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/safe-core-sdk-types'
+import useAsync from '@/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..5aedd3065
--- /dev/null
+++ b/apps/web/src/components/tx/confirmation-views/utils.ts
@@ -0,0 +1,13 @@
+import type { ChangeThreshold, SettingsChange, 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 { type ReactElement } from 'react'
+
+export const isSettingsChangeView = (txInfo: TransactionInfo) => txInfo.type === TransactionInfoType.SETTINGS_CHANGE
+
+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..4b5d60f37
--- /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 '@/utils/addresses'
+import { FEATURES } from '@/utils/chains'
+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 '@/services/security/modules/BlockaidModule/types'
+import { formatAmount } from '@/utils/formatNumber'
+
+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/__tests__/useBlockaid.test.ts b/apps/web/src/components/tx/security/blockaid/__tests__/useBlockaid.test.ts
new file mode 100644
index 000000000..f8b3fc81d
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/__tests__/useBlockaid.test.ts
@@ -0,0 +1,244 @@
+import * as useChains from '@/hooks/useChains'
+import * as useWallet from '@/hooks/wallets/useWallet'
+import { SecuritySeverity } from '@/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 '@/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 { CLASSIFICATION_MAPPING, REASON_MAPPING } from '..'
+import { renderHook, waitFor } from '@/tests/test-utils'
+import { type SignerWallet } from '@/components/common/WalletProvider'
+
+const setupFetchStub = (data: any) => () => {
+  return Promise.resolve({
+    json: () => Promise.resolve(data),
+    status: 200,
+    ok: true,
+  })
+}
+
+// Mock BLOCKAID_API
+jest.mock('@/config/constants', () => ({
+  ...jest.requireActual('@/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({ message: '403 not authorized' }))
+
+    const { result } = renderHook(() => useBlockaid(mockPayload))
+
+    await waitFor(() => {
+      expect(result.current[0]).toBeUndefined()
+      expect(result.current[1]).toEqual(new Error('Unavailable'))
+      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'))
+      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..3a61000bd
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/index.tsx
@@ -0,0 +1,255 @@
+import { useContext } from 'react'
+import { TxSecurityContext, type TxSecurityContextProps } from '@/components/tx/security/shared/TxSecurityContext'
+import groupBy from 'lodash/groupBy'
+import { Alert, AlertTitle, Box, Checkbox, FormControlLabel, Stack, Typography } from '@mui/material'
+import { FEATURES } from '@/utils/chains'
+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 { SecuritySeverity } from '@/services/security/modules/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',
+}
+
+const BlockaidResultWarning = ({
+  blockaidResponse,
+  severityProps,
+  needsRiskConfirmation,
+  isRiskConfirmed,
+  isTransaction,
+  toggleConfirmation,
+}: {
+  blockaidResponse?: TxSecurityContextProps['blockaidResponse']
+  severityProps?: SecurityWarningProps
+  needsRiskConfirmation: boolean
+  isRiskConfirmed: boolean
+  isTransaction: boolean
+  toggleConfirmation: () => void
+}) => {
+  return (
+    <Box>
+      {blockaidResponse && blockaidResponse.severity !== SecuritySeverity.NONE && (
+        <>
+          <Alert
+            severity={severityProps?.color}
+            className={css.customAlert}
+            sx={
+              needsRiskConfirmation
+                ? {
+                    borderBottomLeftRadius: '0px',
+                    borderBottomRightRadius: '0px',
+                  }
+                : undefined
+            }
+          >
+            <AlertTitle fontWeight="700 !important" mb={1}>
+              <ResultDescription
+                classification={blockaidResponse.classification}
+                reason={blockaidResponse.reason}
+                description={blockaidResponse.description}
+              />
+            </AlertTitle>
+            <BlockaidMessage />
+          </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>
+          )}
+          <Stack
+            direction="row"
+            spacing={0.5}
+            sx={{
+              alignItems: 'center',
+              mt: 1,
+            }}
+          >
+            <Typography
+              variant="caption"
+              sx={{
+                color: 'text.secondary',
+              }}
+            >
+              Powered by
+            </Typography>
+            <BlockaidIcon />
+          </Stack>
+        </>
+      )}
+    </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 = () => {
+  return (
+    <Alert severity="warning" className={css.customAlert}>
+      <AlertTitle>
+        <Typography
+          variant="subtitle1"
+          sx={{
+            fontWeight: 700,
+          }}
+        >
+          Proceed with caution
+        </Typography>
+      </AlertTitle>
+      <Typography variant="body2">
+        The transaction could not be checked for security alerts. Verify the details and addresses before proceeding.
+      </Typography>
+      <BlockaidMessage />
+    </Alert>
+  )
+}
+
+export const Blockaid = () => {
+  const isFeatureEnabled = useHasFeature(FEATURES.RISK_MITIGATION)
+
+  if (!isFeatureEnabled) {
+    return null
+  }
+
+  return (
+    <ErrorBoundary fallback={<div>Error showing scan result</div>}>
+      <BlockaidWarning />
+    </ErrorBoundary>
+  )
+}
+
+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 />
+  }
+
+  if (isLoading || !blockaidResponse || !blockaidResponse.severity) {
+    return null
+  }
+
+  return (
+    <BlockaidResultWarning
+      isRiskConfirmed={isRiskConfirmed}
+      isTransaction={isTransaction}
+      needsRiskConfirmation={needsRiskConfirmation}
+      toggleConfirmation={toggleConfirmation}
+      blockaidResponse={blockaidResponse}
+      severityProps={severityProps}
+    />
+  )
+}
+
+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..5d1768f61
--- /dev/null
+++ b/apps/web/src/components/tx/security/blockaid/useBlockaid.ts
@@ -0,0 +1,59 @@
+import useAsync, { type AsyncResult } from '@/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 '@/services/security/modules/types'
+import { FEATURES } from '@/utils/chains'
+import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import { useEffect, useMemo } from 'react'
+
+import type { EIP712TypedData } from '@safe-global/safe-gateway-typescript-sdk'
+import { BlockaidModule, type BlockaidModuleResponse } from '@/services/security/modules/BlockaidModule'
+
+const BlockaidModuleInstance = new BlockaidModule()
+
+const DEFAULT_ERROR_MESSAGE = 'Unavailable'
+
+export const useBlockaid = (
+  data: SafeTransaction | EIP712TypedData | 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 ? new Error(DEFAULT_ERROR_MESSAGE) : blockaidPayload?.payload?.error),
+
+    [blockaidErrors, blockaidPayload],
+  )
+  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..0803a09fd
--- /dev/null
+++ b/apps/web/src/components/tx/security/shared/TxSecurityContext.tsx
@@ -0,0 +1,84 @@
+import { SecuritySeverity } from '@/services/security/modules/types'
+import { SafeTxContext } from '@/components/tx-flow/SafeTxProvider'
+import {
+  createContext,
+  type Dispatch,
+  type SetStateAction,
+  useContext,
+  useMemo,
+  useState,
+  type ReactElement,
+} from 'react'
+import type { BlockaidModuleResponse } from '@/services/security/modules/BlockaidModule'
+import { useBlockaid } from '../blockaid/useBlockaid'
+
+export const defaultSecurityContextValues = {
+  blockaidResponse: {
+    warnings: [],
+    description: undefined,
+    classification: undefined,
+    reason: undefined,
+    balanceChange: undefined,
+    severity: SecuritySeverity.NONE,
+    isLoading: false,
+    error: undefined,
+  },
+  needsRiskConfirmation: false,
+  isRiskConfirmed: false,
+  setIsRiskConfirmed: () => {},
+  isRiskIgnored: false,
+  setIsRiskIgnored: () => {},
+}
+
+export type TxSecurityContextProps = {
+  blockaidResponse:
+    | {
+        description: BlockaidModuleResponse['description']
+        classification: BlockaidModuleResponse['classification']
+        reason: BlockaidModuleResponse['reason']
+        warnings: NonNullable<BlockaidModuleResponse['issues']>
+        balanceChange: BlockaidModuleResponse['balanceChange'] | undefined
+        severity: SecuritySeverity | undefined
+        isLoading: boolean
+        error: Error | undefined
+      }
+    | undefined
+  needsRiskConfirmation: boolean
+  isRiskConfirmed: boolean
+  setIsRiskConfirmed: Dispatch<SetStateAction<boolean>>
+  isRiskIgnored: boolean
+  setIsRiskIgnored: Dispatch<SetStateAction<boolean>>
+}
+
+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,
+        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 96%
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..3e48b678e 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'
 
-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..a18f94562
--- /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/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/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..b6641be26
--- /dev/null
+++ b/apps/web/src/components/tx/security/tenderly/index.tsx
@@ -0,0 +1,209 @@
+import useIsSafeOwner from '@/hooks/useIsSafeOwner'
+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 { 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 } 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 signer = useSigner()
+  const isSafeOwner = useIsSafeOwner()
+  const isDarkMode = useDarkMode()
+  const { safeTx } = useContext(SafeTxContext)
+  const {
+    simulation: { simulateTransaction, resetSimulation },
+    status: { isFinished, isError, isSuccess, isCallTraceError, isLoading },
+  } = useContext(TxInfoContext)
+
+  const handleSimulation = async () => {
+    if (!signer) {
+      return
+    }
+
+    simulateTransaction({
+      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)
+  }
+
+  // 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"
+              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>
+  )
+}
+
+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/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/src/components/tx/security/tenderly/types.ts b/apps/web/src/components/tx/security/tenderly/types.ts
similarity index 100%
rename from src/components/tx/security/tenderly/types.ts
rename to apps/web/src/components/tx/security/tenderly/types.ts
diff --git a/src/components/tx/security/tenderly/useSimulation.ts b/apps/web/src/components/tx/security/tenderly/useSimulation.ts
similarity index 100%
rename from src/components/tx/security/tenderly/useSimulation.ts
rename to apps/web/src/components/tx/security/tenderly/useSimulation.ts
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..cb0203662
--- /dev/null
+++ b/apps/web/src/components/tx/security/tenderly/utils.ts
@@ -0,0 +1,237 @@
+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.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/apps/web/src/components/tx/security/useDelegateCallModule.ts
similarity index 77%
rename from src/components/tx/security/useDelegateCallModule.ts
rename to apps/web/src/components/tx/security/useDelegateCallModule.ts
index a838a6440..4d0f7c11b 100644
--- a/src/components/tx/security/useDelegateCallModule.ts
+++ b/apps/web/src/components/tx/security/useDelegateCallModule.ts
@@ -5,22 +5,24 @@ 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'
+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) {
+    if (!safeTransaction || !safeLoaded || !currentChain) {
       return
     }
 
     return DelegateCallModuleInstance.scanTransaction({
       safeTransaction,
       safeVersion: safe.version,
-      chainId: safe.chainId,
+      chain: currentChain,
     })
-  }, [safeTransaction, safeLoaded, safe.version, safe.chainId])
+  }, [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..cf4b91fa8
--- /dev/null
+++ b/apps/web/src/components/tx/security/utils.ts
@@ -0,0 +1,47 @@
+import { SecuritySeverity } from '@/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/src/components/welcome/WelcomeLogin/WalletLogin.tsx b/apps/web/src/components/welcome/WelcomeLogin/WalletLogin.tsx
similarity index 92%
rename from src/components/welcome/WelcomeLogin/WalletLogin.tsx
rename to apps/web/src/components/welcome/WelcomeLogin/WalletLogin.tsx
index 97a5d78e0..9486b34ed 100644
--- a/src/components/welcome/WelcomeLogin/WalletLogin.tsx
+++ b/apps/web/src/components/welcome/WelcomeLogin/WalletLogin.tsx
@@ -4,7 +4,7 @@ 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 WalletLogin = ({ onLogin, onContinue }: { onLogin: () => void; onContinue: () => void }) => {
   const wallet = useWallet()
   const connectWallet = useConnectWallet()
 
@@ -16,7 +16,7 @@ const WalletLogin = ({ onLogin }: { onLogin: () => void }) => {
   if (wallet !== null) {
     return (
       <Box sx={{ width: '100%' }}>
-        <Button variant="contained" sx={{ padding: '8px 16px' }} fullWidth onClick={onLogin}>
+        <Button variant="contained" sx={{ padding: '8px 16px' }} fullWidth onClick={onContinue}>
           <Box
             width="100%"
             justifyContent="space-between"
diff --git a/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx b/apps/web/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
similarity index 86%
rename from src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
rename to apps/web/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
index 027ac4dc7..eb25c8c69 100644
--- a/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
+++ b/apps/web/src/components/welcome/WelcomeLogin/__tests__/WalletLogin.test.tsx
@@ -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..5cb50165a
--- /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 { FEATURES } from '@/utils/chains'
+import type * as useChains from '@/hooks/useChains'
+
+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..806a250ae
--- /dev/null
+++ b/apps/web/src/components/wrappers/FeatureWrapper/index.tsx
@@ -0,0 +1,35 @@
+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 '@/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..5ad0a6627
--- /dev/null
+++ b/apps/web/src/config/constants.ts
@@ -0,0 +1,128 @@
+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.4.1'
+
+// 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',
+  SAFE_GOVERNANCE_APP = 'safe-governance-app',
+  ONRAMP = 'onramp',
+  RECOVERY_SYGNUM = 'recovery-sygnum',
+}
+
+// Help Center
+export const HELP_CENTER_URL = 'https://safe-support.protofire.io'
+export const SAFE_HELP_CENTER_URL = 'https://help.safe.global'
+
+export const HelpCenterArticle = {
+  ADDRESS_BOOK_DATA: `${SAFE_HELP_CENTER_URL}/en/articles/40811-address-book-export-and-import`,
+  ADVANCED_PARAMS: `${SAFE_HELP_CENTER_URL}/en/articles/40837-advanced-transaction-parameters`,
+  CANCELLING_TRANSACTIONS: `${SAFE_HELP_CENTER_URL}/en/articles/40836-why-do-i-need-to-pay-for-cancelling-a-transaction`,
+  COOKIES: `${SAFE_HELP_CENTER_URL}/en/articles/40797-why-do-i-need-to-enable-third-party-cookies-for-safe-apps`,
+  CONFLICTING_TRANSACTIONS: `${SAFE_HELP_CENTER_URL}/en/articles/40839-why-are-transactions-with-the-same-nonce-conflicting-with-each-other`,
+  FALLBACK_HANDLER: `${SAFE_HELP_CENTER_URL}/en/articles/40838-what-is-a-fallback-handler-and-how-does-it-relate-to-safe`,
+  MOBILE_SAFE: `${SAFE_HELP_CENTER_URL}/en/articles/40801-connect-to-web-with-mobile-safe`,
+  RECOVERY: `${SAFE_HELP_CENTER_URL}/en/articles/110656-account-recovery-in-safe-wallet`,
+  RELAYING: `${SAFE_HELP_CENTER_URL}/en/articles/59203-what-is-gas-fee-sponsoring`,
+  SAFE_SETUP: `${SAFE_HELP_CENTER_URL}/en/articles/40835-what-safe-setup-should-i-use`,
+  SIGNED_MESSAGES: `${SAFE_HELP_CENTER_URL}/en/articles/40783-what-are-signed-messages`,
+  SPAM_TOKENS: `${SAFE_HELP_CENTER_URL}/en/articles/40784-default-token-list-local-hiding-of-spam-tokens`,
+  SPENDING_LIMITS: `${SAFE_HELP_CENTER_URL}/en/articles/40842-set-up-and-use-spending-limits`,
+  TRANSACTION_GUARD: `${SAFE_HELP_CENTER_URL}/en/articles/40809-what-is-a-transaction-guard`,
+  UNEXPECTED_DELEGATE_CALL: `${SAFE_HELP_CENTER_URL}/en/articles/40794-why-do-i-see-an-unexpected-delegate-call-warning-in-my-transaction`,
+  PROPOSERS: `${SAFE_HELP_CENTER_URL}/en/articles/235770-proposers`,
+  PUSH_NOTIFICATIONS: `${SAFE_HELP_CENTER_URL}/en/articles/99197-how-to-start-receiving-web-push-notifications-in-the-web-wallet`,
+  SWAP_WIDGET_FEES: `${SAFE_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',
+}
+//Feedback
+export const NEW_SUGGESTION_FORM =
+  'https://docs.google.com/forms/d/e/1FAIpQLSfojsADYCiWq9AqbLqsUTzCDSpA8FMgdAQp0Pyl0BOeurlq9A/viewform'
+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'
+export const OFFICIAL_HOSTS = /app\.safe\.global|.+\.5afe\.dev|localhost:3000/
+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 || ''
+
+// Risk mitigation (Blockaid)
+export const BLOCKAID_API = 'https://client.blockaid.io'
+export const BLOCKAID_CLIENT_ID = process.env.NEXT_PUBLIC_BLOCKAID_CLIENT_ID
+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 93%
rename from src/config/routes.ts
rename to apps/web/src/config/routes.ts
index 11c78d471..900235524 100644
--- a/src/config/routes.ts
+++ b/apps/web/src/config/routes.ts
@@ -1,15 +1,17 @@
 export const AppRoutes = {
-  '404': '/404',
   '403': '/403',
+  '404': '/404',
   wc: '/wc',
   terms: '/terms',
   swap: '/swap',
+  stake: '/stake',
   privacy: '/privacy',
   licenses: '/licenses',
   index: '/',
   imprint: '/imprint',
   home: '/home',
   cookie: '/cookie',
+  bridge: '/bridge',
   addressBook: '/address-book',
   addOwner: '/addOwner',
   _offline: '/_offline',
@@ -26,6 +28,7 @@ export const AppRoutes = {
   newSafe: {
     load: '/new-safe/load',
     create: '/new-safe/create',
+    advancedCreate: '/new-safe/advanced-create',
   },
   settings: {
     setup: '/settings/setup',
@@ -46,8 +49,8 @@ export const AppRoutes = {
   },
   transactions: {
     tx: '/transactions/tx',
-    msg: '/transactions/msg',
     queue: '/transactions/queue',
+    msg: '/transactions/msg',
     messages: '/transactions/messages',
     index: '/transactions',
     history: '/transactions/history',
diff --git a/src/config/securityHeaders.ts b/apps/web/src/config/securityHeaders.ts
similarity index 87%
rename from src/config/securityHeaders.ts
rename to apps/web/src/config/securityHeaders.ts
index 8d3faa3bb..5cd722ad6 100644
--- a/src/config/securityHeaders.ts
+++ b/apps/web/src/config/securityHeaders.ts
@@ -13,11 +13,11 @@ 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'"
+   !IS_PRODUCTION || CYPRESS_MNEMONIC
+     ? "'unsafe-eval'" // Dev server and cypress need unsafe-eval
      : "'wasm-unsafe-eval'"
  };
- frame-src *;
+ frame-src http: https:;
  style-src 'self' 'unsafe-inline' https://*.getbeamer.com https://*.googleapis.com;
  font-src 'self' data:;
  worker-src 'self' blob:;
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..3d503b3cf
--- /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 { FEATURES } from '@/utils/chains'
+import { FeatureWrapper } from '@/components/wrappers/FeatureWrapper'
+import { SanctionWrapper } from '@/components/wrappers/SanctionWrapper'
+import { DisclaimerWrapper } from '@/components/wrappers/DisclaimerWrapper'
+
+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..09d19c136
--- /dev/null
+++ b/apps/web/src/features/bridge/components/BridgeWidget/index.test.tsx
@@ -0,0 +1,82 @@
+import { faker } from '@faker-js/faker'
+
+import { _getAppData } from '@/features/bridge/components/BridgeWidget'
+import { chainBuilder } from '@/tests/builders/chains'
+import { FEATURES } from '@/utils/chains'
+
+describe('BridgeWidget', () => {
+  describe('getAppData', () => {
+    it('should return the correct SafeAppDataWithPermissions', () => {
+      const result = _getAppData(false)
+
+      expect(result).toStrictEqual({
+        accessControl: {
+          type: 'NO_RESTRICTIONS',
+        },
+        chainIds: [],
+        description: '',
+        developerWebsite: '',
+        features: [],
+        iconUrl: '/images/common/bridge.svg',
+        id: expect.any(Number),
+        name: 'Bridge',
+        safeAppsPermissions: [],
+        socialProfiles: [],
+        tags: [],
+        url: 'https://iframe.jumper.exchange/?theme=light',
+      })
+    })
+
+    it('should return the correct SafeAppDataWithPermissions with dark mode', () => {
+      const result = _getAppData(true)
+
+      expect(result).toStrictEqual({
+        accessControl: {
+          type: 'NO_RESTRICTIONS',
+        },
+        chainIds: [],
+        description: '',
+        developerWebsite: '',
+        features: [],
+        iconUrl: '/images/common/bridge.svg',
+        id: expect.any(Number),
+        name: 'Bridge',
+        safeAppsPermissions: [],
+        socialProfiles: [],
+        tags: [],
+        url: 'https://iframe.jumper.exchange/?theme=dark',
+      })
+    })
+
+    it('should return the correct SafeAppDataWithPermissions with chains', () => {
+      const chains = Array.from({ length: faker.number.int({ min: 1, max: 10 }) }, (_, i) => {
+        return (
+          chainBuilder()
+            // @ts-expect-error
+            .with({ features: i % 2 ? [FEATURES.BRIDGE] : [] })
+            .build()
+        )
+      })
+
+      const result = _getAppData(false, chains)
+
+      expect(result).toStrictEqual({
+        accessControl: {
+          type: 'NO_RESTRICTIONS',
+        },
+        // @ts-expect-error
+        chainIds: chains.filter((chain) => chain.features.includes(FEATURES.BRIDGE)).map((chain) => chain.chainId),
+        description: '',
+        developerWebsite: '',
+        features: [],
+        iconUrl: '/images/common/bridge.svg',
+        id: expect.any(Number),
+        name: 'Bridge',
+        safeAppsPermissions: [],
+        socialProfiles: [],
+        tags: [],
+        url: 'https://iframe.jumper.exchange/?theme=light',
+      })
+    })
+  })
+})
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..cf36700fd
--- /dev/null
+++ b/apps/web/src/features/bridge/components/BridgeWidget/index.tsx
@@ -0,0 +1,53 @@
+import { useMemo } from 'react'
+import type { ReactElement } from 'react'
+
+import AppFrame from '@/components/safe-apps/AppFrame'
+import { getEmptySafeApp } from '@/components/safe-apps/utils'
+import useChains from '@/hooks/useChains'
+import { FEATURES, hasFeature } from '@/utils/chains'
+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 BRIDGE_WIDGET_URL = 'https://iframe.jumper.exchange'
+
+export function BridgeWidget(): ReactElement {
+  const isDarkMode = useDarkMode()
+  const { configs } = useChains()
+
+  const appData = useMemo((): SafeAppDataWithPermissions => {
+    return _getAppData(isDarkMode, configs)
+  }, [configs, isDarkMode])
+
+  return (
+    <AppFrame
+      appUrl={appData.url}
+      allowedFeaturesList="clipboard-read; clipboard-write"
+      safeAppFromManifest={appData}
+      isNativeEmbed
+    />
+  )
+}
+
+export function _getAppData(isDarkMode: boolean, chains?: Array<ChainInfo>): SafeAppDataWithPermissions {
+  const theme = isDarkMode ? 'dark' : 'light'
+  return {
+    ...getEmptySafeApp(),
+    name: 'Bridge',
+    iconUrl: '/images/common/bridge.svg',
+    chainIds: getChainIds(chains),
+    url: `${BRIDGE_WIDGET_URL}/?theme=${theme}`,
+  }
+}
+
+function getChainIds(chains?: Array<ChainInfo>): Array<string> {
+  if (!chains) {
+    return []
+  }
+  return chains.reduce<Array<string>>((acc, cur) => {
+    if (hasFeature(cur, FEATURES.BRIDGE)) {
+      acc.push(cur.chainId)
+    }
+    return acc
+  }, [])
+}
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..2f3a71848
--- /dev/null
+++ b/apps/web/src/features/bridge/hooks/useIsBridgeFeatureEnabled.ts
@@ -0,0 +1,6 @@
+import { useIsGeoblockedFeatureEnabled } from '@/hooks/useIsGeoblockedFeatureEnabled'
+import { FEATURES } from '@/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..c6cd0e3b7
--- /dev/null
+++ b/apps/web/src/features/counterfactual/ActivateAccountButton.tsx
@@ -0,0 +1,57 @@
+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'
+import CheckWallet from '@/components/common/CheckWallet'
+
+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..bf9cf65f6
--- /dev/null
+++ b/apps/web/src/features/counterfactual/ActivateAccountFlow.tsx
@@ -0,0 +1,236 @@
+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, type UndeployedSafe } 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 '@/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, useMemo, useState } from 'react'
+import { getLatestSafeVersion } from '@/utils/chains'
+import { sameAddress } from '@/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'
+
+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: DeploySafeProps['options'] = 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, safeVersion } = 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,
+          safeVersion ?? getLatestSafeVersion(chain),
+          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 100%
rename from src/features/counterfactual/CheckBalance.tsx
rename to apps/web/src/features/counterfactual/CheckBalance.tsx
diff --git a/src/features/counterfactual/CounterfactualForm.tsx b/apps/web/src/features/counterfactual/CounterfactualForm.tsx
similarity index 94%
rename from src/features/counterfactual/CounterfactualForm.tsx
rename to apps/web/src/features/counterfactual/CounterfactualForm.tsx
index cf20d005e..e91a6199c 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,7 +18,7 @@ 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 { SignOrExecuteProps } from '@/components/tx/SignOrExecuteForm/SignOrExecuteForm'
 import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
 import AdvancedParams, { useAdvancedParams } from '@/components/tx/AdvancedParams'
 import { asError } from '@/services/exceptions/utils'
@@ -46,11 +43,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 +80,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 +99,6 @@ export const CounterfactualForm = ({
   const walletCanPay = useWalletCanPay({
     gasLimit: gasLimit?.totalGas,
     maxFeePerGas: advancedParams.maxFeePerGas,
-    maxPriorityFeePerGas: advancedParams.maxPriorityFeePerGas,
   })
 
   const cannotPropose = !isOwner && !onlyExecute
@@ -179,7 +173,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..4232427dc
--- /dev/null
+++ b/apps/web/src/features/counterfactual/PayNowPayLater.tsx
@@ -0,0 +1,135 @@
+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'
+
+export const enum PayMethod {
+  PayNow = 'PayNow',
+  PayLater = 'PayLater',
+}
+
+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..56b223028
--- /dev/null
+++ b/apps/web/src/features/counterfactual/__tests__/utils.test.ts
@@ -0,0 +1,157 @@
+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'
+import { PendingSafeStatus } from '../store/undeployedSafesSlice'
+import { PayMethod } from '../PayNowPayLater'
+
+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)
+
+      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/hooks/useDeployGasLimit.ts b/apps/web/src/features/counterfactual/hooks/useDeployGasLimit.ts
similarity index 92%
rename from src/features/counterfactual/hooks/useDeployGasLimit.ts
rename to apps/web/src/features/counterfactual/hooks/useDeployGasLimit.ts
index 45e406100..673186935 100644
--- a/src/features/counterfactual/hooks/useDeployGasLimit.ts
+++ b/apps/web/src/features/counterfactual/hooks/useDeployGasLimit.ts
@@ -2,7 +2,7 @@ import useAsync from '@/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'
 
@@ -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([
@@ -67,15 +66,15 @@ export const estimateBatchDeploymentTransaction = async (
 ) => {
   const customContracts = sdk.getContractManager().contractNetworks?.[chainId]
   const safeVersion = await sdk.getContractVersion()
-  const ethAdapter = sdk.getEthAdapter()
+  const safeProvider = sdk.getSafeProvider()
   const fallbackHandlerContract = await getCompatibilityFallbackHandlerContract({
-    ethAdapter,
+    safeProvider,
     safeVersion,
     customContracts,
   })
 
   const simulateTxAccessorContract = await getSimulateTxAccessorContract({
-    ethAdapter,
+    safeProvider,
     safeVersion,
     customContracts,
   })
@@ -92,7 +91,7 @@ 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,
+    BigInt(safeTransaction.data.value),
     safeTransaction.data.data,
     safeTransaction.data.operation,
   ])
@@ -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 82%
rename from src/features/counterfactual/hooks/usePendingSafeNotifications.ts
rename to apps/web/src/features/counterfactual/hooks/usePendingSafeNotifications.ts
index 9cff3f9d7..c7ff76184 100644
--- a/src/features/counterfactual/hooks/usePendingSafeNotifications.ts
+++ b/apps/web/src/features/counterfactual/hooks/usePendingSafeNotifications.ts
@@ -1,5 +1,8 @@
 import { SafeCreationEvent, safeCreationSubscribe } from '@/features/counterfactual/services/safeCreationEvents'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useGetAllOwnedSafesQuery } from '@/store/api/gateway'
 import { getBlockExplorerLink } from '@/utils/chains'
+import { skipToken } from '@reduxjs/toolkit/query'
 import { useEffect } from 'react'
 import { formatError } from '@/utils/formatters'
 import { showNotification } from '@/store/notificationsSlice'
@@ -26,6 +29,8 @@ const usePendingSafeNotifications = (): void => {
   const dispatch = useAppDispatch()
   const chain = useCurrentChain()
   const safeAddress = useSafeAddress()
+  const { address = '' } = useWallet() || {}
+  const { refetch } = useGetAllOwnedSafesQuery(address === '' ? skipToken : { walletAddress: address })
 
   useEffect(() => {
     if (!chain) return
@@ -43,6 +48,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) {
+          refetch()
+        }
+
         dispatch(
           showNotification({
             title: 'Safe Account activation',
@@ -59,7 +69,7 @@ const usePendingSafeNotifications = (): void => {
     return () => {
       unsubFns.forEach((unsub) => unsub())
     }
-  }, [dispatch, safeAddress, chain])
+  }, [dispatch, safeAddress, chain, refetch])
 }
 
 export default usePendingSafeNotifications
diff --git a/src/features/counterfactual/hooks/usePendingSafeStatuses.ts b/apps/web/src/features/counterfactual/hooks/usePendingSafeStatuses.ts
similarity index 80%
rename from src/features/counterfactual/hooks/usePendingSafeStatuses.ts
rename to apps/web/src/features/counterfactual/hooks/usePendingSafeStatuses.ts
index d9f607773..70ee6b03d 100644
--- a/src/features/counterfactual/hooks/usePendingSafeStatuses.ts
+++ b/apps/web/src/features/counterfactual/hooks/usePendingSafeStatuses.ts
@@ -1,4 +1,5 @@
 import { pollSafeInfo } from '@/components/new-safe/create/logic'
+import { PayMethod } from '@/features/counterfactual/PayNowPayLater'
 import {
   safeCreationDispatch,
   SafeCreationEvent,
@@ -13,12 +14,15 @@ 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'
 
 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..1923dd0a1 100644
--- a/src/features/counterfactual/services/safeCreationEvents.ts
+++ b/apps/web/src/features/counterfactual/services/safeCreationEvents.ts
@@ -1,6 +1,9 @@
+import type { PayMethod } from '@/features/counterfactual/PayNowPayLater'
 import EventBus from '@/services/EventBus'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 
 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..d24f9909f
--- /dev/null
+++ b/apps/web/src/features/counterfactual/store/undeployedSafesSlice.ts
@@ -0,0 +1,142 @@
+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'
+import { selectChainIdAndSafeAddress, selectSafeAddress } from '@/store/common'
+import { type SafeVersion } from '@safe-global/safe-core-sdk-types'
+
+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 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 }
+
+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/utils.ts b/apps/web/src/features/counterfactual/utils.ts
new file mode 100644
index 000000000..5afc33cd0
--- /dev/null
+++ b/apps/web/src/features/counterfactual/utils.ts
@@ -0,0 +1,390 @@
+import { getLatestSafeVersion } from '@/utils/chains'
+import { POLLING_INTERVAL } from '@/config/constants'
+import type { PayMethod } from '@/features/counterfactual/PayNowPayLater'
+import { safeCreationDispatch, SafeCreationEvent } from '@/features/counterfactual/services/safeCreationEvents'
+import {
+  addUndeployedSafe,
+  type UndeployedSafeProps,
+  type ReplayedSafeProps,
+  type UndeployedSafe,
+  PendingSafeStatus,
+} from '@/features/counterfactual/store/undeployedSafesSlice'
+import { type ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { asError } from '@/services/exceptions/utils'
+import ExternalStore from '@/services/ExternalStore'
+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 '@/store/safeInfoSlice'
+import { didRevert, type EthersError } from '@/utils/ethers-utils'
+import { assertProvider, assertTx, assertWallet } from '@/utils/helpers'
+import { type DeploySafeProps, 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/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 { getSafeL2SingletonDeployments, getSafeSingletonDeployments } from '@safe-global/safe-deployments'
+import { sameAddress } from '@/utils/addresses'
+
+import { encodeSafeCreationTx } from '@/components/new-safe/create/logic'
+
+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: ContractTransactionResponse | 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 })
+
+    // @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 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: DeploySafeProps['options'],
+) => {
+  const data = encodeSafeCreationTx(props, chain)
+
+  return (await provider.getSigner()).sendTransaction({
+    ...options,
+    to: props.factoryAddress,
+    data,
+    value: '0',
+  })
+}
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..1ab4ec89d
--- /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 '@/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 { PayMethod } from '@/features/counterfactual/PayNowPayLater'
+import { MULTICHAIN_HELP_ARTICLE } from '@/config/constants'
+import { checksumAddress } from '@/utils/addresses'
+
+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..6043d68e5
--- /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 '@/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/hooks/__tests__/useCompatibleNetworks.test.ts b/apps/web/src/features/multichain/hooks/__tests__/useCompatibleNetworks.test.ts
new file mode 100644
index 000000000..699276cb3
--- /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 '@/store/slices'
+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 zkSync and 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, false, 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, false, 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, false, 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, false, 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, false, 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, false, 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..3c6aba20e
--- /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 '@/store/slices'
+import { PayMethod } from '@/features/counterfactual/PayNowPayLater'
+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 '@/types/contracts'
+import { type JsonRpcProvider } from 'ethers'
+import { Multi_send__factory } from '@/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'
+
+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..881076dd3
--- /dev/null
+++ b/apps/web/src/features/multichain/hooks/useCompatibleNetworks.ts
@@ -0,0 +1,89 @@
+import { type ReplayedSafeProps } from '@/features/counterfactual/store/undeployedSafesSlice'
+import useChains from '@/hooks/useChains'
+import { hasCanonicalDeployment, hasMatchingDeployment } from '@/services/contracts/deployments'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import { type SafeVersion } from '@safe-global/safe-core-sdk-types'
+import {
+  getCompatibilityFallbackHandlerDeployments,
+  getProxyFactoryDeployments,
+  getSafeL2SingletonDeployments,
+  getSafeSingletonDeployments,
+  getSafeToL2MigrationDeployments,
+  getSafeToL2SetupDeployments,
+} from '@safe-global/safe-deployments'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+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..0f235feac
--- /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 '@/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..504064f34
--- /dev/null
+++ b/apps/web/src/features/multichain/hooks/useSafeCreationData.ts
@@ -0,0 +1,190 @@
+import useAsync, { type AsyncResult } from '@/hooks/useAsync'
+import { createWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { type UndeployedSafe, selectRpc, type ReplayedSafeProps, selectUndeployedSafes } from '@/store/slices'
+import { Safe__factory, Safe_proxy_factory__factory } from '@/types/contracts'
+import { sameAddress } from '@/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 '@/services/exceptions/ErrorCodes'
+import { asError } from '@/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/extract-migration-data.ts b/apps/web/src/features/multichain/utils/extract-migration-data.ts
new file mode 100644
index 000000000..3a8a0efa1
--- /dev/null
+++ b/apps/web/src/features/multichain/utils/extract-migration-data.ts
@@ -0,0 +1,32 @@
+import type { TransactionData } from '@safe-global/safe-gateway-typescript-sdk'
+import { Safe_to_l2_migration__factory } from '@/types/contracts'
+import { sameAddress } from '@/utils/addresses'
+import { isMultiSendCalldata } from '@/utils/transaction-calldata'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { getSafeToL2MigrationDeployment } from '@safe-global/safe-deployments'
+
+export const extractMigrationL2MasterCopyAddress = (txData: TransactionData): string | undefined => {
+  if (!isMultiSendCalldata(txData.hexData || '')) {
+    return undefined
+  }
+
+  const innerTxs = decodeMultiSendData(txData.hexData || '')
+  const firstInnerTx = innerTxs[0]
+  if (!firstInnerTx) {
+    return undefined
+  }
+
+  const safeToL2MigrationDeployment = getSafeToL2MigrationDeployment()
+  const safeToL2MigrationAddress = safeToL2MigrationDeployment?.defaultAddress
+  const safeToL2MigrationInterface = Safe_to_l2_migration__factory.createInterface()
+
+  if (
+    firstInnerTx.data.startsWith(safeToL2MigrationInterface.getFunction('migrateToL2').selector) &&
+    sameAddress(firstInnerTx.to, safeToL2MigrationAddress)
+  ) {
+    const callParams = safeToL2MigrationInterface.decodeFunctionData('migrateToL2', firstInnerTx.data)
+    return callParams[0]
+  }
+
+  return undefined
+}
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..4eff5c8ba
--- /dev/null
+++ b/apps/web/src/features/multichain/utils/utils.test.ts
@@ -0,0 +1,525 @@
+import { faker } from '@faker-js/faker/locale/af_ZA'
+import { getDeviatingSetups, getSafeSetups, getSharedSetup, isMultiChainSafeItem } from './utils'
+import { PendingSafeStatus } from '@/store/slices'
+import { PayMethod } from '@/features/counterfactual/PayNowPayLater'
+
+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..040fc00ff
--- /dev/null
+++ b/apps/web/src/features/multichain/utils/utils.ts
@@ -0,0 +1,136 @@
+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 '@/store/slices'
+import { sameAddress } from '@/utils/addresses'
+import { Safe_proxy_factory__factory } from '@/types/contracts'
+import { extractCounterfactualSafeSetup } from '@/features/counterfactual/utils'
+import { encodeSafeSetupCall } from '@/components/new-safe/create/logic'
+import { FEATURES, hasFeature } from '@/utils/chains'
+import { type SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import { type MultiChainSafeItem } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import { LATEST_SAFE_VERSION } from '@/config/constants'
+
+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
+}
+
+const areOwnersMatching = (owners1: string[], owners2: string[]) =>
+  owners1.length === owners2.length && owners1.every((owner) => owners2.some((owner2) => sameAddress(owner, owner2)))
+
+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 predictAddressBasedOnReplayData = async (safeCreationData: ReplayedSafeProps, provider: Provider) => {
+  const setupData = encodeSafeSetupCall(safeCreationData.safeAccountConfig)
+
+  // Step 1: Hash the initializer
+  const initializerHash = keccak256(setupData)
+
+  // Step 2: Encode the initializerHash and saltNonce using abi.encodePacked equivalent
+  const encoded = ethers.concat([initializerHash, solidityPacked(['uint256'], [safeCreationData.saltNonce])])
+
+  // Step 3: Hash the encoded value to get the final salt
+  const salt = keccak256(encoded)
+
+  // Get Proxy creation code
+  const proxyCreationCode = await memoizedGetProxyCreationCode(safeCreationData.factoryAddress, provider)
+
+  const constructorData = safeCreationData.masterCopy
+  const initCode = proxyCreationCode + solidityPacked(['uint256'], [constructorData]).slice(2)
+  return getCreate2Address(safeCreationData.factoryAddress, salt, keccak256(initCode))
+}
+
+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..6181fcf9e
--- /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)',
+        // backgroundColor: '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
+      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..aba2cdcdb
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountItems/MultiAccountItem.tsx
@@ -0,0 +1,360 @@
+import { selectUndeployedSafes } from '@/features/counterfactual/store/undeployedSafesSlice'
+import NetworkLogosList from '@/features/multichain/components/NetworkLogosList'
+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,
+} 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 '@/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 '@/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 '@/store/safeInfoSlice'
+import { selectOrderByPreference } from '@/store/orderByPreferenceSlice'
+import { getComparator } from '@/features/myAccounts/utils/utils'
+
+type MultiAccountItemProps = {
+  multiSafeAccountItem: MultiChainSafeItem
+  safeOverviews?: SafeOverview[]
+  onLinkClick?: () => void
+}
+
+const MultichainIndicator = ({ safes }: { safes: SafeItem[] }) => {
+  return (
+    <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 className={css.multiChains}>
+        <NetworkLogosList networks={safes} showHasMore />
+      </Box>
+    </Tooltip>
+  )
+}
+
+function useMultiAccountItemData(multiSafeAccountItem: MultiChainSafeItem) {
+  const { address, safes, isPinned, name } = multiSafeAccountItem
+
+  const router = useRouter()
+  const isWelcomePage = router.pathname === AppRoutes.welcome.accounts
+  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,
+  }
+}
+
+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 }
+}
+
+const MultiAccountItem = ({ onLinkClick, multiSafeAccountItem }: MultiAccountItemProps) => {
+  const {
+    address,
+    name,
+    sortedSafes,
+    safeOverviews,
+    sharedSetup,
+    totalFiatValue,
+    hasReplayableSafe,
+    isPinned,
+    isCurrentSafe,
+    isReadOnly,
+    isWelcomePage,
+    deployedChainIds,
+  } = 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) {
+        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' },
+          }}
+        >
+          <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}>
+              {multiSafeAccountItem.name && (
+                <Typography variant="subtitle2" component="p" sx={{ fontWeight: 'bold' }} className={css.safeName}>
+                  {multiSafeAccountItem.name}
+                </Typography>
+              )}
+              <Typography
+                data-testid="group-address"
+                component="span"
+                sx={{
+                  color: 'var(--color-primary-light)',
+                  fontSize: 'inherit',
+                }}
+              >
+                {shortenAddress(address)}
+              </Typography>
+            </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>
+          <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>
+          <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
+              />
+            ))}
+          </Box>
+          {!isReadOnly && hasReplayableSafe && (
+            <>
+              <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..f3c5060bb
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountItems/SingleAccountItem.tsx
@@ -0,0 +1,265 @@
+import { selectUndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+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 '@/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 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 { defaultSafeInfo, showNotification, useGetSafeOverviewQuery } from '@/store/slices'
+import FiatValue from '@/components/common/FiatValue'
+import { AccountInfoChips } from '../AccountInfoChips'
+
+type AccountItemProps = {
+  safeItem: SafeItem
+  safeOverview?: SafeOverview
+  onLinkClick?: () => void
+  isMultiChainItem?: boolean
+}
+
+const SingleAccountItem = ({ onLinkClick, safeItem, isMultiChainItem = 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 : 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 })
+  }
+
+  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}>
+          <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}>
+            {name && (
+              <Typography
+                variant="subtitle2"
+                component="p"
+                className={css.safeName}
+                sx={{
+                  fontWeight: 'bold',
+                }}
+              >
+                {name}
+              </Typography>
+            )}
+            {isMultiChainItem ? (
+              <Typography
+                component="span"
+                sx={{
+                  color: 'var(--color-primary-light)',
+                  fontSize: 'inherit',
+                }}
+              >
+                {chain?.chainName}
+              </Typography>
+            ) : (
+              <>
+                {chain?.shortName}:
+                <Typography
+                  component="span"
+                  sx={{
+                    color: 'var(--color-primary-light)',
+                    fontSize: 'inherit',
+                  }}
+                >
+                  {shortenAddress(address)}
+                </Typography>
+              </>
+            )}
+            {!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} />}
+
+          <Typography variant="body2" sx={{ fontWeight: 'bold', textAlign: 'right', pl: 2 }}>
+            {undeployedSafe ? null : safeOverview ? (
+              <FiatValue value={safeOverview.fiatTotal} />
+            ) : (
+              <Skeleton variant="text" sx={{ ml: 'auto' }} />
+            )}
+          </Typography>
+        </Link>
+      </Track>
+      {!isMultiChainItem && (
+        <>
+          <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>
+
+          <SafeListContextMenu
+            name={name}
+            address={address}
+            chainId={chainId}
+            addNetwork={isReplayable}
+            rename
+            undeployedSafe={!!undeployedSafe}
+          />
+        </>
+      )}
+
+      {isMobile && (
+        <AccountInfoChips
+          isActivating={isActivating}
+          isReadOnly={isReadOnly}
+          undeployedSafe={!!undeployedSafe}
+          isVisible={isVisible}
+          safeOverview={safeOverview ?? null}
+          chain={chain}
+          href={href}
+          onLinkClick={onLinkClick}
+          trackingLabel={trackingLabel}
+        />
+      )}
+    </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..4adeb324f
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountItems/styles.module.css
@@ -0,0 +1,142 @@
+.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.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;
+}
+
+.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..2b52c3911
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountsHeader/index.tsx
@@ -0,0 +1,61 @@
+import ConnectWalletButton from '@/components/common/ConnectWallet/ConnectWalletButton'
+import Track from '@/components/common/Track'
+import { AppRoutes } from '@/config/routes'
+import CreateButton from '@/features/myAccounts/components/CreateButton'
+import css from '@/features/myAccounts/styles.module.css'
+import useWallet from '@/hooks/wallets/useWallet'
+import AddIcon from '@/public/images/common/add.svg'
+import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
+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
+          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 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 })}>
+      <Typography variant="h1" fontWeight={700} className={css.title}>
+        My accounts
+      </Typography>
+
+      <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..a50b09d9a
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AccountsList/index.tsx
@@ -0,0 +1,41 @@
+import FilteredSafes from '@/features/myAccounts/components/FilteredSafes'
+import PinnedSafes from '@/features/myAccounts/components/PinnedSafes'
+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 (
+    <>
+      <PinnedSafes allSafes={allSafes} onLinkClick={onLinkClick} />
+      <AllSafes allSafes={allSafes} onLinkClick={onLinkClick} isSidebar={isSidebar} />
+    </>
+  )
+}
+
+export default AccountsList
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..d3a6862b3
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/AllSafes/index.tsx
@@ -0,0 +1,83 @@
+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 },
+        }}
+      >
+        <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/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..36bab0ca9
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/FilteredSafes/index.test.tsx
@@ -0,0 +1,85 @@
+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)
+  })
+
+  it('sets useTransitions to false in SafesList', () => {
+    // Just verify that we are passing useTransitions={false}
+    jest.spyOn(safesSearch, 'useSafesSearch').mockReturnValue([])
+    render(<FilteredSafes searchQuery="test" allSafes={[]} />)
+
+    const safesListProps = (SafesList as jest.Mock).mock.calls[0][0]
+    expect(safesListProps.useTransitions).toBe(false)
+  })
+})
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..13579cbca
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/FilteredSafes/index.tsx
@@ -0,0 +1,30 @@
+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 '@/utils/formatters'
+import { Box, Typography } from '@mui/material'
+
+const FilteredSafes = ({
+  searchQuery,
+  allSafes,
+  onLinkClick,
+}: {
+  searchQuery: string
+  allSafes: AllSafeItems
+  onLinkClick?: () => void
+}) => {
+  const filteredSafes = useSafesSearch(allSafes ?? [], 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} useTransitions={false} />
+      </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..f651de62c
--- /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: { 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..29b38fdad
--- /dev/null
+++ b/apps/web/src/features/myAccounts/components/SafesList/index.tsx
@@ -0,0 +1,45 @@
+import SingleAccountItem from '@/features/myAccounts/components/AccountItems/SingleAccountItem'
+import type { SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import type { MultiChainSafeItem } from '@/features/myAccounts/hooks/useAllSafesGrouped'
+import MultiAccountItem from '@/features/myAccounts/components/AccountItems/MultiAccountItem'
+import { isMultiChainSafeItem } from '@/features/multichain/utils/utils'
+import { TransitionGroup } from 'react-transition-group'
+import { Collapse } from '@mui/material'
+
+type SafeListProps = {
+  safes?: (SafeItem | MultiChainSafeItem)[]
+  onLinkClick?: () => void
+  useTransitions?: boolean
+}
+
+const renderSafeItem = (item: SafeItem | MultiChainSafeItem, onLinkClick?: () => void) => {
+  return isMultiChainSafeItem(item) ? (
+    <MultiAccountItem onLinkClick={onLinkClick} multiSafeAccountItem={item} />
+  ) : (
+    <SingleAccountItem onLinkClick={onLinkClick} safeItem={item} />
+  )
+}
+
+const SafesList = ({ safes, onLinkClick, useTransitions = true }: SafeListProps) => {
+  if (!safes || safes.length === 0) {
+    return null
+  }
+
+  return useTransitions ? (
+    <TransitionGroup>
+      {safes.map((item) => (
+        <Collapse key={item.address} timeout="auto">
+          {renderSafeItem(item, onLinkClick)}
+        </Collapse>
+      ))}
+    </TransitionGroup>
+  ) : (
+    <>
+      {safes.map((item) => (
+        <div key={item.address}>{renderSafeItem(item, onLinkClick)}</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..e39cb6caa
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafes.test.ts
@@ -0,0 +1,481 @@
+import type { UndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+
+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'
+
+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.ts b/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafesGrouped.ts
new file mode 100644
index 000000000..2143f0308
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/__tests__/useAllSafesGrouped.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..f7cf18661
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useAllOwnedSafes.ts
@@ -0,0 +1,13 @@
+import type { AllOwnedSafes } from '@safe-global/safe-gateway-typescript-sdk'
+import type { AsyncResult } from '@/hooks/useAsync'
+import { useGetAllOwnedSafesQuery } from '@/store/api/gateway'
+import { asError } from '@/services/exceptions/utils'
+import { skipToken } from '@reduxjs/toolkit/query'
+
+const useAllOwnedSafes = (address: string): AsyncResult<AllOwnedSafes> => {
+  const { data, error, isLoading } = useGetAllOwnedSafesQuery(address === '' ? skipToken : { walletAddress: address })
+
+  return [address ? data : 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..82d3381c6
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useAllSafes.ts
@@ -0,0 +1,103 @@
+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, UndeployedSafesState, VisitedSafesState } from '@/store/slices'
+import { selectAllAddressBooks, selectAllVisitedSafes, selectUndeployedSafes } from '@/store/slices'
+import { sameAddress } from '@/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..021593a3d
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useAllSafesGrouped.ts
@@ -0,0 +1,61 @@
+import groupBy from 'lodash/groupBy'
+import useAllSafes, { type SafeItem, type SafeItems } from './useAllSafes'
+import { useMemo } from 'react'
+import { sameAddress } from '@/utils/addresses'
+
+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 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 = () => {
+  const allSafes = useAllSafes()
+
+  return useMemo<AllSafeItemsGrouped>(() => {
+    if (!allSafes) {
+      return { allMultiChainSafes: undefined, allSingleSafes: undefined }
+    }
+
+    const allMultiChainSafes = _getMultiChainAccounts(allSafes)
+    const allSingleSafes = _getSingleChainAccounts(allSafes, allMultiChainSafes)
+
+    return {
+      allMultiChainSafes,
+      allSingleSafes,
+    }
+  }, [allSafes])
+}
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..939cbb22d
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useGetHref.ts
@@ -0,0 +1,24 @@
+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'
+
+/**
+ * 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 isWelcomePage = router.pathname === AppRoutes.welcome.accounts
+  const isSingleTxPage = router.pathname === AppRoutes.transactions.tx
+
+  return useCallback(
+    (chain: ChainInfo, address: string) => {
+      return {
+        pathname: isWelcomePage ? AppRoutes.home : isSingleTxPage ? AppRoutes.transactions.history : router.pathname,
+        query: { ...router.query, safe: `${chain.shortName}:${address}` },
+      }
+    },
+    [isSingleTxPage, isWelcomePage, 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/useSafesSearch.ts b/apps/web/src/features/myAccounts/hooks/useSafesSearch.ts
new file mode 100644
index 000000000..9ce2228de
--- /dev/null
+++ b/apps/web/src/features/myAccounts/hooks/useSafesSearch.ts
@@ -0,0 +1,62 @@
+import { useEffect, 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'
+import { OVERVIEW_EVENTS, trackEvent } from '@/services/analytics'
+
+const useSafesSearch = (safes: AllSafeItems, query: string): AllSafeItems => {
+  const chains = useAppSelector(selectChains)
+
+  useEffect(() => {
+    if (query) {
+      trackEvent({
+        category: OVERVIEW_EVENTS.SEARCH.category,
+        action: OVERVIEW_EVENTS.SEARCH.action,
+      })
+    }
+  }, [query])
+
+  // Include chain names in the search
+  const safesWithChainNames = useMemo(
+    () =>
+      safes.map((safe) => {
+        if (isMultiChainSafeItem(safe)) {
+          const subSafeChains = safe.safes.map(
+            (subSafe) => chains.data.find((chain) => chain.chainId === subSafe.chainId)?.chainName,
+          )
+          const subSafeNames = safe.safes.map((subSafe) => subSafe.name)
+          return { ...safe, chainNames: subSafeChains, names: subSafeNames }
+        }
+        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..c9387baf8
--- /dev/null
+++ b/apps/web/src/features/myAccounts/styles.module.css
@@ -0,0 +1,92 @@
+.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);
+}
+
+@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..caf786b47
--- /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 '@/utils/formatters'
+import { isHardwareWallet } 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 hardwareWallet = isHardwareWallet(wallet)
+      const signer = await getAssertedChainSigner(wallet.provider)
+      const signature = hardwareWallet
+        ? await signProposerData(proposer.delegate, signer, chainId)
+        : await signProposerTypedData(chainId, proposer.delegate, signer)
+
+      await deleteProposer({
+        chainId,
+        delegateAddress: chainId === '30' || chainId === '31' ? proposer.delegate.toLowerCase() : proposer.delegate,
+        delegator: proposer.delegator,
+        safeAddress,
+        signature,
+        isHardwareWallet: hardwareWallet,
+      })
+
+      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..e21a09b6a
--- /dev/null
+++ b/apps/web/src/features/proposers/components/UpsertProposer.tsx
@@ -0,0 +1,238 @@
+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 { shortenAddress } from '@/utils/formatters'
+import { addressIsNotCurrentSafe } from '@/utils/validation'
+import { isHardwareWallet } from '@/utils/wallets'
+import { toChecksumAddress } from '@/utils/rsk-utils'
+import { isAddress } from 'ethers'
+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, useState } from 'react'
+import { FormProvider, useForm } from 'react-hook-form'
+
+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 methods = useForm<ProposerEntry>({
+    defaultValues: {
+      [ProposerEntryFields.address]: proposer?.delegate,
+      [ProposerEntryFields.name]: proposer?.label,
+    },
+    mode: 'onChange',
+  })
+
+  const notCurrentSafe = addressIsNotCurrentSafe(safeAddress, 'Cannot add Safe Account itself as proposer')
+
+  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')
+      }
+
+      const hardwareWallet = isHardwareWallet(wallet)
+      const signer = await getAssertedChainSigner(wallet.provider)
+
+      // For Rootstock, use the address in lowercase
+      const checksummedAddress =
+        chainId === '30' || chainId === '31' ? cleanAddress : toChecksumAddress(cleanAddress, chainId)
+
+      const signature = hardwareWallet
+        ? await signProposerData(checksummedAddress, signer, chainId)
+        : await signProposerTypedData(chainId, checksummedAddress, signer)
+
+      await addProposer({
+        chainId,
+        delegator: wallet.address,
+        signature,
+        label: data.name,
+        delegate: checksummedAddress,
+        safeAddress,
+        isHardwareWallet: hardwareWallet,
+      })
+
+      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={notCurrentSafe}
+                  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..c1107491c
--- /dev/null
+++ b/apps/web/src/features/proposers/utils/utils.ts
@@ -0,0 +1,60 @@
+import { signTypedData } from '@/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'
+
+const getProposerDataV2 = (chainId: string, proposerAddress: 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,
+  }
+
+  const types = {
+    Delegate: [
+      { name: 'delegateAddress', type: 'address' },
+      { name: 'totp', type: 'uint256' },
+    ],
+  }
+
+  const message = {
+    delegateAddress: checksummedAddress,
+    totp,
+  }
+
+  return {
+    domain,
+    types,
+    message,
+  }
+}
+
+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..7247d79ce
--- /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 '@/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/src/features/recovery/components/GroupedRecoveryListItems/index.tsx b/apps/web/src/features/recovery/components/GroupedRecoveryListItems/index.tsx
similarity index 100%
rename from src/features/recovery/components/GroupedRecoveryListItems/index.tsx
rename to apps/web/src/features/recovery/components/GroupedRecoveryListItems/index.tsx
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..53d55615e
--- /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 { 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
+          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..2f09d78b3
--- /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 { 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'
+import { maybePlural } from '@/utils/formatters'
+
+type Props =
+  | {
+      orientation?: 'vertical'
+      onClose: () => void
+      safe: SafeInfo
+      setTxFlow: TxModalContextType['setTxFlow']
+    }
+  | {
+      orientation: 'horizontal'
+      onClose?: never
+      safe: SafeInfo
+      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/src/features/recovery/components/RecoveryContext/index.tsx b/apps/web/src/features/recovery/components/RecoveryContext/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryContext/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryContext/index.tsx
diff --git a/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts b/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
similarity index 85%
rename from src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
rename to apps/web/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
index 9174ab3fd..76b70a734 100644
--- a/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
+++ b/apps/web/src/features/recovery/components/RecoveryContext/useRecoveryDelayModifiers.ts
@@ -5,12 +5,14 @@ import { getRecoveryDelayModifiers } from '@/features/recovery/services/delay-mo
 import useAsync from '@/hooks/useAsync'
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { useWeb3ReadOnly } from '@/hooks/wallets/web3'
-import { getSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
+import { getDeployedSpendingLimitModuleAddress } 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)
+  if (modules && modules.length > 1) return false
+  const spendingLimit = getDeployedSpendingLimitModuleAddress(chainId, modules)
+  return !!spendingLimit
 }
 
 export function useRecoveryDelayModifiers(): AsyncResult<Delay[]> {
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 100%
rename from src/features/recovery/components/RecoveryContext/useRecoveryState.ts
rename to apps/web/src/features/recovery/components/RecoveryContext/useRecoveryState.ts
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/src/features/recovery/components/RecoveryDetails/index.tsx b/apps/web/src/features/recovery/components/RecoveryDetails/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryDetails/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryDetails/index.tsx
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..67cfe15ea
--- /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 '@/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..7f6b1ec2c
--- /dev/null
+++ b/apps/web/src/features/recovery/components/RecoverySettings/ChooseRecoveryMethodModal.tsx
@@ -0,0 +1,284 @@
+import Track from '@/components/common/Track'
+import { RECOVERY_FEEDBACK_FORM, HelpCenterArticle, 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'
+
+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(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/src/features/recovery/components/RecoverySettings/index.tsx b/apps/web/src/features/recovery/components/RecoverySettings/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoverySettings/index.tsx
rename to apps/web/src/features/recovery/components/RecoverySettings/index.tsx
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..f33c9260e
--- /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 '@/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/src/features/recovery/components/RecoveryType/index.tsx b/apps/web/src/features/recovery/components/RecoveryType/index.tsx
similarity index 100%
rename from src/features/recovery/components/RecoveryType/index.tsx
rename to apps/web/src/features/recovery/components/RecoveryType/index.tsx
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 94%
rename from src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
rename to apps/web/src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
index 501a7157f..6ca079a06 100644
--- a/src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
+++ b/apps/web/src/features/recovery/hooks/__tests__/useIsValidExecution.test.ts
@@ -1,3 +1,4 @@
+import type { SafeContractImplementationType } from '@safe-global/protocol-kit'
 import type { SafeTransaction, SafeSignature } from '@safe-global/safe-core-sdk-types'
 import * as useWallet from '@/hooks/wallets/useWallet'
 import { act, renderHook } from '@/tests/test-utils'
@@ -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)
   })
 
@@ -69,7 +69,7 @@ describe('useIsValidExecution', () => {
             },
           },
         },
-      } 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..549070dea
--- /dev/null
+++ b/apps/web/src/features/recovery/hooks/useIsRecoverySupported.ts
@@ -0,0 +1,6 @@
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@/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 100%
rename from src/features/recovery/hooks/useIsValidRecoveryExecution.ts
rename to apps/web/src/features/recovery/hooks/useIsValidRecoveryExecution.ts
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 100%
rename from src/features/recovery/hooks/useRecoveryTxNotification.ts
rename to apps/web/src/features/recovery/hooks/useRecoveryTxNotification.ts
diff --git a/src/features/recovery/hooks/useRecoveryTxState.ts b/apps/web/src/features/recovery/hooks/useRecoveryTxState.ts
similarity index 100%
rename from src/features/recovery/hooks/useRecoveryTxState.ts
rename to apps/web/src/features/recovery/hooks/useRecoveryTxState.ts
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 95%
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..447a86656 100644
--- a/src/features/recovery/services/__tests__/recovery-state.test.ts
+++ b/apps/web/src/features/recovery/services/__tests__/recovery-state.test.ts
@@ -15,17 +15,21 @@ 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 { getLatestSafeVersion } from '@/utils/chains'
+import { chainBuilder } from '@/tests/builders/chains'
 
 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,
 ]
 
 describe('recovery-state', () => {
@@ -37,8 +41,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 +54,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 +70,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 +106,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 +144,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 +179,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 +275,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 +305,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 +333,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 +356,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()}`
@@ -369,7 +373,7 @@ describe('recovery-state', () => {
           .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,
@@ -477,7 +481,7 @@ 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
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 100%
rename from src/features/recovery/services/__tests__/setup.test.ts
rename to apps/web/src/features/recovery/services/__tests__/setup.test.ts
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 100%
rename from src/features/recovery/services/__tests__/transaction-list.test.ts
rename to apps/web/src/features/recovery/services/__tests__/transaction-list.test.ts
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 100%
rename from src/features/recovery/services/delay-modifier.ts
rename to apps/web/src/features/recovery/services/delay-modifier.ts
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 100%
rename from src/features/recovery/services/recovery-sender.ts
rename to apps/web/src/features/recovery/services/recovery-sender.ts
diff --git a/src/features/recovery/services/recovery-state.ts b/apps/web/src/features/recovery/services/recovery-state.ts
similarity index 97%
rename from src/features/recovery/services/recovery-state.ts
rename to apps/web/src/features/recovery/services/recovery-state.ts
index 6303750e0..70941f90d 100644
--- a/src/features/recovery/services/recovery-state.ts
+++ b/apps/web/src/features/recovery/services/recovery-state.ts
@@ -8,7 +8,7 @@ import { toBeHex, type JsonRpcProvider, type TransactionReceipt } from 'ethers'
 import { trimTrailingSlash } from '@/utils/url'
 import { sameAddress } from '@/utils/addresses'
 import { isMultiSendCalldata } from '@/utils/transaction-calldata'
-import { decodeMultiSendTxs } from '@/utils/transactions'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
 
 export const MAX_RECOVERER_PAGE_SIZE = 100
 
@@ -47,7 +47,7 @@ export function _isMaliciousRecovery({
   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
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 100%
rename from src/features/recovery/services/selectors.ts
rename to apps/web/src/features/recovery/services/selectors.ts
diff --git a/src/features/recovery/services/setup.ts b/apps/web/src/features/recovery/services/setup.ts
similarity index 100%
rename from src/features/recovery/services/setup.ts
rename to apps/web/src/features/recovery/services/setup.ts
diff --git a/src/features/recovery/services/transaction-list.ts b/apps/web/src/features/recovery/services/transaction-list.ts
similarity index 94%
rename from src/features/recovery/services/transaction-list.ts
rename to apps/web/src/features/recovery/services/transaction-list.ts
index 084acf027..8f37c43ef 100644
--- a/src/features/recovery/services/transaction-list.ts
+++ b/apps/web/src/features/recovery/services/transaction-list.ts
@@ -6,11 +6,11 @@ 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 { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
 
 function decodeOwnerManagementTransaction(safe: SafeInfo, transaction: BaseTransaction): SafeInfo {
   const safeDeployment = getSafeSingletonDeployment({ network: safe.chainId, version: safe.version ?? undefined })
@@ -54,7 +54,7 @@ function decodeOwnerManagementTransaction(safe: SafeInfo, transaction: BaseTrans
 }
 
 export function getRecoveredSafeInfo(safe: SafeInfo, transaction: BaseTransaction): SafeInfo {
-  const transactions = isMultiSendCalldata(transaction.data) ? decodeMultiSendTxs(transaction.data) : [transaction]
+  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 100%
rename from src/features/recovery/services/transaction.ts
rename to apps/web/src/features/recovery/services/transaction.ts
diff --git a/apps/web/src/features/siweAccounts/components/EnableAccountBanner/index.stories.tsx b/apps/web/src/features/siweAccounts/components/EnableAccountBanner/index.stories.tsx
new file mode 100644
index 000000000..223aae84c
--- /dev/null
+++ b/apps/web/src/features/siweAccounts/components/EnableAccountBanner/index.stories.tsx
@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import EnableAccountBanner from './index'
+import { Paper } from '@mui/material'
+import type { Eip1193Provider } from 'ethers'
+import { BrowserProvider } from 'ethers'
+
+const mockBrowserProvider = new BrowserProvider({
+  request: () => {},
+} as unknown as Eip1193Provider)
+
+const meta = {
+  component: EnableAccountBanner,
+  parameters: {
+    layout: 'centered',
+  },
+  decorators: [
+    (Story) => {
+      return (
+        <Paper sx={{ padding: 2 }}>
+          <Story />
+        </Paper>
+      )
+    },
+  ],
+
+  tags: ['autodocs'],
+} satisfies Meta<typeof EnableAccountBanner>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Default: Story = {
+  args: {
+    provider: mockBrowserProvider,
+  },
+}
diff --git a/apps/web/src/features/siweAccounts/components/EnableAccountBanner/index.tsx b/apps/web/src/features/siweAccounts/components/EnableAccountBanner/index.tsx
new file mode 100644
index 000000000..126c3d750
--- /dev/null
+++ b/apps/web/src/features/siweAccounts/components/EnableAccountBanner/index.tsx
@@ -0,0 +1,73 @@
+import { signInWithEthereum } from '@/services/siwe'
+import { Alert, Box, Button, IconButton, Typography } from '@mui/material'
+import useWallet from '@/hooks/wallets/useWallet'
+import CloseIcon from '@mui/icons-material/Close'
+import DownloadCloud from '@/public/images/common/download-cloud.svg'
+import ChevronRightIcon from '@mui/icons-material/ChevronRight'
+
+import css from './style.module.css'
+import { useState } from 'react'
+import { createAccount, getAccount } from '@safe-global/safe-gateway-typescript-sdk'
+import type { BrowserProvider } from 'ethers'
+import { logError } from '@/services/exceptions'
+import ErrorCodes from '@/services/exceptions/ErrorCodes'
+
+const SignInBanner = ({ provider }: { provider: BrowserProvider | undefined }) => {
+  const { address = '' } = useWallet() || {}
+  const [isDismissed, setIsDismissed] = useState(false)
+
+  if (!provider || isDismissed) return null
+
+  const signIn = async () => {
+    let account
+    try {
+      await signInWithEthereum(provider)
+      account = await getAccount(address)
+    } catch (error) {
+      logError(ErrorCodes._640, error)
+    }
+    if (!account) {
+      try {
+        account = await createAccount({ address: address as `0x${string}` })
+      } catch (error) {
+        logError(ErrorCodes._641, error)
+      }
+    }
+  }
+
+  return (
+    <div className={css.container}>
+      <Alert
+        icon={<DownloadCloud />}
+        action={
+          <>
+            <Button onClick={signIn} endIcon={<ChevronRightIcon />} sx={{ padding: '2px', minWidth: '130px' }}>
+              <Typography noWrap fontWeight={700}>
+                Enable now
+              </Typography>
+            </Button>
+            <IconButton
+              aria-label="close"
+              color="inherit"
+              size="small"
+              onClick={() => {
+                setIsDismissed(true)
+              }}
+            >
+              <CloseIcon fontSize="inherit" sx={{ color: 'border.main' }} />
+            </IconButton>
+          </>
+        }
+      >
+        <Box display="flex" alignContent="center" alignItems="center" width="100%">
+          <Typography flex="1">
+            <b>Access your accounts on any device!</b> Enable cloud storage to switch devices effortlessly and keep your
+            data secure.
+          </Typography>
+        </Box>
+      </Alert>
+    </div>
+  )
+}
+
+export default SignInBanner
diff --git a/apps/web/src/features/siweAccounts/components/EnableAccountBanner/style.module.css b/apps/web/src/features/siweAccounts/components/EnableAccountBanner/style.module.css
new file mode 100644
index 000000000..075c49900
--- /dev/null
+++ b/apps/web/src/features/siweAccounts/components/EnableAccountBanner/style.module.css
@@ -0,0 +1,11 @@
+.container :global .MuiAlert-message {
+  padding: 4px;
+}
+
+.container :global .MuiAlert-action {
+  padding-top: 2px;
+}
+
+.container :global .MuiAlert-root {
+  border: 1px solid var(--color-secondary-light);
+}
diff --git a/src/features/speedup/components/SpeedUpModal.tsx b/apps/web/src/features/speedup/components/SpeedUpModal.tsx
similarity index 83%
rename from src/features/speedup/components/SpeedUpModal.tsx
rename to apps/web/src/features/speedup/components/SpeedUpModal.tsx
index d4a054a93..d43146fea 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'
@@ -27,6 +26,9 @@ 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 CheckWallet from '@/components/common/CheckWallet'
+import { useLazyGetTransactionDetailsQuery } from '@/store/api/gateway'
+import NetworkWarning from '@/components/new-safe/create/NetworkWarning'
 
 type Props = {
   open: boolean
@@ -58,7 +60,7 @@ 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) {
@@ -82,7 +84,7 @@ export const SpeedUpModal = ({
     const txOptions = getTxOptions(
       {
         ...speedUpFee,
-        gasLimit,
+        gasLimit: typeof gasLimit === 'undefined' ? null : BigInt(gasLimit),
       },
       chainInfo,
     )
@@ -90,7 +92,6 @@ export const SpeedUpModal = ({
 
     try {
       setWaitingForConfirmation(true)
-      await assertWalletChain(onboard, chainInfo.chainId)
 
       if (pendingTx.txType === PendingTxType.SAFE_TX) {
         await dispatchSafeTxSpeedUp(
@@ -100,8 +101,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 +114,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 +155,7 @@ export const SpeedUpModal = ({
     txId,
     wallet,
     safeTx,
+    trigger,
   ])
 
   if (!hasActions) {
@@ -180,7 +184,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 +194,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 88%
rename from src/features/speedup/components/SpeedUpMonitor.tsx
rename to apps/web/src/features/speedup/components/SpeedUpMonitor.tsx
index 8f36af7f8..04bd2ce31 100644
--- a/src/features/speedup/components/SpeedUpMonitor.tsx
+++ b/apps/web/src/features/speedup/components/SpeedUpMonitor.tsx
@@ -6,7 +6,8 @@ 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 { 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'
@@ -30,7 +31,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 +68,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/src/features/speedup/hooks/useSafeTransaction.tsx b/apps/web/src/features/speedup/hooks/useSafeTransaction.tsx
similarity index 100%
rename from src/features/speedup/hooks/useSafeTransaction.tsx
rename to apps/web/src/features/speedup/hooks/useSafeTransaction.tsx
diff --git a/src/features/speedup/utils/IsSpeedableTx.tsx b/apps/web/src/features/speedup/utils/IsSpeedableTx.tsx
similarity index 100%
rename from src/features/speedup/utils/IsSpeedableTx.tsx
rename to apps/web/src/features/speedup/utils/IsSpeedableTx.tsx
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..efe0b3822
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakeButton/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 { 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'
+
+const StakeButton = ({
+  tokenInfo,
+  trackingLabel,
+}: {
+  tokenInfo: TokenInfo
+  trackingLabel: STAKE_LABELS
+}): ReactElement => {
+  const spendingLimit = useSpendingLimit(tokenInfo)
+  const chain = useCurrentChain()
+  const router = useRouter()
+
+  return (
+    <CheckWallet allowSpendingLimit={!!spendingLimit}>
+      {(isOk) => (
+        <Track {...STAKE_EVENTS.OPEN_STAKE} label={trackingLabel}>
+          <Button
+            data-testid="stake-btn"
+            aria-label="Stake"
+            variant="text"
+            color="info"
+            size="small"
+            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/StakePage/index.tsx b/apps/web/src/features/stake/components/StakePage/index.tsx
new file mode 100644
index 000000000..5de1c0230
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakePage/index.tsx
@@ -0,0 +1,71 @@
+import { Stack } from '@mui/material'
+import Disclaimer from '@/components/common/Disclaimer'
+import WidgetDisclaimer from '@/components/common/WidgetDisclaimer'
+import useStakeConsent from '@/features/stake/useStakeConsent'
+import StakingWidget from '../StakingWidget'
+import { useRouter } from 'next/router'
+import { useGetIsSanctionedQuery } from '@/store/api/ofac'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import useWallet from '@/hooks/wallets/useWallet'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { getKeyWithTrueValue } from '@/utils/helpers'
+import BlockedAddress from '@/components/common/BlockedAddress'
+
+const StakePage = () => {
+  const { isConsentAccepted, onAccept } = useStakeConsent()
+  const router = useRouter()
+  const { asset } = router.query
+
+  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,
+  }
+
+  const blockedAddress = getKeyWithTrueValue(blockedAddresses)
+
+  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..aa0723349
--- /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 '@/utils/formatters'
+import { formatCurrency } from '@/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..a6b75e5a0
--- /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 '@/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..d4cdb8072
--- /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 '@/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..446c8abf7
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingTxExitInfo/index.tsx
@@ -0,0 +1,12 @@
+import { maybePlural } from '@/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..e06c911b0
--- /dev/null
+++ b/apps/web/src/features/stake/components/StakingWidget/index.tsx
@@ -0,0 +1,29 @@
+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'
+
+const StakingWidget = ({ asset }: { asset?: string }) => {
+  const url = useGetStakeWidgetUrl(asset)
+
+  const appData = useMemo(
+    () => ({
+      ...getEmptySafeApp(),
+      ...widgetAppData,
+      url,
+    }),
+    [url],
+  )
+
+  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..f0efac218
--- /dev/null
+++ b/apps/web/src/features/stake/constants.ts
@@ -0,0 +1,17 @@
+export const STAKE_TITLE = 'Stake'
+
+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,
+  iconUrl: '/images/common/stake.svg',
+  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..7c413e235
--- /dev/null
+++ b/apps/web/src/features/stake/hooks/useIsStakingBannerEnabled.ts
@@ -0,0 +1,10 @@
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@/utils/chains'
+import useIsStakingFeatureEnabled from './useIsSwapFeatureEnabled'
+
+const useIsStakingBannerEnabled = () => {
+  const isStakingFeatureEnabled = useIsStakingFeatureEnabled()
+  return useHasFeature(FEATURES.STAKING_BANNER) && isStakingFeatureEnabled
+}
+
+export default useIsStakingBannerEnabled
diff --git a/apps/web/src/features/stake/hooks/useIsSwapFeatureEnabled.ts b/apps/web/src/features/stake/hooks/useIsSwapFeatureEnabled.ts
new file mode 100644
index 000000000..964072036
--- /dev/null
+++ b/apps/web/src/features/stake/hooks/useIsSwapFeatureEnabled.ts
@@ -0,0 +1,11 @@
+import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@/utils/chains'
+import { useContext } from 'react'
+
+const useIsStakingFeatureEnabled = () => {
+  const isBlockedCountry = useContext(GeoblockingContext)
+  return useHasFeature(FEATURES.STAKING) && !isBlockedCountry
+}
+
+export default useIsStakingFeatureEnabled
diff --git a/apps/web/src/features/stake/useStakeConsent.ts b/apps/web/src/features/stake/useStakeConsent.ts
new file mode 100644
index 000000000..456612655
--- /dev/null
+++ b/apps/web/src/features/stake/useStakeConsent.ts
@@ -0,0 +1,28 @@
+import { localItem } from '@/services/local-storage/local'
+import { useCallback, useEffect, useState } from 'react'
+
+const STAKE_CONSENT_STORAGE_KEY = 'stakeDisclaimerAcceptedV1'
+const stakeConsentStorage = localItem<boolean>(STAKE_CONSENT_STORAGE_KEY)
+
+const useStakeConsent = (): {
+  isConsentAccepted: boolean | undefined
+  onAccept: () => void
+} => {
+  const [isConsentAccepted, setIsConsentAccepted] = useState<boolean | undefined>()
+
+  const onAccept = useCallback(() => {
+    setIsConsentAccepted(true)
+    stakeConsentStorage.set(true)
+  }, [setIsConsentAccepted])
+
+  useEffect(() => {
+    setIsConsentAccepted(stakeConsentStorage.get() || false)
+  }, [setIsConsentAccepted])
+
+  return {
+    isConsentAccepted,
+    onAccept,
+  }
+}
+
+export default useStakeConsent
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..70610da8c
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapButton/index.tsx
@@ -0,0 +1,55 @@
+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.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..1147c4993
--- /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 '@/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 {
+  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 100%
rename from src/features/swap/components/SwapOrder/rows/PartBuyAmount.tsx
rename to apps/web/src/features/swap/components/SwapOrder/rows/PartBuyAmount.tsx
diff --git a/src/features/swap/components/SwapOrder/rows/PartDuration.tsx b/apps/web/src/features/swap/components/SwapOrder/rows/PartDuration.tsx
similarity index 100%
rename from src/features/swap/components/SwapOrder/rows/PartDuration.tsx
rename to apps/web/src/features/swap/components/SwapOrder/rows/PartDuration.tsx
diff --git a/src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx b/apps/web/src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx
similarity index 100%
rename from src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx
rename to apps/web/src/features/swap/components/SwapOrder/rows/PartSellAmount.tsx
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..6382794d6
--- /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 '@/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<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..d54fa80bb
--- /dev/null
+++ b/apps/web/src/features/swap/components/SwapOrderConfirmationView/OrderFeeConfirmationView.tsx
@@ -0,0 +1,43 @@
+import type { SwapOrderConfirmationView, TwapOrderConfirmationView } from '@safe-global/safe-gateway-typescript-sdk'
+import { getOrderFeeBps } from '@/features/swap/helpers/utils'
+import { DataRow } from '@/components/common/Table/DataRow'
+import { BRAND_NAME, HelpCenterArticle } from '@/config/constants'
+import { HelpIconTooltip } from '@/features/swap/components/HelpIconTooltip'
+import MUILink from '@mui/material/Link'
+
+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..13392a847
--- /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 '@/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 { 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/src/features/swap/components/SwapProgress/index.tsx b/apps/web/src/features/swap/components/SwapProgress/index.tsx
similarity index 100%
rename from src/features/swap/components/SwapProgress/index.tsx
rename to apps/web/src/features/swap/components/SwapProgress/index.tsx
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/src/features/swap/constants.ts b/apps/web/src/features/swap/constants.ts
similarity index 100%
rename from src/features/swap/constants.ts
rename to apps/web/src/features/swap/constants.ts
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/src/features/swap/helpers/fee.ts b/apps/web/src/features/swap/helpers/fee.ts
similarity index 90%
rename from src/features/swap/helpers/fee.ts
rename to apps/web/src/features/swap/helpers/fee.ts
index 0a7cc79d3..d412e308b 100644
--- a/src/features/swap/helpers/fee.ts
+++ b/apps/web/src/features/swap/helpers/fee.ts
@@ -20,10 +20,13 @@ const FEE_TIERS = {
 }
 
 const getLowerCaseStableCoinAddresses = () => {
-  const lowerCaseStableCoinAddresses = Object.keys(stableCoinAddresses).reduce((result, key) => {
-    result[key.toLowerCase()] = stableCoinAddresses[key]
-    return result
-  }, {} as typeof stableCoinAddresses)
+  const lowerCaseStableCoinAddresses = Object.keys(stableCoinAddresses).reduce(
+    (result, key) => {
+      result[key.toLowerCase()] = stableCoinAddresses[key]
+      return result
+    },
+    {} as typeof stableCoinAddresses,
+  )
 
   return lowerCaseStableCoinAddresses
 }
diff --git a/src/features/swap/helpers/swapOrderBuilder.ts b/apps/web/src/features/swap/helpers/swapOrderBuilder.ts
similarity index 89%
rename from src/features/swap/helpers/swapOrderBuilder.ts
rename to apps/web/src/features/swap/helpers/swapOrderBuilder.ts
index cf5b9d156..30d751e1d 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,20 @@ 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(),
+    executedSurplusFee: executedFee,
+    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 +86,9 @@ export function twapOrderBuilder(): IBuilder<TwapOrder> {
     executedBuyAmount: faker.string.numeric(),
     sellToken: orderTokenBuilder().build(),
     buyToken: orderTokenBuilder().build(),
-    executedSurplusFee: faker.string.numeric(),
+    executedSurplusFee: executedFee,
+    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 +109,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..846bdb29d
--- /dev/null
+++ b/apps/web/src/features/swap/helpers/utils.ts
@@ -0,0 +1,217 @@
+import type { DataDecoded, 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'
+
+// 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 => {
+  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 || 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..51ff36d3a
--- /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 '@/store/safeInfoSlice'
+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 100%
rename from src/features/swap/hooks/useIsSwapFeatureEnabled.ts
rename to apps/web/src/features/swap/hooks/useIsSwapFeatureEnabled.ts
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..0f6bb7d79
--- /dev/null
+++ b/apps/web/src/features/swap/hooks/useIsTWAPFallbackHandler.ts
@@ -0,0 +1,19 @@
+import { useMemo } from 'react'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { TWAP_FALLBACK_HANDLER, TWAP_FALLBACK_HANDLER_NETWORKS } from '../helpers/utils'
+
+/**
+ * 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 fallbackHandlerAddress = fallbackHandler || safe.fallbackHandler?.value
+
+  return useMemo(
+    () => fallbackHandlerAddress === TWAP_FALLBACK_HANDLER && TWAP_FALLBACK_HANDLER_NETWORKS.includes(safe.chainId),
+    [fallbackHandlerAddress, safe.chainId],
+  )
+}
diff --git a/apps/web/src/features/swap/index.tsx b/apps/web/src/features/swap/index.tsx
new file mode 100644
index 000000000..2a2308153
--- /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 { APPROVAL_SIGNATURE_HASH } from '@/components/tx/ApprovalEditor/utils/approvals'
+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 { FEATURES } from '@/utils/chains'
+import { useGetIsSanctionedQuery } from '@/store/api/ofac'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import { getKeyWithTrueValue } from '@/utils/helpers'
+import { BRAND_NAME } from '@/config/constants'
+
+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 100%
rename from src/features/swap/store/swapParamsSlice.ts
rename to apps/web/src/features/swap/store/swapParamsSlice.ts
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/types.ts b/apps/web/src/features/swap/types.ts
similarity index 100%
rename from src/features/swap/types.ts
rename to apps/web/src/features/swap/types.ts
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/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..cf30149c6
--- /dev/null
+++ b/apps/web/src/features/targetedOutreach/components/OutreachPopup/index.tsx
@@ -0,0 +1,14 @@
+import dynamic from 'next/dynamic'
+import { useHasFeature } from '@/hooks/useChains'
+import { FEATURES } from '@/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..d648770ca
--- /dev/null
+++ b/apps/web/src/features/tx-notes/TxNote.tsx
@@ -0,0 +1,42 @@
+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
+          title={
+            <Stack 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 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..374577829
--- /dev/null
+++ b/apps/web/src/features/tx-notes/TxNoteInput.tsx
@@ -0,0 +1,54 @@
+import { useCallback, useState } from 'react'
+import { InputAdornment, Stack, TextField, Typography, Alert } from '@mui/material'
+
+const MAX_NOTE_LENGTH = 60
+
+export const TxNoteInput = ({ onChange }: { onChange: (note: string) => void }) => {
+  const [note, setNote] = useState('')
+
+  const onInput = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
+    setNote(e.target.value)
+  }, [])
+
+  const onInputChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      onChange(e.target.value.slice(0, MAX_NOTE_LENGTH))
+    },
+    [onChange],
+  )
+
+  return (
+    <>
+      <Stack direction="row" alignItems="flex-end" gap={1}>
+        <Typography variant="h5">Optional note</Typography>
+        <Typography variant="body2" color="text.secondary">
+          Experimental
+        </Typography>
+      </Stack>
+
+      <Alert severity="info">
+        The notes are <b>publicly visible</b>, do not share any private or sensitive details.
+      </Alert>
+
+      <TextField
+        name="note"
+        label="Note"
+        fullWidth
+        slotProps={{
+          htmlInput: { maxLength: MAX_NOTE_LENGTH },
+          input: {
+            endAdornment: (
+              <InputAdornment position="end">
+                <Typography variant="caption" mt={3}>
+                  {note.length}/{MAX_NOTE_LENGTH}
+                </Typography>
+              </InputAdornment>
+            ),
+          },
+        }}
+        onInput={onInput}
+        onChange={onInputChange}
+      />
+    </>
+  )
+}
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/src/features/walletconnect/WalletConnectContext.tsx b/apps/web/src/features/walletconnect/WalletConnectContext.tsx
similarity index 95%
rename from src/features/walletconnect/WalletConnectContext.tsx
rename to apps/web/src/features/walletconnect/WalletConnectContext.tsx
index c17820132..757f021fb 100644
--- a/src/features/walletconnect/WalletConnectContext.tsx
+++ b/apps/web/src/features/walletconnect/WalletConnectContext.tsx
@@ -17,7 +17,7 @@ export const WalletConnectContext = createContext<WalletConnectContextType>({
   error: null,
   setError: () => {},
   open: false,
-  setOpen: (_open: boolean) => {},
+  setOpen: () => {},
   isLoading: undefined,
   setIsLoading: () => {},
 })
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..3ead9dd5e 100644
--- a/src/features/walletconnect/__tests__/WalletConnectContext.test.tsx
+++ b/apps/web/src/features/walletconnect/__tests__/WalletConnectContext.test.tsx
@@ -2,7 +2,7 @@ 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'
@@ -13,6 +13,8 @@ import { safeInfoSlice } from '@/store/safeInfoSlice'
 import { useAppDispatch } from '@/store'
 import * as useSafeWalletProvider from '@/services/safe-wallet-provider/useSafeWalletProvider'
 
+jest.mock('@reown/walletkit', () => jest.fn())
+
 jest.mock('../services/WalletConnectWallet')
 jest.mock('@/services/safe-wallet-provider/useSafeWalletProvider')
 
@@ -246,7 +248,7 @@ describe('WalletConnectProvider', () => {
         () =>
           ({
             request: mockRequest,
-          } as unknown as ReturnType<typeof useSafeWalletProvider.default>),
+          }) as unknown as ReturnType<typeof useSafeWalletProvider.default>,
       )
 
       render(
@@ -276,7 +278,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 +307,7 @@ describe('WalletConnectProvider', () => {
         () =>
           ({
             request: mockRequest,
-          } as unknown as ReturnType<typeof useSafeWalletProvider.default>),
+          }) as unknown as ReturnType<typeof useSafeWalletProvider.default>,
       )
 
       render(
@@ -335,7 +337,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 +374,7 @@ describe('WalletConnectProvider', () => {
         () =>
           ({
             request: mockRequest,
-          } as unknown as ReturnType<typeof useSafeWalletProvider.default>),
+          }) as unknown as ReturnType<typeof useSafeWalletProvider.default>,
       )
 
       render(
@@ -404,7 +406,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 +445,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 +478,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/WalletConnectProvider/index.tsx b/apps/web/src/features/walletconnect/components/WalletConnectProvider/index.tsx
new file mode 100644
index 000000000..a9787fc85
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WalletConnectProvider/index.tsx
@@ -0,0 +1,118 @@
+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',
+}
+
+// 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 [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: LEGACY_WC_APP_URL, // required for server-side analytics
+          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/apps/web/src/features/walletconnect/components/WalletConnectUi/index.tsx
similarity index 100%
rename from src/features/walletconnect/components/WalletConnectUi/index.tsx
rename to apps/web/src/features/walletconnect/components/WalletConnectUi/index.tsx
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/src/features/walletconnect/components/WcConnectionState/index.tsx b/apps/web/src/features/walletconnect/components/WcConnectionState/index.tsx
similarity index 100%
rename from src/features/walletconnect/components/WcConnectionState/index.tsx
rename to apps/web/src/features/walletconnect/components/WcConnectionState/index.tsx
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/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/src/features/walletconnect/components/WcInput/index.tsx b/apps/web/src/features/walletconnect/components/WcInput/index.tsx
similarity index 100%
rename from src/features/walletconnect/components/WcInput/index.tsx
rename to apps/web/src/features/walletconnect/components/WcInput/index.tsx
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..cd849e04b
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcLogoHeader/index.tsx
@@ -0,0 +1,23 @@
+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 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 ${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..78c7ef721
--- /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">
+            {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..41e73e0fa
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcProposalForm/index.tsx
@@ -0,0 +1,168 @@
+import SafeAppIconCard from '@/components/safe-apps/SafeAppIconCard'
+import { WCLoadingState } from '@/features/walletconnect/components/WalletConnectProvider'
+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 { asError } from '@/services/exceptions/utils'
+import { Button, Checkbox, CircularProgress, Divider, FormControlLabel, Typography } from '@mui/material'
+import type { WalletKitTypes } from '@reown/walletkit'
+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'
+import { useSanctionedAddress } from '@/hooks/useSanctionedAddress'
+import BlockedAddress from '@/components/common/BlockedAddress'
+
+type ProposalFormProps = {
+  proposal: WalletKitTypes.SessionProposal
+  setProposal: Dispatch<SetStateAction<WalletKitTypes.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 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) ||
+    !!isLoading ||
+    (Boolean(sanctionedAddress) && isSafePass)
+
+  // 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."
+        />
+      )}
+
+      {isSafePass && sanctionedAddress && (
+        <BlockedAddress address={sanctionedAddress} featureTitle="Safe{Pass}" onClose={onReject} />
+      )}
+
+      <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/apps/web/src/features/walletconnect/components/WcProposalForm/styles.module.css
similarity index 100%
rename from src/features/walletconnect/components/WcProposalForm/styles.module.css
rename to apps/web/src/features/walletconnect/components/WcProposalForm/styles.module.css
diff --git a/src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts b/apps/web/src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts
similarity index 91%
rename from src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts
rename to apps/web/src/features/walletconnect/components/WcProposalForm/useCompatibilityWarning.ts
index c07910ca5..84bd2e40b 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 { 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/src/features/walletconnect/components/WcSessionList/index.tsx b/apps/web/src/features/walletconnect/components/WcSessionList/index.tsx
similarity index 100%
rename from src/features/walletconnect/components/WcSessionList/index.tsx
rename to apps/web/src/features/walletconnect/components/WcSessionList/index.tsx
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..5109d7a50
--- /dev/null
+++ b/apps/web/src/features/walletconnect/components/WcSessionManager/index.tsx
@@ -0,0 +1,130 @@
+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 { WalletKitTypes } from '@reown/walletkit'
+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<WalletKitTypes.SessionProposal>()
+
+  // On session approve
+  const onApprove = useCallback(
+    async (proposalData?: WalletKitTypes.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/apps/web/src/features/walletconnect/components/index.tsx
similarity index 100%
rename from src/features/walletconnect/components/index.tsx
rename to apps/web/src/features/walletconnect/components/index.tsx
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/__tests__/useWalletConnectSessions.test.tsx b/apps/web/src/features/walletconnect/hooks/__tests__/useWalletConnectSessions.test.tsx
similarity index 100%
rename from src/features/walletconnect/hooks/__tests__/useWalletConnectSessions.test.tsx
rename to apps/web/src/features/walletconnect/hooks/__tests__/useWalletConnectSessions.test.tsx
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/useWalletConnectSessions.ts b/apps/web/src/features/walletconnect/hooks/useWalletConnectSessions.ts
similarity index 100%
rename from src/features/walletconnect/hooks/useWalletConnectSessions.ts
rename to apps/web/src/features/walletconnect/hooks/useWalletConnectSessions.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 89%
rename from src/features/walletconnect/services/WalletConnectWallet.ts
rename to apps/web/src/features/walletconnect/services/WalletConnectWallet.ts
index 51b5747c6..62aef73ce 100644
--- a/src/features/walletconnect/services/WalletConnectWallet.ts
+++ b/apps/web/src/features/walletconnect/services/WalletConnectWallet.ts
@@ -1,8 +1,7 @@
 import { Core } from '@walletconnect/core'
-import { Web3Wallet } from '@walletconnect/web3wallet'
+import { WalletKit, type WalletKitTypes } from '@reown/walletkit'
 import { buildApprovedNamespaces, getSdkError } from '@walletconnect/utils'
-import type Web3WalletType from '@walletconnect/web3wallet'
-import type { Web3WalletTypes } from '@walletconnect/web3wallet'
+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'
@@ -12,8 +11,8 @@ import { EIP155, SAFE_COMPATIBLE_EVENTS, SAFE_COMPATIBLE_METHODS, SAFE_WALLET_ME
 import { invariant } from '@/utils/helpers'
 import { getEip155ChainId, stripEip155Prefix } from './utils'
 
-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 () => {
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 100%
rename from src/hooks/__tests__/useAsync.test.ts
rename to apps/web/src/hooks/__tests__/useAsync.test.ts
diff --git a/src/hooks/__tests__/useBalances.test.ts b/apps/web/src/hooks/__tests__/useBalances.test.ts
similarity index 100%
rename from src/hooks/__tests__/useBalances.test.ts
rename to apps/web/src/hooks/__tests__/useBalances.test.ts
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 96%
rename from src/hooks/__tests__/useGasLimit.test.ts
rename to apps/web/src/hooks/__tests__/useGasLimit.test.ts
index bfdf20d47..c63d06138 100644
--- a/src/hooks/__tests__/useGasLimit.test.ts
+++ b/apps/web/src/hooks/__tests__/useGasLimit.test.ts
@@ -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/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/apps/web/src/hooks/__tests__/useIsOfficialFallbackHandler.test.ts b/apps/web/src/hooks/__tests__/useIsOfficialFallbackHandler.test.ts
new file mode 100644
index 000000000..e27f2fa27
--- /dev/null
+++ b/apps/web/src/hooks/__tests__/useIsOfficialFallbackHandler.test.ts
@@ -0,0 +1,71 @@
+import { renderHook } from '@/tests/test-utils'
+import { useIsOfficialFallbackHandler } from '../useIsOfficialFallbackHandler'
+import { useCompatibilityFallbackHandlerDeployments } from '@/hooks/useCompatibilityFallbackHandlerDeployments'
+import useSafeInfo from '@/hooks/useSafeInfo'
+
+jest.mock('@/hooks/useCompatibilityFallbackHandlerDeployments')
+jest.mock('@/hooks/useSafeInfo')
+
+describe('useIsOfficialFallbackHandler', () => {
+  const mockSafeInfo = { safe: { fallbackHandler: { value: '0x123' }, chainId: '1' } }
+  const mockDeployments = {
+    networkAddresses: {
+      '1': ['0x123', '0x456'],
+    },
+  }
+
+  beforeEach(() => {
+    ;(useSafeInfo as jest.Mock).mockReturnValue(mockSafeInfo)
+    ;(useCompatibilityFallbackHandlerDeployments as jest.Mock).mockReturnValue(mockDeployments)
+  })
+
+  afterEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('should return `true`', () => {
+    it('if current Safe`s fallback handler is an official one', () => {
+      const { result } = renderHook(() => useIsOfficialFallbackHandler())
+
+      expect(result.current).toBe(true)
+    })
+
+    it('if the provided fallback handler is an official one', () => {
+      const { result } = renderHook(() => useIsOfficialFallbackHandler('0x456'))
+
+      expect(result.current).toBe(true)
+    })
+  })
+
+  describe('should return `false`', () => {
+    it('if the current Safe`s fallback handler is not an official one', () => {
+      ;(useSafeInfo as jest.Mock).mockReturnValue({ safe: { fallbackHandler: { value: '0x789' }, chainId: '1' } })
+
+      const { result } = renderHook(() => useIsOfficialFallbackHandler())
+
+      expect(result.current).toBe(false)
+    })
+
+    it('if the provided fallback handler is not an official one', () => {
+      const { result } = renderHook(() => useIsOfficialFallbackHandler('0x789'))
+
+      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(() => useIsOfficialFallbackHandler())
+
+      expect(result.current).toBe(false)
+    })
+
+    it('if there are no fallback handler deployments', () => {
+      ;(useCompatibilityFallbackHandlerDeployments as jest.Mock).mockReturnValue(undefined)
+
+      const { result } = renderHook(() => useIsOfficialFallbackHandler())
+
+      expect(result.current).toBe(false)
+    })
+  })
+})
diff --git a/src/hooks/__tests__/useLoadBalances.test.ts b/apps/web/src/hooks/__tests__/useLoadBalances.test.ts
similarity index 100%
rename from src/hooks/__tests__/useLoadBalances.test.ts
rename to apps/web/src/hooks/__tests__/useLoadBalances.test.ts
diff --git a/src/hooks/__tests__/useLoadChains.test.ts b/apps/web/src/hooks/__tests__/useLoadChains.test.ts
similarity index 79%
rename from src/hooks/__tests__/useLoadChains.test.ts
rename to apps/web/src/hooks/__tests__/useLoadChains.test.ts
index 5188de75d..0b4563cdf 100644
--- a/src/hooks/__tests__/useLoadChains.test.ts
+++ b/apps/web/src/hooks/__tests__/useLoadChains.test.ts
@@ -1,20 +1,18 @@
-import { getChainsConfig } from '@safe-global/safe-gateway-typescript-sdk'
 import useLoadChains from '@/hooks/loadables/useLoadChains'
 import { act, renderHook } from '@/tests/test-utils'
+import { getConfigs } from '@/hooks/loadables/helpers/config'
 
 // Mock getChainsConfig
-jest.mock('@safe-global/safe-gateway-typescript-sdk', () => {
+jest.mock('@/hooks/loadables/helpers/config.ts', () => {
   return {
-    getChainsConfig: jest.fn(() => {
+    getConfigs: jest.fn(() => {
       return new Promise((resolve) => {
         setTimeout(() => {
-          resolve({
-            results: [
-              {
-                chainId: '4',
-              },
-            ],
-          })
+          resolve([
+            {
+              chainId: '4',
+            },
+          ])
         }, 100)
       })
     }),
@@ -61,7 +59,7 @@ describe('useLoadChains hook', () => {
 
   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')))
+    ;(getConfigs as jest.Mock).mockImplementation(() => Promise.reject(new Error('Something went wrong')))
 
     const { result } = renderHook(() => useLoadChains())
 
diff --git a/src/hooks/__tests__/useLoadSpendingLimits.test.ts b/apps/web/src/hooks/__tests__/useLoadSpendingLimits.test.ts
similarity index 92%
rename from src/hooks/__tests__/useLoadSpendingLimits.test.ts
rename to apps/web/src/hooks/__tests__/useLoadSpendingLimits.test.ts
index d84275eab..ecabaff3b 100644
--- a/src/hooks/__tests__/useLoadSpendingLimits.test.ts
+++ b/apps/web/src/hooks/__tests__/useLoadSpendingLimits.test.ts
@@ -24,7 +24,7 @@ describe('getSpendingLimits', () => {
   })
 
   it('should return undefined if no spending limit module address was found', async () => {
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue(undefined)
+    jest.spyOn(spendingLimit, 'getDeployedSpendingLimitModuleAddress').mockReturnValue(undefined)
 
     const result = await getSpendingLimits(mockProvider, [], ZERO_ADDRESS, '4', [])
 
@@ -32,7 +32,7 @@ describe('getSpendingLimits', () => {
   })
 
   it('should return undefined if the safe has no spending limit module', async () => {
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue('0x1')
+    jest.spyOn(spendingLimit, 'getDeployedSpendingLimitModuleAddress').mockReturnValue('0x1')
 
     const result = await getSpendingLimits(mockProvider, [], ZERO_ADDRESS, '4', [])
 
@@ -41,7 +41,7 @@ describe('getSpendingLimits', () => {
 
   it('should fetch a list of delegates', async () => {
     const getDelegatesMock = jest.fn(() => ({ results: [] }))
-    jest.spyOn(spendingLimit, 'getSpendingLimitModuleAddress').mockReturnValue('0x1')
+    jest.spyOn(spendingLimit, 'getDeployedSpendingLimitModuleAddress').mockReturnValue('0x1')
     jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
       jest.fn(() => {
         return {
@@ -64,7 +64,7 @@ describe('getSpendingLimits', () => {
     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, 'getDeployedSpendingLimitModuleAddress').mockReturnValue('0x1')
     jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
       jest.fn(() => {
         return {
@@ -85,7 +85,7 @@ describe('getSpendingLimits', () => {
     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, 'getDeployedSpendingLimitModuleAddress').mockReturnValue('0x1')
     jest.spyOn(spendingLimit, 'getSpendingLimitContract').mockImplementation(
       jest.fn(() => {
         return {
@@ -178,7 +178,7 @@ describe('getTokenAllowanceForDelegate', () => {
           },
           _isProvider: true,
           resolveName: (name: string) => name,
-        } as any),
+        }) as any,
     )
 
     const mockContract = { getTokenAllowance: getTokenAllowanceMock } as unknown as AllowanceModule
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/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/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..87b3c1fdd 100644
--- a/src/hooks/__tests__/useRemainingRelays.test.ts
+++ b/apps/web/src/hooks/__tests__/useRemainingRelays.test.ts
@@ -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 100%
rename from src/hooks/__tests__/useRemoteSafeApps.test.ts
rename to apps/web/src/hooks/__tests__/useRemoteSafeApps.test.ts
diff --git a/src/hooks/__tests__/useSafeAddress.test.ts b/apps/web/src/hooks/__tests__/useSafeAddress.test.ts
similarity index 100%
rename from src/hooks/__tests__/useSafeAddress.test.ts
rename to apps/web/src/hooks/__tests__/useSafeAddress.test.ts
diff --git a/src/hooks/__tests__/useSafeNotifications.test.ts b/apps/web/src/hooks/__tests__/useSafeNotifications.test.ts
similarity index 83%
rename from src/hooks/__tests__/useSafeNotifications.test.ts
rename to apps/web/src/hooks/__tests__/useSafeNotifications.test.ts
index e36178194..1f28a42fc 100644
--- a/src/hooks/__tests__/useSafeNotifications.test.ts
+++ b/apps/web/src/hooks/__tests__/useSafeNotifications.test.ts
@@ -130,10 +130,11 @@ describe('useSafeNotifications', () => {
           implementation: { value: '0x123' },
           implementationVersionState: 'UNKNOWN',
           version: '1.3.0',
+          nonce: 1,
           address: {
             value: '0x1',
           },
-          chainId: '5',
+          chainId: '10',
         },
       })
 
@@ -154,6 +155,33 @@ describe('useSafeNotifications', () => {
         },
       })
     })
+    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: '10',
+        },
+      })
+
+      // render the hook
+      const { result } = renderHook(() => useSafeNotifications())
+
+      // check that the notification was shown
+      expect(result.current).toBeUndefined()
+      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. This migration will be automatically included with your first transaction.`,
+        groupKey: 'invalid-mastercopy',
+        link: undefined,
+      })
+    })
     it('should not show a notification when the mastercopy is valid', async () => {
       ;(useSafeInfo as jest.Mock).mockReturnValue({
         safe: {
@@ -163,7 +191,7 @@ describe('useSafeNotifications', () => {
           address: {
             value: '0x1',
           },
-          chainId: '5',
+          chainId: '10',
         },
       })
 
diff --git a/src/hooks/__tests__/useSafeTokenAllocation.test.ts b/apps/web/src/hooks/__tests__/useSafeTokenAllocation.test.ts
similarity index 96%
rename from src/hooks/__tests__/useSafeTokenAllocation.test.ts
rename to apps/web/src/hooks/__tests__/useSafeTokenAllocation.test.ts
index e029f067a..f333eea70 100644
--- a/src/hooks/__tests__/useSafeTokenAllocation.test.ts
+++ b/apps/web/src/hooks/__tests__/useSafeTokenAllocation.test.ts
@@ -12,7 +12,7 @@ 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,
@@ -32,8 +32,8 @@ describe('_getRedeemDeadline', () => {
     jest.clearAllMocks()
   })
 
-  it('should should only call the provider once per address on a chain', async () => {
-    for await (const _ of Array.from({ length: 10 })) {
+  it('should only call the provider once per address on a chain', async () => {
+    for (let i = 0; i < 10; i++) {
       await _getRedeemDeadline({ chainId: 1, contract: toBeHex('0x1', 20) } as VestingData, mockProvider)
     }
 
@@ -58,15 +58,10 @@ describe('_getRedeemDeadline', () => {
   })
 })
 
+const originalGlobalFetch = global.fetch
 describe('Allocations', () => {
-  afterEach(() => {
-    //@ts-ignore
-    global.fetch?.mockClear?.()
-  })
-
   afterAll(() => {
-    // @ts-ignore
-    delete global.fetch
+    global.fetch = originalGlobalFetch
   })
 
   beforeEach(() => {
@@ -82,7 +77,7 @@ describe('Allocations', () => {
             address: toBeHex('0x2', 20),
             chainId: '1',
           },
-        } as any),
+        }) as any,
     )
   })
 
@@ -96,7 +91,7 @@ describe('Allocations', () => {
               address: undefined,
               chainId: '1',
             },
-          } as any),
+          }) as any,
       )
 
       const { result } = renderHook(() => useSafeTokenAllocation())
@@ -170,7 +165,7 @@ describe('Allocations', () => {
               }
               return Promise.resolve('0x')
             },
-          } as any),
+          }) as any,
       )
 
       const { result } = renderHook(() => useSafeTokenAllocation())
@@ -229,7 +224,7 @@ describe('Allocations', () => {
               }
               return Promise.resolve('0x')
             },
-          } as any),
+          }) as any,
       )
 
       const { result } = renderHook(() => useSafeTokenAllocation())
@@ -268,7 +263,7 @@ describe('Allocations', () => {
               address: undefined,
               chainId: '1',
             },
-          } as any),
+          }) as any,
       )
 
       const { result } = renderHook(() => useSafeVotingPower([{} as Vesting]))
@@ -295,7 +290,7 @@ describe('Allocations', () => {
               }
               return Promise.resolve('0x')
             },
-          } as any),
+          }) as any,
       )
 
       const { result } = renderHook(() => useSafeVotingPower())
@@ -321,7 +316,7 @@ describe('Allocations', () => {
               }
               return Promise.resolve('0x')
             },
-          } as any),
+          }) as any,
       )
 
       const mockAllocation: Vesting[] = [
@@ -366,7 +361,7 @@ describe('Allocations', () => {
               }
               return Promise.resolve('0x')
             },
-          } as any),
+          }) as any,
       )
 
       const mockAllocation: Vesting[] = [
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 100%
rename from src/hooks/__tests__/useVisibleBalances.test.ts
rename to apps/web/src/hooks/__tests__/useVisibleBalances.test.ts
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..0e77d1088
--- /dev/null
+++ b/apps/web/src/hooks/coreSDK/__tests__/safeCoreSDK.test.ts
@@ -0,0 +1,300 @@
+import { Gnosis_safe__factory } from '@/types/contracts'
+import { JsonRpcProvider, toBeHex } 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', () => {
+  return {
+    ...jest.requireActual('@safe-global/protocol-kit'),
+    __esModule: true,
+    default: {
+      init: jest.fn(),
+    },
+  }
+})
+
+jest.mock('@/types/contracts', () => {
+  return {
+    ...jest.requireActual('@/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
+
+    ;(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(),
+      })
+    })
+
+    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 100%
rename from src/hooks/coreSDK/__tests__/useInitSafeCoreSDK.test.ts
rename to apps/web/src/hooks/coreSDK/__tests__/useInitSafeCoreSDK.test.ts
diff --git a/apps/web/src/hooks/coreSDK/safeCoreSDK.ts b/apps/web/src/hooks/coreSDK/safeCoreSDK.ts
new file mode 100644
index 000000000..4ab7d540c
--- /dev/null
+++ b/apps/web/src/hooks/coreSDK/safeCoreSDK.ts
@@ -0,0 +1,106 @@
+import chains from '@/config/chains'
+import type { UndeployedSafe } from '@/features/counterfactual/store/undeployedSafesSlice'
+import { getSafeSingletonDeployments, getSafeL2SingletonDeployments } from '@safe-global/safe-deployments'
+import ExternalStore from '@/services/ExternalStore'
+import { Gnosis_safe__factory } from '@/types/contracts'
+import { invariant } from '@/utils/helpers'
+import type { JsonRpcProvider } from 'ethers'
+import Safe from '@safe-global/protocol-kit'
+import type { SafeVersion } from '@safe-global/safe-core-sdk-types'
+import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import semverSatisfies from 'semver/functions/satisfies'
+import { isValidMasterCopy } from '@/services/contracts/safeContracts'
+import { sameAddress } from '@/utils/addresses'
+import { isPredictedSafeProps, isReplayedSafeProps } from '@/features/counterfactual/utils'
+
+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`)
+}
+
+type SafeCoreSDKProps = {
+  provider: JsonRpcProvider
+  chainId: SafeInfo['chainId']
+  address: SafeInfo['address']['value']
+  version: SafeInfo['version']
+  implementationVersionState: SafeInfo['implementationVersionState']
+  implementation: SafeInfo['implementation']['value']
+  undeployedSafe?: UndeployedSafe
+}
+
+const isInDeployments = (address: string, deployments: string | string[] | undefined): boolean => {
+  if (Array.isArray(deployments)) {
+    return deployments.some((deployment) => sameAddress(deployment, address))
+  }
+  return sameAddress(address, deployments)
+}
+
+// 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/src/hooks/coreSDK/useInitSafeCoreSDK.ts b/apps/web/src/hooks/coreSDK/useInitSafeCoreSDK.ts
similarity index 100%
rename from src/hooks/coreSDK/useInitSafeCoreSDK.ts
rename to apps/web/src/hooks/coreSDK/useInitSafeCoreSDK.ts
diff --git a/apps/web/src/hooks/loadables/helpers/__tests__/config.test.ts b/apps/web/src/hooks/loadables/helpers/__tests__/config.test.ts
new file mode 100644
index 000000000..b92becf49
--- /dev/null
+++ b/apps/web/src/hooks/loadables/helpers/__tests__/config.test.ts
@@ -0,0 +1,154 @@
+import { getConfigs } from '@/hooks/loadables/helpers/config'
+
+jest.mock('@/config/gateway', () => ({
+  GATEWAY_URL: 'https://safe-client.safe.global',
+  __esModule: true,
+}))
+
+jest.mock('@/pages/_app', () => ({
+  ...jest.requireActual('@/pages/_app'),
+  __esModule: true,
+}))
+import { chainBuilder } from '@/tests/builders/chains'
+
+// Mock data for testing
+const mockDataPage1 = {
+  results: [chainBuilder().build(), chainBuilder().build()],
+  next: 'https://safe-client.safe.global/v1/chains?cursor=limit%3D2%26offset%3D20',
+}
+
+const mockDataPage2 = {
+  results: [chainBuilder().build(), chainBuilder().build()],
+  next: null,
+}
+
+describe('getConfigs', () => {
+  beforeEach(() => {
+    // Clear all instances and calls to fetch
+    jest.clearAllMocks()
+  })
+
+  it('should fetch data from the API and concatenate results', async () => {
+    // Mock fetch responses for each call
+    global.fetch = jest
+      .fn()
+      // First call returns mockDataPage1
+      .mockResolvedValueOnce({
+        ok: true,
+        json: async () => mockDataPage1,
+      })
+      // Second call returns mockDataPage2
+      .mockResolvedValueOnce({
+        ok: true,
+        json: async () => mockDataPage2,
+      })
+
+    const results = await getConfigs()
+
+    expect(results).toEqual([...mockDataPage1.results, ...mockDataPage2.results])
+
+    // Ensure fetch was called twice
+    expect(fetch).toHaveBeenCalledTimes(2)
+
+    // Check that fetch was called with the correct URLs
+    expect(fetch).toHaveBeenCalledWith('https://safe-client.safe.global/v1/chains')
+    expect(fetch).toHaveBeenCalledWith('https://safe-client.safe.global/v1/chains?cursor=limit%3D2%26offset%3D20')
+  })
+
+  it('should handle a single page of results', async () => {
+    // Mock fetch response
+    global.fetch = jest.fn().mockResolvedValueOnce({
+      ok: true,
+      json: async () => ({
+        results: [mockDataPage1.results[0]],
+        next: null,
+      }),
+    })
+
+    const results = await getConfigs()
+
+    expect(results).toEqual([mockDataPage1.results[0]])
+
+    // Ensure fetch was called once
+    expect(fetch).toHaveBeenCalledTimes(1)
+
+    // Check that fetch was called with the correct URL
+    expect(fetch).toHaveBeenCalledWith('https://safe-client.safe.global/v1/chains')
+  })
+
+  it('should handle network errors', async () => {
+    // Mock fetch to throw an error
+    global.fetch = jest.fn().mockImplementation(() => {
+      throw new Error('Network error')
+    })
+
+    let error: Error | undefined = undefined
+    try {
+      await getConfigs()
+    } catch (e) {
+      error = e as Error
+    }
+
+    expect(error).toBeDefined()
+    expect(error!.message).toBe('Network error')
+
+    // Ensure fetch was called once
+    expect(fetch).toHaveBeenCalledTimes(1)
+  })
+
+  it('should handle HTTP errors (non-200 responses)', async () => {
+    // Mock fetch to return a non-OK response
+    global.fetch = jest.fn().mockResolvedValueOnce({
+      ok: false,
+      status: 500,
+    })
+
+    let error: Error | undefined = undefined
+    try {
+      await getConfigs()
+    } catch (e) {
+      error = e as Error
+    }
+
+    expect(error).toBeDefined()
+    expect(error!.message).toBe('HTTP error! status: 500')
+
+    // Ensure fetch was called once
+    expect(fetch).toHaveBeenCalledTimes(1)
+  })
+
+  it('should handle empty results', async () => {
+    // Mock fetch response with empty results
+    global.fetch = jest.fn().mockResolvedValueOnce({
+      ok: true,
+      json: async () => ({
+        results: [],
+        next: null,
+      }),
+    })
+
+    const results = await getConfigs()
+
+    expect(results).toEqual([])
+
+    // Ensure fetch was called once
+    expect(fetch).toHaveBeenCalledTimes(1)
+  })
+
+  it('should handle missing next property', async () => {
+    // Mock fetch response without next property
+    global.fetch = jest.fn().mockResolvedValueOnce({
+      ok: true,
+      json: async () => ({
+        results: [mockDataPage1.results[0]],
+      }),
+    })
+
+    const results = await getConfigs()
+
+    expect(results).toEqual([mockDataPage1.results[0]])
+
+    // Ensure fetch was called once
+    expect(fetch).toHaveBeenCalledTimes(1)
+  })
+})
diff --git a/apps/web/src/hooks/loadables/helpers/config.ts b/apps/web/src/hooks/loadables/helpers/config.ts
new file mode 100644
index 000000000..4f724f771
--- /dev/null
+++ b/apps/web/src/hooks/loadables/helpers/config.ts
@@ -0,0 +1,21 @@
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+import { GATEWAY_URL } from '@/config/gateway'
+
+export const getConfigs = async (): Promise<ChainInfo[]> => {
+  let allResults: ChainInfo[] = []
+  let url = `${GATEWAY_URL}/v1/chains`
+
+  while (url) {
+    const response = await fetch(url)
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+    const data = await response.json()
+    const results = data.results || []
+    allResults = allResults.concat(results)
+    url = data.next
+  }
+
+  return allResults
+}
diff --git a/src/hooks/loadables/useLoadBalances.ts b/apps/web/src/hooks/loadables/useLoadBalances.ts
similarity index 100%
rename from src/hooks/loadables/useLoadBalances.ts
rename to apps/web/src/hooks/loadables/useLoadBalances.ts
diff --git a/apps/web/src/hooks/loadables/useLoadChains.ts b/apps/web/src/hooks/loadables/useLoadChains.ts
new file mode 100644
index 000000000..7784578cf
--- /dev/null
+++ b/apps/web/src/hooks/loadables/useLoadChains.ts
@@ -0,0 +1,20 @@
+import { useEffect } from 'react'
+import { type ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import useAsync, { type AsyncResult } from '../useAsync'
+import { Errors, logError } from '@/services/exceptions'
+import { getConfigs } from '@/hooks/loadables/helpers/config'
+
+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/apps/web/src/hooks/loadables/useLoadSafeInfo.ts
similarity index 90%
rename from src/hooks/loadables/useLoadSafeInfo.ts
rename to apps/web/src/hooks/loadables/useLoadSafeInfo.ts
index b8bfece18..f8e60229f 100644
--- a/src/hooks/loadables/useLoadSafeInfo.ts
+++ b/apps/web/src/hooks/loadables/useLoadSafeInfo.ts
@@ -11,29 +11,31 @@ import useSafeInfo from '../useSafeInfo'
 import { Errors, logError } from '@/services/exceptions'
 import { POLLING_INTERVAL } from '@/config/constants'
 import { checksumAddress, sameAddress } from '@/utils/addresses'
+import { useCurrentChain } from '../useChains'
 
 export const useLoadSafeInfo = (): AsyncResult<SafeInfo> => {
   const address = useSafeAddress()
   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 [data, error, loading] = useAsync<SafeInfo | undefined>(async () => {
-    if (!chainId || !address) return
+    if (!chainId || !address || !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
      */
-    if (undeployedSafe) return getUndeployedSafeInfo(undeployedSafe.props, checksumAddress(address), chainId)
+    if (undeployedSafe) return getUndeployedSafeInfo(undeployedSafe, checksumAddress(address), chain)
 
     const safeInfo = await getSafeInfo(chainId, checksumAddress(address))
 
     return { ...safeInfo, deployed: true }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chainId, address, pollCount, undeployedSafe])
+  }, [chainId, address, pollCount, undeployedSafe, chain])
 
   // Reset the counter when safe address/chainId changes
   useEffect(() => {
diff --git a/src/hooks/loadables/useLoadSafeMessages.ts b/apps/web/src/hooks/loadables/useLoadSafeMessages.ts
similarity index 100%
rename from src/hooks/loadables/useLoadSafeMessages.ts
rename to apps/web/src/hooks/loadables/useLoadSafeMessages.ts
diff --git a/src/hooks/loadables/useLoadSpendingLimits.ts b/apps/web/src/hooks/loadables/useLoadSpendingLimits.ts
similarity index 83%
rename from src/hooks/loadables/useLoadSpendingLimits.ts
rename to apps/web/src/hooks/loadables/useLoadSpendingLimits.ts
index c0f3deea5..20cc73443 100644
--- a/src/hooks/loadables/useLoadSpendingLimits.ts
+++ b/apps/web/src/hooks/loadables/useLoadSpendingLimits.ts
@@ -6,9 +6,8 @@ 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 { getSpendingLimitContract } 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'
 
@@ -22,10 +21,6 @@ const DEFAULT_TOKEN_INFO = {
   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'))
 
@@ -75,16 +70,12 @@ export const getSpendingLimits = async (
   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)
+  let contract: ReturnType<typeof getSpendingLimitContract>
+  try {
+    contract = getSpendingLimitContract(chainId, safeModules, provider)
+  } catch {
+    return
+  }
   const delegates = await contract.getDelegates(safeAddress, 0, 100)
 
   const spendingLimits = await Promise.all(
@@ -103,7 +94,7 @@ export const useLoadSpendingLimits = (): AsyncResult<SpendingLimitState[]> => {
 
   const [data, error, loading] = useAsync<SpendingLimitState[] | undefined>(
     () => {
-      if (!provider || !safeLoaded || !safe.modules || !tokenInfoFromBalances) return
+      if (!provider || !safeLoaded || !safe.modules || tokenInfoFromBalances.length === 0) return
 
       return getSpendingLimits(provider, safe.modules, safeAddress, chainId, tokenInfoFromBalances)
     },
diff --git a/apps/web/src/hooks/loadables/useLoadTxHistory.ts b/apps/web/src/hooks/loadables/useLoadTxHistory.ts
new file mode 100644
index 000000000..cf2892ed3
--- /dev/null
+++ b/apps/web/src/hooks/loadables/useLoadTxHistory.ts
@@ -0,0 +1,42 @@
+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 { 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 100%
rename from src/hooks/loadables/useLoadTxQueue.ts
rename to apps/web/src/hooks/loadables/useLoadTxQueue.ts
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 100%
rename from src/hooks/messages/__tests__/useIsSafeMessageSignableBy.test.ts
rename to apps/web/src/hooks/messages/__tests__/useIsSafeMessageSignableBy.test.ts
diff --git a/src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts b/apps/web/src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts
similarity index 100%
rename from src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts
rename to apps/web/src/hooks/messages/__tests__/useSafeMessageNotifications.test.ts
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/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts b/apps/web/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
similarity index 94%
rename from src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
rename to apps/web/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
index 1af158baa..bc0a390e0 100644
--- a/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
+++ b/apps/web/src/hooks/messages/__tests__/useSafeMessageStatus.test.ts
@@ -18,7 +18,7 @@ describe('useSafeMessageStatus', () => {
 
   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))
+    jest.spyOn(useWalletHook, 'default').mockImplementation(() => ({ address: '0x123' }) as ConnectedWallet)
 
     const message = {
       confirmations: [{ owner: { value: '0x123' } }],
@@ -31,7 +31,7 @@ describe('useSafeMessageStatus', () => {
 
   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))
+    jest.spyOn(useWalletHook, 'default').mockImplementation(() => ({ address: '0x123' }) as ConnectedWallet)
 
     const message = {
       confirmations: [{ owner: { value: '0x456' } }] as SafeMessage['confirmations'],
@@ -44,7 +44,7 @@ describe('useSafeMessageStatus', () => {
 
   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))
+    jest.spyOn(useWalletHook, 'default').mockImplementation(() => ({ address: '0x123' }) as ConnectedWallet)
 
     const message = {
       confirmations: [{ owner: { value: '0x123' } }] as SafeMessage['confirmations'],
diff --git a/src/hooks/messages/useDecodedSafeMessage.ts b/apps/web/src/hooks/messages/useDecodedSafeMessage.ts
similarity index 100%
rename from src/hooks/messages/useDecodedSafeMessage.ts
rename to apps/web/src/hooks/messages/useDecodedSafeMessage.ts
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/src/hooks/messages/useIsSafeMessageSignableBy.ts b/apps/web/src/hooks/messages/useIsSafeMessageSignableBy.ts
similarity index 100%
rename from src/hooks/messages/useIsSafeMessageSignableBy.ts
rename to apps/web/src/hooks/messages/useIsSafeMessageSignableBy.ts
diff --git a/src/hooks/messages/useSafeMessage.ts b/apps/web/src/hooks/messages/useSafeMessage.ts
similarity index 100%
rename from src/hooks/messages/useSafeMessage.ts
rename to apps/web/src/hooks/messages/useSafeMessage.ts
diff --git a/src/hooks/messages/useSafeMessageNotifications.ts b/apps/web/src/hooks/messages/useSafeMessageNotifications.ts
similarity index 100%
rename from src/hooks/messages/useSafeMessageNotifications.ts
rename to apps/web/src/hooks/messages/useSafeMessageNotifications.ts
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/src/hooks/messages/useSafeMessageStatus.ts b/apps/web/src/hooks/messages/useSafeMessageStatus.ts
similarity index 94%
rename from src/hooks/messages/useSafeMessageStatus.ts
rename to apps/web/src/hooks/messages/useSafeMessageStatus.ts
index c2bc737f7..c68f48eda 100644
--- a/src/hooks/messages/useSafeMessageStatus.ts
+++ b/apps/web/src/hooks/messages/useSafeMessageStatus.ts
@@ -9,7 +9,7 @@ const AwaitingConfirmationsStatus = 'AWAITING_CONFIRMATIONS'
 
 type SafeMessageLocalStatus = SafeMessageStatus | typeof ConfirmingStatus | typeof AwaitingConfirmationsStatus
 
-const STATUS_LABELS: { [key in SafeMessageLocalStatus]: string } = {
+const STATUS_LABELS: { [_key in SafeMessageLocalStatus]: string } = {
   [ConfirmingStatus]: 'Confirming',
   [AwaitingConfirmationsStatus]: 'Awaiting confirmations',
   [SafeMessageStatus.CONFIRMED]: 'Confirmed',
diff --git a/src/hooks/messages/useSafeMessages.ts b/apps/web/src/hooks/messages/useSafeMessages.ts
similarity index 100%
rename from src/hooks/messages/useSafeMessages.ts
rename to apps/web/src/hooks/messages/useSafeMessages.ts
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/src/hooks/messages/useSyncSafeMessageSigner.ts b/apps/web/src/hooks/messages/useSyncSafeMessageSigner.ts
similarity index 88%
rename from src/hooks/messages/useSyncSafeMessageSigner.ts
rename to apps/web/src/hooks/messages/useSyncSafeMessageSigner.ts
index a22a2014b..191bcdaa4 100644
--- a/src/hooks/messages/useSyncSafeMessageSigner.ts
+++ b/apps/web/src/hooks/messages/useSyncSafeMessageSigner.ts
@@ -3,7 +3,6 @@ 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,
@@ -12,7 +11,6 @@ import {
 } 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
 
@@ -35,11 +33,10 @@ const useSyncSafeMessageSigner = (
   decodedMessage: string | EIP712TypedData,
   safeMessageHash: string,
   requestId: string | undefined,
-  safeAppId: number | undefined,
+  origin: string | undefined,
   onClose: () => void,
 ) => {
   const [submitError, setSubmitError] = useState<Error | undefined>()
-  const onboard = useOnboard()
   const wallet = useWallet()
   const { safe } = useSafeInfo()
 
@@ -54,18 +51,16 @@ const useSyncSafeMessageSigner = (
 
   const onSign = useCallback(async () => {
     // Error is shown when no wallet is connected, this appeases TypeScript
-    if (!onboard || !wallet) {
+    if (!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 })
+        await dispatchSafeMsgProposal({ provider: wallet.provider, safe, message: decodedMessage, origin })
 
         // Fetch updated message
         const updatedMsg = await fetchSafeMessage(safeMessageHash, safe.chainId)
@@ -91,7 +86,7 @@ const useSyncSafeMessageSigner = (
     } catch (e) {
       setSubmitError(asError(e))
     }
-  }, [onboard, wallet, safe, message, decodedMessage, safeAppId, safeMessageHash, onClose, requestId])
+  }, [wallet, safe, message, decodedMessage, origin, safeMessageHash, onClose, requestId])
 
   return { submitError, onSign }
 }
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/src/hooks/safe-apps/permissions/index.ts b/apps/web/src/hooks/safe-apps/permissions/index.ts
similarity index 100%
rename from src/hooks/safe-apps/permissions/index.ts
rename to apps/web/src/hooks/safe-apps/permissions/index.ts
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 99%
rename from src/hooks/safe-apps/useCustomAppCommunicator.tsx
rename to apps/web/src/hooks/safe-apps/useCustomAppCommunicator.tsx
index 9d31f8b7f..5367dd0d9 100644
--- a/src/hooks/safe-apps/useCustomAppCommunicator.tsx
+++ b/apps/web/src/hooks/safe-apps/useCustomAppCommunicator.tsx
@@ -92,7 +92,7 @@ export const useCustomAppCommunicator = (
             logoUri={appData?.iconUrl || ''}
             name={appData?.name || ''}
             message={message}
-            safeAppId={appData?.id}
+            origin={appData?.url}
             requestId={requestId}
           />,
           onTxFlowClose,
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/src/hooks/safe-apps/useRemoteSafeApps.ts b/apps/web/src/hooks/safe-apps/useRemoteSafeApps.ts
similarity index 100%
rename from src/hooks/safe-apps/useRemoteSafeApps.ts
rename to apps/web/src/hooks/safe-apps/useRemoteSafeApps.ts
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 100%
rename from src/hooks/safe-apps/useSafeAppFromBackend.ts
rename to apps/web/src/hooks/safe-apps/useSafeAppFromBackend.ts
diff --git a/src/hooks/safe-apps/useSafeAppFromManifest.ts b/apps/web/src/hooks/safe-apps/useSafeAppFromManifest.ts
similarity index 100%
rename from src/hooks/safe-apps/useSafeAppFromManifest.ts
rename to apps/web/src/hooks/safe-apps/useSafeAppFromManifest.ts
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 100%
rename from src/hooks/safe-apps/useTxBuilderApp.ts
rename to apps/web/src/hooks/safe-apps/useTxBuilderApp.ts
diff --git a/src/hooks/useAddressBook.ts b/apps/web/src/hooks/useAddressBook.ts
similarity index 100%
rename from src/hooks/useAddressBook.ts
rename to apps/web/src/hooks/useAddressBook.ts
diff --git a/src/hooks/useAddressResolver.ts b/apps/web/src/hooks/useAddressResolver.ts
similarity index 100%
rename from src/hooks/useAddressResolver.ts
rename to apps/web/src/hooks/useAddressResolver.ts
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/useAsync.ts b/apps/web/src/hooks/useAsync.ts
new file mode 100644
index 000000000..594183afb
--- /dev/null
+++ b/apps/web/src/hooks/useAsync.ts
@@ -0,0 +1,93 @@
+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
+
+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/src/hooks/useBalances.ts b/apps/web/src/hooks/useBalances.ts
similarity index 100%
rename from src/hooks/useBalances.ts
rename to apps/web/src/hooks/useBalances.ts
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/src/hooks/useChainId.ts b/apps/web/src/hooks/useChainId.ts
similarity index 88%
rename from src/hooks/useChainId.ts
rename to apps/web/src/hooks/useChainId.ts
index 0acbcd263..813ca3ac2 100644
--- a/src/hooks/useChainId.ts
+++ b/apps/web/src/hooks/useChainId.ts
@@ -2,8 +2,6 @@ import { useParams } from 'next/navigation'
 import { parse, type ParsedUrlQuery } from 'querystring'
 import { IS_PRODUCTION } from '@/config/constants'
 import chains from '@/config/chains'
-import { useAppSelector } from '@/store'
-import { selectSession } from '@/store/sessionSlice'
 import { parsePrefixedAddress } from '@/utils/addresses'
 import useWallet from './wallets/useWallet'
 import useChains from './useChains'
@@ -43,11 +41,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 || defaultChainId
 }
 
 export default useChainId
diff --git a/src/hooks/useChains.ts b/apps/web/src/hooks/useChains.ts
similarity index 89%
rename from src/hooks/useChains.ts
rename to apps/web/src/hooks/useChains.ts
index 669c99865..c04e848e0 100644
--- a/src/hooks/useChains.ts
+++ b/apps/web/src/hooks/useChains.ts
@@ -37,7 +37,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 100%
rename from src/hooks/useCollectibles.ts
rename to apps/web/src/hooks/useCollectibles.ts
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/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 95%
rename from src/hooks/useGasLimit.ts
rename to apps/web/src/hooks/useGasLimit.ts
index d7b6ce66f..000ca4c26 100644
--- a/src/hooks/useGasLimit.ts
+++ b/apps/web/src/hooks/useGasLimit.ts
@@ -1,3 +1,4 @@
+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'
@@ -6,7 +7,7 @@ import useAsync from '@/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'
@@ -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, [
@@ -89,15 +90,15 @@ const getGasLimitForZkSync = async (
   const fakeEOAFromAddress = '0x330d9F4906EDA1f73f668660d1946bea71f48827'
   const customContracts = safeSDK.getContractManager().contractNetworks?.[safe.chainId]
   const safeVersion = await safeSDK.getContractVersion()
-  const ethAdapter = safeSDK.getEthAdapter()
+  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,6 +106,7 @@ 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.operation,
@@ -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()
diff --git a/src/hooks/useGasPrice.ts b/apps/web/src/hooks/useGasPrice.ts
similarity index 100%
rename from src/hooks/useGasPrice.ts
rename to apps/web/src/hooks/useGasPrice.ts
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..ce9724368
--- /dev/null
+++ b/apps/web/src/hooks/useIsGeoblockedFeatureEnabled.ts
@@ -0,0 +1,11 @@
+import { useContext } from 'react'
+
+import { GeoblockingContext } from '@/components/common/GeoblockingProvider'
+import { useHasFeature } from '@/hooks/useChains'
+import type { FEATURES } from '@/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/useIsOfficialFallbackHandler.ts b/apps/web/src/hooks/useIsOfficialFallbackHandler.ts
new file mode 100644
index 000000000..7a32ff852
--- /dev/null
+++ b/apps/web/src/hooks/useIsOfficialFallbackHandler.ts
@@ -0,0 +1,22 @@
+import { useMemo } from 'react'
+import useSafeInfo from '@/hooks/useSafeInfo'
+import { useCompatibilityFallbackHandlerDeployments } from '@/hooks/useCompatibilityFallbackHandlerDeployments'
+
+/**
+ * Hook to check if the Safe's fallback handler (or optionally a provided address) is an official one.
+ * @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 an official fallback handler
+ */
+export const useIsOfficialFallbackHandler = (fallbackHandler?: string) => {
+  const fallbackHandlerDeployments = useCompatibilityFallbackHandlerDeployments()
+  const { safe } = useSafeInfo()
+
+  const fallbackHandlerAddress = fallbackHandler || safe.fallbackHandler?.value
+
+  return useMemo(
+    () =>
+      !!fallbackHandlerAddress &&
+      !!fallbackHandlerDeployments?.networkAddresses[safe.chainId].includes(fallbackHandlerAddress),
+    [fallbackHandlerAddress, safe.chainId, fallbackHandlerDeployments],
+  )
+}
diff --git a/apps/web/src/hooks/useIsOfficialHost.ts b/apps/web/src/hooks/useIsOfficialHost.ts
new file mode 100644
index 000000000..680f049f0
--- /dev/null
+++ b/apps/web/src/hooks/useIsOfficialHost.ts
@@ -0,0 +1,9 @@
+import { useMemo } from 'react'
+import { IS_OFFICIAL_HOST, OFFICIAL_HOSTS } from '@/config/constants'
+
+export const useIsOfficialHost = (): boolean => {
+  return useMemo(
+    () => IS_OFFICIAL_HOST && (typeof window === 'undefined' || OFFICIAL_HOSTS.test(window.location.host)),
+    [],
+  )
+}
diff --git a/apps/web/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx b/apps/web/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx
new file mode 100644
index 000000000..d691549c8
--- /dev/null
+++ b/apps/web/src/hooks/useIsOnlySpendingLimitBeneficiary.tsx
@@ -0,0 +1,28 @@
+import { useIsWalletProposer } from '@/hooks/useProposers'
+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'
+
+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/src/hooks/useIsSidebarRoute.ts b/apps/web/src/hooks/useIsSidebarRoute.ts
similarity index 100%
rename from src/hooks/useIsSidebarRoute.ts
rename to apps/web/src/hooks/useIsSidebarRoute.ts
diff --git a/src/hooks/useIsValidExecution.ts b/apps/web/src/hooks/useIsValidExecution.ts
similarity index 92%
rename from src/hooks/useIsValidExecution.ts
rename to apps/web/src/hooks/useIsValidExecution.ts
index 69e0c84df..76d601f6e 100644
--- a/src/hooks/useIsValidExecution.ts
+++ b/apps/web/src/hooks/useIsValidExecution.ts
@@ -9,10 +9,12 @@ 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 { useSigner } from '@/hooks/wallets/useWallet'
 import { encodeSignatures } from '@/services/tx/encodeSignatures'
 import useIsSafeOwner from '@/hooks/useIsSafeOwner'
 import { checksumAddress } from '@/utils/addresses'
+import { type NestedWallet } from '@/utils/nested-safe-wallet'
+import { assertProvider } from '@/utils/helpers'
 
 const isContractError = (error: EthersError) => {
   if (!error.reason) return false
@@ -23,10 +25,12 @@ const isContractError = (error: EthersError) => {
 // 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,
+  wallet: ConnectedWallet | NestedWallet,
   chainId: SafeInfo['chainId'],
   readOnlyProvider: JsonRpcProvider,
 ) => {
+  assertProvider(wallet.provider)
+
   const signerProvider = createWeb3(wallet.provider)
 
   if (wallet.chainId !== chainId) {
@@ -58,7 +62,7 @@ const useIsValidExecution = (
   executionValidationError?: Error
   isValidExecutionLoading: boolean
 } => {
-  const wallet = useWallet()
+  const wallet = useSigner()
   const { safe } = useSafeInfo()
   const readOnlyProvider = useWeb3ReadOnly()
   const isOwner = useIsSafeOwner()
@@ -70,8 +74,7 @@ const useIsValidExecution = (
     }
 
     try {
-      const provider = getPatchedSignerProvider(wallet, safe.chainId, readOnlyProvider)
-      const safeContract = await getCurrentGnosisSafeContract(safe, provider)
+      const safeContract = await getCurrentGnosisSafeContract(safe, readOnlyProvider._getConnection().url)
 
       /**
        * We need to call the contract directly instead of using `sdk.isValidTransaction`
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 100%
rename from src/hooks/useLoadableStores.ts
rename to apps/web/src/hooks/useLoadableStores.ts
diff --git a/src/hooks/useMasterCopies.ts b/apps/web/src/hooks/useMasterCopies.ts
similarity index 100%
rename from src/hooks/useMasterCopies.ts
rename to apps/web/src/hooks/useMasterCopies.ts
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..4caf08a44
--- /dev/null
+++ b/apps/web/src/hooks/useMnemonicName/index.ts
@@ -0,0 +1,21 @@
+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 const useMnemonicSafeName = (multiChain?: boolean): string => {
+  const currentNetwork = useCurrentChain()?.chainName
+  const adjective = useMemo(() => getRandomAdjective(), [])
+  return `${adjective} ${multiChain ? 'Multi-Chain' : currentNetwork} Safe`
+}
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/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/src/hooks/useOnceVisible.ts b/apps/web/src/hooks/useOnceVisible.ts
similarity index 100%
rename from src/hooks/useOnceVisible.ts
rename to apps/web/src/hooks/useOnceVisible.ts
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..9a0f778ab
--- /dev/null
+++ b/apps/web/src/hooks/useOwnedSafes.ts
@@ -0,0 +1,26 @@
+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 = (): OwnedSafesCache['walletAddress'] => {
+  const chainId = useChainId()
+  const { address: walletAddress } = useWallet() || {}
+
+  const { data: ownedSafes } = useGetOwnedSafesQuery(walletAddress ? { chainId, walletAddress } : skipToken)
+
+  const result = useMemo(() => ({ [chainId]: ownedSafes?.safes ?? [] }), [chainId, ownedSafes])
+
+  return result ?? {}
+}
+
+export default useOwnedSafes
diff --git a/src/hooks/usePendingActions.ts b/apps/web/src/hooks/usePendingActions.ts
similarity index 100%
rename from src/hooks/usePendingActions.ts
rename to apps/web/src/hooks/usePendingActions.ts
diff --git a/apps/web/src/hooks/usePendingTxs.ts b/apps/web/src/hooks/usePendingTxs.ts
new file mode 100644
index 000000000..8b0337931
--- /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 './useAsync'
+import {
+  isConflictHeaderListItem,
+  isLabelListItem,
+  isMultisigExecutionInfo,
+  isTransactionListItem,
+} from '@/utils/transaction-guards'
+import useSafeInfo from './useSafeInfo'
+import { shallowEqual } from 'react-redux'
+
+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/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..9fa90221f
--- /dev/null
+++ b/apps/web/src/hooks/useProposers.ts
@@ -0,0 +1,27 @@
+import useSafeInfo from '@/hooks/useSafeInfo'
+import useWallet from '@/hooks/wallets/useWallet'
+import { useGetProposersQuery } from '@/store/api/gateway'
+import { skipToken } from '@reduxjs/toolkit/query/react'
+import { toChecksumAddress } from '@/utils/rsk-utils'
+import useChainId from '@/hooks/useChainId'
+
+const useProposers = () => {
+  const {
+    safe: { chainId },
+    safeAddress,
+  } = useSafeInfo()
+
+  return useGetProposersQuery(chainId && safeAddress ? { chainId, safeAddress } : skipToken)
+}
+
+export const useIsWalletProposer = () => {
+  const wallet = useWallet()
+  const proposers = useProposers()
+  const chainId = useChainId()
+
+  return proposers.data?.results.some(
+    (proposer) => proposer.delegate === toChecksumAddress(wallet?.address || '', chainId),
+  )
+}
+
+export default useProposers
diff --git a/src/hooks/useRemainingRelays.ts b/apps/web/src/hooks/useRemainingRelays.ts
similarity index 78%
rename from src/hooks/useRemainingRelays.ts
rename to apps/web/src/hooks/useRemainingRelays.ts
index 990345384..b7b4fa519 100644
--- a/src/hooks/useRemainingRelays.ts
+++ b/apps/web/src/hooks/useRemainingRelays.ts
@@ -4,18 +4,15 @@ 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 MAX_DAY_RELAYS = 5
 
-export const useRelaysBySafe = (txOrigin?: string) => {
+export const useRelaysBySafe = () => {
   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')
-    ) {
+    if (hasFeature(chain, FEATURES.RELAYING)) {
       return getRelayCount(chain.chainId, safeAddress)
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -35,7 +32,7 @@ export const useLeastRemainingRelays = (ownerAddresses: string[]) => {
         return result.find((r) => r.remaining === min)
       })
       .catch(() => {
-        return { remaining: 0, limit: MAX_HOUR_RELAYS }
+        return { remaining: 0, limit: MAX_DAY_RELAYS }
       })
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [chain, ownerAddresses, safe.txHistoryTag])
diff --git a/src/hooks/useSafeAddress.ts b/apps/web/src/hooks/useSafeAddress.ts
similarity index 100%
rename from src/hooks/useSafeAddress.ts
rename to apps/web/src/hooks/useSafeAddress.ts
diff --git a/src/hooks/useSafeInfo.ts b/apps/web/src/hooks/useSafeInfo.ts
similarity index 100%
rename from src/hooks/useSafeInfo.ts
rename to apps/web/src/hooks/useSafeInfo.ts
diff --git a/src/hooks/useSafeNotifications.ts b/apps/web/src/hooks/useSafeNotifications.ts
similarity index 86%
rename from src/hooks/useSafeNotifications.ts
rename to apps/web/src/hooks/useSafeNotifications.ts
index ccde77d68..0797a7a73 100644
--- a/src/hooks/useSafeNotifications.ts
+++ b/apps/web/src/hooks/useSafeNotifications.ts
@@ -4,7 +4,7 @@ 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 '@/services/contracts/safeContracts'
 import { useRouter } from 'next/router'
 import useIsSafeOwner from './useIsSafeOwner'
 import { isValidSafeVersion } from './coreSDK/safeCoreSDK'
@@ -131,25 +131,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. This migration will be automatically included with your first transaction.`
+      : `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/src/hooks/useSafeTokenAllocation.ts b/apps/web/src/hooks/useSafeTokenAllocation.ts
similarity index 94%
rename from src/hooks/useSafeTokenAllocation.ts
rename to apps/web/src/hooks/useSafeTokenAllocation.ts
index a8cdf4d93..c00eda704 100644
--- a/src/hooks/useSafeTokenAllocation.ts
+++ b/apps/web/src/hooks/useSafeTokenAllocation.ts
@@ -1,5 +1,4 @@
 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'
@@ -9,6 +8,7 @@ import useAsync, { type AsyncResult } from './useAsync'
 import useSafeInfo from './useSafeInfo'
 import { getWeb3ReadOnly } from './wallets/web3'
 import memoize from 'lodash/memoize'
+import { cgwDebugStorage } from '@/config/gateway'
 
 export const VESTING_URL =
   IS_PRODUCTION || cgwDebugStorage.get()
@@ -16,7 +16,7 @@ export const VESTING_URL =
     : 'https://safe-claiming-app-data.staging.5afe.dev/allocations/'
 
 export type VestingData = {
-  tag: 'user' | 'ecosystem' | 'investor' | 'user_v2' // SEP #5
+  tag: 'user' | 'ecosystem' | 'investor' | 'user_v2' | 'sap_boosted' | 'sap_unboosted' // SEP #5
   account: string
   chainId: number
   contract: string
@@ -186,7 +186,10 @@ export const useSafeVotingPower = (allocationData?: Vesting[]): AsyncResult<bigi
     }
 
     const tokensInVesting = allocationData.reduce(
-      (acc, data) => (data.isExpired ? acc : acc + BigInt(data.amount) - BigInt(data.amountClaimed)),
+      (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),
     )
 
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 100%
rename from src/hooks/useSpendingLimit.ts
rename to apps/web/src/hooks/useSpendingLimit.ts
diff --git a/src/hooks/useSpendingLimitGas.ts b/apps/web/src/hooks/useSpendingLimitGas.ts
similarity index 80%
rename from src/hooks/useSpendingLimitGas.ts
rename to apps/web/src/hooks/useSpendingLimitGas.ts
index eafab164d..07a8fb818 100644
--- a/src/hooks/useSpendingLimitGas.ts
+++ b/apps/web/src/hooks/useSpendingLimitGas.ts
@@ -4,16 +4,18 @@ import { getSpendingLimitContract } from '@/services/contracts/spendingLimitCont
 import useAsync from '@/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..066c22a82
--- /dev/null
+++ b/apps/web/src/hooks/useTransactionType.tsx
@@ -0,0 +1,169 @@
+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 StakeIcon from '@/public/images/common/stake.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: <StakeIcon component={StakeIcon} inheritViewBox fontSize="small" alt="Withdraw request" />,
+        text: 'Withdraw request',
+      }
+    }
+    case TransactionInfoType.NATIVE_STAKING_WITHDRAW: {
+      return {
+        icon: <StakeIcon component={StakeIcon} inheritViewBox fontSize="small" alt="Claim" />,
+        text: 'Claim',
+      }
+    }
+    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..c62b23ab0
--- /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 '@/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/src/hooks/useTxHistory.ts b/apps/web/src/hooks/useTxHistory.ts
similarity index 77%
rename from src/hooks/useTxHistory.ts
rename to apps/web/src/hooks/useTxHistory.ts
index 9fdefccd3..eeade39d8 100644
--- a/src/hooks/useTxHistory.ts
+++ b/apps/web/src/hooks/useTxHistory.ts
@@ -20,9 +20,10 @@ const useTxHistory = (
   // The latest page of the history is always in the store
   const historyState = useAppSelector(selectTxHistory)
   const [filter] = useTxFilter()
-  const { showOnlyTrustedTransactions } = useAppSelector(selectSettings)
+  const { hideSuspiciousTransactions } = useAppSelector(selectSettings)
   const hasDefaultTokenlist = useHasFeature(FEATURES.DEFAULT_TOKENLIST)
-  const onlyTrusted = (hasDefaultTokenlist && showOnlyTrustedTransactions) || false
+  const hideUntrustedTxs = (hasDefaultTokenlist && hideSuspiciousTransactions) ?? true
+  const hideImitationTxs = hideSuspiciousTransactions ?? true
 
   const {
     safe: { chainId },
@@ -35,10 +36,10 @@ const useTxHistory = (
       if (!(filter || pageUrl)) return
 
       return filter
-        ? fetchFilteredTxHistory(chainId, safeAddress, filter, onlyTrusted, pageUrl)
-        : getTxHistory(chainId, safeAddress, onlyTrusted, pageUrl)
+        ? fetchFilteredTxHistory(chainId, safeAddress, filter, hideUntrustedTxs, hideImitationTxs, pageUrl)
+        : getTxHistory(chainId, safeAddress, hideUntrustedTxs, hideImitationTxs, pageUrl)
     },
-    [chainId, safeAddress, pageUrl, filter, onlyTrusted],
+    [filter, pageUrl, chainId, safeAddress, hideUntrustedTxs, hideImitationTxs],
     false,
   )
 
diff --git a/src/hooks/useTxNotifications.ts b/apps/web/src/hooks/useTxNotifications.ts
similarity index 91%
rename from src/hooks/useTxNotifications.ts
rename to apps/web/src/hooks/useTxNotifications.ts
index 98967e59e..b1feb2202 100644
--- a/src/hooks/useTxNotifications.ts
+++ b/apps/web/src/hooks/useTxNotifications.ts
@@ -12,9 +12,9 @@ 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'
 
 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 100%
rename from src/hooks/useTxQueue.ts
rename to apps/web/src/hooks/useTxQueue.ts
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..85e9e4466
--- /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 '@/hooks/useAsync'
+import { logError } from '@/services/exceptions'
+import ErrorCodes from '@/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 80%
rename from src/hooks/useVisibleBalances.ts
rename to apps/web/src/hooks/useVisibleBalances.ts
index f6b81f0dc..0cf20252a 100644
--- a/src/hooks/useVisibleBalances.ts
+++ b/apps/web/src/hooks/useVisibleBalances.ts
@@ -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 100%
rename from src/hooks/useWalletCanRelay.ts
rename to apps/web/src/hooks/useWalletCanRelay.ts
diff --git a/src/hooks/wallets/__tests__/useOnboard.test.ts b/apps/web/src/hooks/wallets/__tests__/useOnboard.test.ts
similarity index 99%
rename from src/hooks/wallets/__tests__/useOnboard.test.ts
rename to apps/web/src/hooks/wallets/__tests__/useOnboard.test.ts
index 7fa1602c3..237ceeaf1 100644
--- a/src/hooks/wallets/__tests__/useOnboard.test.ts
+++ b/apps/web/src/hooks/wallets/__tests__/useOnboard.test.ts
@@ -51,6 +51,7 @@ describe('useOnboard', () => {
         chainId: '4',
         ens: 'test.eth',
         balance: '0.00235 ETH',
+        isProposer: false,
       })
     })
 
diff --git a/apps/web/src/hooks/wallets/consts.ts b/apps/web/src/hooks/wallets/consts.ts
new file mode 100644
index 000000000..6de6c74a7
--- /dev/null
+++ b/apps/web/src/hooks/wallets/consts.ts
@@ -0,0 +1,23 @@
+export const enum WALLET_KEYS {
+  INJECTED = 'INJECTED',
+  WALLETCONNECT_V2 = 'WALLETCONNECT_V2',
+  COINBASE = 'COINBASE',
+  LEDGER = 'LEDGER',
+  // Placeholder to appease CGW_NAMES type - module name is also named Ledger
+  LEDGER_V2 = 'LEDGER_V2',
+  TREZOR = 'TREZOR',
+  KEYSTONE = 'KEYSTONE',
+  PK = 'PK',
+}
+
+// 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 } = {
+  [WALLET_KEYS.INJECTED]: 'detectedwallet',
+  [WALLET_KEYS.WALLETCONNECT_V2]: 'walletConnect_v2',
+  [WALLET_KEYS.COINBASE]: 'coinbase',
+  [WALLET_KEYS.LEDGER]: 'ledger',
+  [WALLET_KEYS.LEDGER_V2]: 'ledger_v2',
+  [WALLET_KEYS.TREZOR]: 'trezor',
+  [WALLET_KEYS.KEYSTONE]: 'keystone',
+  [WALLET_KEYS.PK]: 'pk',
+}
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 96%
rename from src/hooks/wallets/useOnboard.ts
rename to apps/web/src/hooks/wallets/useOnboard.ts
index 452068219..b73596ffa 100644
--- a/src/hooks/wallets/useOnboard.ts
+++ b/apps/web/src/hooks/wallets/useOnboard.ts
@@ -21,6 +21,7 @@ export type ConnectedWallet = {
   provider: Eip1193Provider
   icon?: string
   balance?: string
+  isProposer?: boolean
 }
 
 const { getStore, setStore, useStore } = new ExternalStore<OnboardAPI>()
@@ -70,6 +71,7 @@ export const getConnectedWallet = (wallets: WalletState[]): ConnectedWallet | nu
       provider: primaryWallet.provider,
       icon: primaryWallet.icon,
       balance,
+      isProposer: false,
     }
   } catch (e) {
     logError(Errors._106, e)
@@ -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)
     })
diff --git a/apps/web/src/hooks/wallets/useSelectAvailableSigner.ts b/apps/web/src/hooks/wallets/useSelectAvailableSigner.ts
new file mode 100644
index 000000000..feef89fd9
--- /dev/null
+++ b/apps/web/src/hooks/wallets/useSelectAvailableSigner.ts
@@ -0,0 +1,24 @@
+import { useCallback } from 'react'
+import { useWalletContext } from './useWallet'
+import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import { useNestedSafeOwners } from '../useNestedSafeOwners'
+import { getAvailableSigners } from '@/utils/signers'
+
+/**
+ *
+ * @returns a function that sets a signer that can sign the given transaction in the given Safe
+ */
+export const useSelectAvailableSigner = () => {
+  const { connectedWallet: wallet, setSignerAddress } = useWalletContext() ?? {}
+  const nestedSafeOwners = useNestedSafeOwners()
+
+  return useCallback(
+    (tx: SafeTransaction | undefined, safe: SafeInfo) => {
+      const availableSigners = getAvailableSigners(wallet, nestedSafeOwners, safe, tx)
+
+      setSignerAddress?.(availableSigners[0])
+    },
+    [setSignerAddress, nestedSafeOwners, wallet],
+  )
+}
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 100%
rename from src/hooks/wallets/useWalletBalance.ts
rename to apps/web/src/hooks/wallets/useWalletBalance.ts
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/src/hooks/wallets/web3.ts b/apps/web/src/hooks/wallets/web3.ts
similarity index 84%
rename from src/hooks/wallets/web3.ts
rename to apps/web/src/hooks/wallets/web3.ts
index ae31d511c..40975d4b8 100644
--- a/src/hooks/wallets/web3.ts
+++ b/apps/web/src/hooks/wallets/web3.ts
@@ -1,14 +1,15 @@
 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 { JsonRpcProvider, BrowserProvider, type Eip1193Provider } 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.
+ *
+ * Some networks like Scroll only support a batch size of 3.
  */
-const BATCH_MAX_COUNT = 10
+const BATCH_MAX_COUNT = 3
 
 // RPC helpers
 const formatRpcServiceUrl = ({ authentication, value }: RpcUri, token: string): string => {
@@ -65,9 +66,3 @@ export const getUserNonce = async (userAddress: string): Promise<number> => {
     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/apps/web/src/markdown/privacy/privacy.md b/apps/web/src/markdown/privacy/privacy.md
new file mode 100644
index 000000000..453a9d8f8
--- /dev/null
+++ b/apps/web/src/markdown/privacy/privacy.md
@@ -0,0 +1,630 @@
+# 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 Gontardstraße 11, 10178 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  
+Gontardstraße 11  
+10178 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..3ddf2c604
--- /dev/null
+++ b/apps/web/src/markdown/terms/terms.md
@@ -0,0 +1,386 @@
+# Terms and Conditions
+
+Last updated: September, 2024
+
+[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\. Are we responsible for third-party content and services?](#12.-are-we-responsible-for-third-party-content-and-services?)
+
+[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 Gontardstraße 11, 10178 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. We provide you the possibility to interact with your Safe Account through 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.
+
+2. 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.
+
+3. 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 Services.
+
+* 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 Appz 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\. Are we responsible for third-party content and services? {#12.-are-we-responsible-for-third-party-content-and-services?}
+
+1. You may view, have access to, and may use third-party content and services, for example widget integrations, within the Safe{Wallet} 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,
+
+   1. involve separate fees and charges,
+
+   2. include disclaimers or risk warnings,
+
+   3. apply a different terms and privacy policy.
+
+   It is your responsibility to understand the Third-Party Terms, including how Third-Party Features use any of your information under their privacy policies.
+
+2. Third Party Features are provided for your convenience only. We do not verify, curate, or control Third Party Features.
+
+3. If we offer access to Third-Party Features in the Safe{Wallet} 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 18 below. Furthermore we reserve the right to cease to provide access to those Third-Party Features through the Safe{Wallet} App without notice.
+
+# 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.ts b/apps/web/src/markdown/terms/version.ts
new file mode 100644
index 000000000..3cfbbfd37
--- /dev/null
+++ b/apps/web/src/markdown/terms/version.ts
@@ -0,0 +1,2 @@
+export const version = '1.2'
+export const lastUpdated = 'September, 2024'
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 90%
rename from src/pages/_app.tsx
rename to apps/web/src/pages/_app.tsx
index 916175595..7d70e7f32 100644
--- a/src/pages/_app.tsx
+++ b/apps/web/src/pages/_app.tsx
@@ -8,10 +8,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 +26,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,13 +44,15 @@ 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'
 
 const reduxStore = makeStore()
 
 const InitApp = (): null => {
   setGatewayBaseUrl(GATEWAY_URL)
+  setNewGatewayBaseUrl(GATEWAY_URL)
   useHydrateStore(reduxStore)
   useAdjustUrl()
   useGtm()
@@ -68,6 +70,7 @@ const InitApp = (): null => {
   useTxTracking()
   useSafeMsgTracking()
   useBeamer()
+  useVisitedSafes()
 
   return null
 }
@@ -111,7 +114,7 @@ const WebCoreApp = ({
   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,6 +130,8 @@ const WebCoreApp = ({
 
           <CookieAndTermBanner />
 
+          <OutreachPopup />
+
           <Notifications />
 
           <Recovery />
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..85c87216f
--- /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 { FEATURES } from '@/utils/chains'
+import { SAFE_APPS_LABELS } from '@/services/analytics'
+import { BRAND_NAME } from '@/config/constants'
+
+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 100%
rename from src/pages/apps/open.tsx
rename to apps/web/src/pages/apps/open.tsx
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 79%
rename from src/pages/balances/nfts.tsx
rename to apps/web/src/pages/balances/nfts.tsx
index 7502a3111..e8e2fa77c 100644
--- a/src/pages/balances/nfts.tsx
+++ b/apps/web/src/pages/balances/nfts.tsx
@@ -5,7 +5,7 @@ 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`
@@ -17,11 +17,25 @@ const NftApps = memo(function NftApps(): ReactElement | 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/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 89%
rename from src/pages/imprint.tsx
rename to apps/web/src/pages/imprint.tsx
index 9dca94426..50c8ef286 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>
@@ -21,7 +22,7 @@ const SafeImprint = () => (
       10178 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 +70,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/src/pages/licenses.tsx b/apps/web/src/pages/licenses.tsx
similarity index 98%
rename from src/pages/licenses.tsx
rename to apps/web/src/pages/licenses.tsx
index f6180e2cb..f9107851d 100644
--- a/src/pages/licenses.tsx
+++ b/apps/web/src/pages/licenses.tsx
@@ -1,9 +1,10 @@
 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'
+import { useIsOfficialHost } from '@/hooks/useIsOfficialHost'
+import { BRAND_NAME } from '@/config/constants'
 
 const SafeLicenses = () => (
   <>
@@ -16,7 +17,7 @@ const SafeLicenses = () => (
     <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.
+        the {BRAND_NAME}. We thank the open source community for all of their contributions.
       </Typography>
       <Typography variant="h2" mb={2}>
         Android
@@ -706,13 +707,15 @@ const SafeLicenses = () => (
 )
 
 const Licenses: NextPage = () => {
+  const isOfficialHost = useIsOfficialHost()
+
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Licenses'}</title>
+        <title>{`${BRAND_NAME} – Licenses`}</title>
       </Head>
 
-      <main>{IS_OFFICIAL_HOST && <SafeLicenses />}</main>
+      <main>{isOfficialHost && <SafeLicenses />}</main>
     </>
   )
 }
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..db750335a
--- /dev/null
+++ b/apps/web/src/pages/privacy.tsx
@@ -0,0 +1,28 @@
+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 = {
+  // @ts-expect-error
+  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/apps/web/src/pages/settings/notifications.tsx b/apps/web/src/pages/settings/notifications.tsx
new file mode 100644
index 000000000..d6c376077
--- /dev/null
+++ b/apps/web/src/pages/settings/notifications.tsx
@@ -0,0 +1,32 @@
+import Head from 'next/head'
+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'
+
+const NotificationsPage: NextPage = () => {
+  const isNotificationFeatureEnabled = useHasFeature(FEATURES.PUSH_NOTIFICATIONS)
+
+  if (!isNotificationFeatureEnabled) {
+    return null
+  }
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Settings – Notifications`}</title>
+      </Head>
+
+      <SettingsHeader />
+
+      <main>
+        <PushNotifications />
+      </main>
+    </>
+  )
+}
+
+export default NotificationsPage
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/src/pages/settings/setup.tsx b/apps/web/src/pages/settings/setup.tsx
similarity index 92%
rename from src/pages/settings/setup.tsx
rename to apps/web/src/pages/settings/setup.tsx
index c3e0e9693..c41cd26b2 100644
--- a/src/pages/settings/setup.tsx
+++ b/apps/web/src/pages/settings/setup.tsx
@@ -7,8 +7,9 @@ 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 ProposersList from 'src/components/settings/ProposersList'
 import SpendingLimits from '@/components/settings/SpendingLimits'
+import { BRAND_NAME } from '@/config/constants'
 
 const Setup: NextPage = () => {
   const { safe, safeLoaded } = useSafeInfo()
@@ -19,7 +20,7 @@ const Setup: NextPage = () => {
   return (
     <>
       <Head>
-        <title>{'Rootstock Safe – Settings – Setup'}</title>
+        <title>{`${BRAND_NAME} – Settings – Setup`}</title>
       </Head>
 
       <SettingsHeader />
@@ -61,12 +62,12 @@ const Setup: NextPage = () => {
         <Paper sx={{ p: 4, mb: 2 }}>
           <OwnerList />
 
+          <ProposersList />
+
           <RequiredConfirmation threshold={threshold} owners={ownerLength} />
         </Paper>
 
         <SpendingLimits />
-
-        <DelegatesList />
       </main>
     </>
   )
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/stake.tsx b/apps/web/src/pages/stake.tsx
new file mode 100644
index 000000000..af79840ca
--- /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 { FEATURES } from '@/utils/chains'
+import { BRAND_NAME } from '@/config/constants'
+
+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..b97c9a6f9
--- /dev/null
+++ b/apps/web/src/pages/swap.tsx
@@ -0,0 +1,53 @@
+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 { FEATURES } from '@/utils/chains'
+import { BRAND_NAME } from '@/config/constants'
+
+// 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 SwapPage: NextPage = () => {
+  const router = useRouter()
+  const { token, amount } = router.query
+  const isFeatureEnabled = useHasFeature(FEATURES.NATIVE_SWAPS)
+
+  let sell = undefined
+  if (token && amount) {
+    sell = {
+      asset: adjustEthAddress(String(token ?? '')),
+      amount: adjustEthAddress(String(amount ?? '')),
+    }
+  }
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Swap`}</title>
+      </Head>
+
+      <main style={{ height: 'calc(100vh - 52px)' }}>
+        {isFeatureEnabled === true ? (
+          <SwapWidgetNoSSR sell={sell} />
+        ) : 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/apps/web/src/pages/transactions/messages.tsx b/apps/web/src/pages/transactions/messages.tsx
new file mode 100644
index 000000000..e39e0659a
--- /dev/null
+++ b/apps/web/src/pages/transactions/messages.tsx
@@ -0,0 +1,44 @@
+import { useEffect } from 'react'
+import Head from 'next/head'
+import { FEATURES } from '@/utils/chains'
+import { useRouter } from 'next/router'
+import type { NextPage } from 'next'
+
+import PaginatedMsgs from '@/components/safe-messages/PaginatedMsgs'
+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'
+
+const Messages: NextPage = () => {
+  const chain = useCurrentChain()
+  const router = useRouter()
+
+  useEffect(() => {
+    if (!chain || hasFeature(chain, FEATURES.EIP1271)) {
+      return
+    }
+
+    router.replace({ ...router, pathname: AppRoutes.transactions.history })
+  }, [router, chain])
+
+  return (
+    <>
+      <Head>
+        <title>{`${BRAND_NAME} – Messages`}</title>
+      </Head>
+
+      <TxHeader>
+        <SignedMessagesHelpLink />
+      </TxHeader>
+
+      <main>
+        <PaginatedMsgs />
+      </main>
+    </>
+  )
+}
+
+export default Messages
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/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/permissions/config.ts b/apps/web/src/permissions/config.ts
new file mode 100644
index 000000000..61d6cbde1
--- /dev/null
+++ b/apps/web/src/permissions/config.ts
@@ -0,0 +1,52 @@
+import type { RolePermissionsConfig } from './types'
+import { Permission, Role } from './types'
+
+const {
+  CreateTransaction,
+  ProposeTransaction,
+  SignTransaction,
+  ExecuteTransaction,
+  EnablePushNotifications,
+  CreateSpendingLimitTransaction,
+} = Permission
+
+/**
+ * Defines the permissions for each role.
+ */
+export default <RolePermissionsConfig>{
+  [Role.Owner]: () => ({
+    [CreateTransaction]: true,
+    [ProposeTransaction]: true,
+    [SignTransaction]: true,
+    [ExecuteTransaction]: () => true,
+    [EnablePushNotifications]: true,
+  }),
+  [Role.Proposer]: () => ({
+    [CreateTransaction]: true,
+    [ProposeTransaction]: true,
+    [ExecuteTransaction]: () => true,
+    [EnablePushNotifications]: true,
+  }),
+  [Role.Executioner]: () => ({
+    [ExecuteTransaction]: () => true,
+    [EnablePushNotifications]: true,
+  }),
+  [Role.SpendingLimitBeneficiary]: ({ spendingLimits }) => ({
+    [ExecuteTransaction]: () => true,
+    [EnablePushNotifications]: true,
+    [CreateSpendingLimitTransaction]: ({ token } = {}) => {
+      if (!token) return false
+
+      const spendingLimit = spendingLimits.find((sl) => sl.token.address === token.address)
+
+      if (spendingLimit) {
+        return BigInt(spendingLimit.amount) - BigInt(spendingLimit.spent) > 0
+      }
+
+      return false
+    },
+  }),
+  [Role.NoWalletConnected]: () => ({
+    [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..57bd41671
--- /dev/null
+++ b/apps/web/src/permissions/getRolePermissions.test.ts
@@ -0,0 +1,77 @@
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import { getRolePermissions } from './getRolePermissions'
+import { Role } from './types'
+
+jest.mock('./config', () => ({
+  Owner: () => ({
+    CreateTransaction: true,
+    ProposeTransaction: true,
+    SignTransaction: true,
+    ExecuteTransaction: () => true,
+  }),
+  Proposer: () => ({
+    CreateTransaction: true,
+    ProposeTransaction: true,
+    ExecuteTransaction: () => true,
+  }),
+  SpendingLimitBeneficiary: ({ spendingLimits }: { spendingLimits: number[] }) => ({
+    CreateTransaction: spendingLimits.includes(1),
+    ProposeTransaction: spendingLimits.includes(5),
+  }),
+}))
+
+describe('getRolePermissions', () => {
+  it('should return the permissions for the given roles', () => {
+    const rolePermissions = getRolePermissions([Role.Owner, Role.Proposer], {})
+
+    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], {})
+
+    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], {
+      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], {})
+    expect(rolePermissions).toEqual({})
+  })
+
+  it('should return an empty object if being called with an empty roles array', () => {
+    const rolePermissions = getRolePermissions([], {})
+    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..4c1c0aaeb
--- /dev/null
+++ b/apps/web/src/permissions/getRolePermissions.ts
@@ -0,0 +1,19 @@
+import rolePermissionConfig from './config'
+import type { PermissionSet, Role, RoleProps } from './types'
+
+/**
+ * Get the PermissionSet for multiple roles with the given role props object.
+ * @param roles Roles to get permissions for
+ * @param props 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: { [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[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..cdd712efc
--- /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 '../types'
+
+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..599ec02e2
--- /dev/null
+++ b/apps/web/src/permissions/hoc/withPermission.tsx
@@ -0,0 +1,51 @@
+import type { Permission, PermissionProps } from '../types'
+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..bb0cec966
--- /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 '../types'
+
+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..07de04a1f
--- /dev/null
+++ b/apps/web/src/permissions/hoc/withRole.tsx
@@ -0,0 +1,42 @@
+import type { Role } from '../types'
+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..fe6187f11
--- /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 '../types'
+
+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..81901169d
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useHasPermission.ts
@@ -0,0 +1,17 @@
+import type { Permission, PermissionProps } from '../types'
+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..9eea1457b
--- /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 '../types'
+
+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..507c3b98a
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useHasRoles.ts
@@ -0,0 +1,29 @@
+import { useEffect, useState } from 'react'
+import type { Role } from '../types'
+import { useRoles } from './useRoles'
+import { intersection, uniq } from 'lodash'
+
+/**
+ * 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..80e49cc1f
--- /dev/null
+++ b/apps/web/src/permissions/hooks/usePermission.test.ts
@@ -0,0 +1,97 @@
+import { renderHook } from '@/tests/test-utils'
+import { usePermission } from './usePermission'
+import { Permission, Role } from '../types'
+import * as useRoles from './useRoles'
+import * as useRoleProps from './useRoleProps'
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import * as getRolePermissions from '../getRolePermissions'
+
+describe('usePermission', () => {
+  const useRolesSpy = jest.spyOn(useRoles, 'useRoles')
+  const useRolePropsSpy = jest.spyOn(useRoleProps, 'useRoleProps')
+  const getRolePermissionsSpy = jest.spyOn(getRolePermissions, 'getRolePermissions')
+
+  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,
+    },
+  }
+
+  beforeEach(() => {
+    useRolesSpy.mockReturnValue(mockRoles)
+    useRolePropsSpy.mockReturnValue(mockRoleProps)
+    getRolePermissionsSpy.mockReturnValue(mockRolePermissions)
+  })
+
+  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, mockRoleProps)
+  })
+
+  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, mockRoleProps)
+  })
+
+  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], mockRoleProps)
+  })
+
+  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([], mockRoleProps)
+  })
+})
diff --git a/apps/web/src/permissions/hooks/usePermission.ts b/apps/web/src/permissions/hooks/usePermission.ts
new file mode 100644
index 000000000..7ff674a06
--- /dev/null
+++ b/apps/web/src/permissions/hooks/usePermission.ts
@@ -0,0 +1,44 @@
+import { useMemo } from 'react'
+import type { Permission, PermissionProps, Role } from '../types'
+import { useRoles } from './useRoles'
+import { useRoleProps } from './useRoleProps'
+import { getRolePermissions } from '../getRolePermissions'
+
+/**
+ * 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 userPermissions = useMemo(() => {
+    return getRolePermissions(userRoles, roleProps)
+  }, [userRoles, roleProps])
+
+  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..881d17d5d
--- /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 '../types'
+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..63bc84548
--- /dev/null
+++ b/apps/web/src/permissions/hooks/useRoleProps.ts
@@ -0,0 +1,16 @@
+import { useSelector } from 'react-redux'
+import { selectSpendingLimits } from '@/store/spendingLimitsSlice'
+import type { RolePropsMap } from '../types'
+import { Role } from '../types'
+
+/**
+ * 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..4c6b4f71c
--- /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 '../types'
+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..5ce4098f5
--- /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 '../types'
+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/apps/web/src/permissions/types/Permission.ts b/apps/web/src/permissions/types/Permission.ts
new file mode 100644
index 000000000..44a74cb6c
--- /dev/null
+++ b/apps/web/src/permissions/types/Permission.ts
@@ -0,0 +1,8 @@
+export enum Permission {
+  CreateTransaction = 'CreateTransaction',
+  ProposeTransaction = 'ProposeTransaction',
+  SignTransaction = 'SignTransaction',
+  ExecuteTransaction = 'ExecuteTransaction',
+  CreateSpendingLimitTransaction = 'CreateSpendingLimitTransaction',
+  EnablePushNotifications = 'EnablePushNotifications',
+}
diff --git a/apps/web/src/permissions/types/PermissionProps.ts b/apps/web/src/permissions/types/PermissionProps.ts
new file mode 100644
index 000000000..a9edd0265
--- /dev/null
+++ b/apps/web/src/permissions/types/PermissionProps.ts
@@ -0,0 +1,17 @@
+import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import type { Permission } from './Permission'
+import type { TokenInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+/**
+ * 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]: { token?: TokenInfo } | undefined
+}
+
+// Extract the props for a specific permission from PermissionPropsMap
+export type PermissionProps<P extends Permission> = P extends keyof PermissionPropsMap
+  ? PermissionPropsMap[P]
+  : undefined
diff --git a/apps/web/src/permissions/types/PermissionSet.ts b/apps/web/src/permissions/types/PermissionSet.ts
new file mode 100644
index 000000000..d335aced8
--- /dev/null
+++ b/apps/web/src/permissions/types/PermissionSet.ts
@@ -0,0 +1,11 @@
+import type { Permission } from './Permission'
+import type { PermissionProps } from './PermissionProps'
+
+// 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>
+}
diff --git a/apps/web/src/permissions/types/Role.ts b/apps/web/src/permissions/types/Role.ts
new file mode 100644
index 000000000..6921ceb33
--- /dev/null
+++ b/apps/web/src/permissions/types/Role.ts
@@ -0,0 +1,10 @@
+export enum Role {
+  Owner = 'Owner',
+  NestedOwner = 'NestedOwner',
+  Proposer = 'Proposer',
+  Executioner = 'Executioner',
+  ModuleRole = 'ModuleRole',
+  Recoverer = 'Recoverer',
+  SpendingLimitBeneficiary = 'SpendingLimitBeneficiary',
+  NoWalletConnected = 'NoWalletConnected',
+}
diff --git a/apps/web/src/permissions/types/RoleProps.ts b/apps/web/src/permissions/types/RoleProps.ts
new file mode 100644
index 000000000..49a2afa25
--- /dev/null
+++ b/apps/web/src/permissions/types/RoleProps.ts
@@ -0,0 +1,15 @@
+import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
+import type { Role } from './Role'
+
+/**
+ * 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
diff --git a/apps/web/src/permissions/types/index.ts b/apps/web/src/permissions/types/index.ts
new file mode 100644
index 000000000..2b25c537f
--- /dev/null
+++ b/apps/web/src/permissions/types/index.ts
@@ -0,0 +1,16 @@
+import type { PermissionSet } from './PermissionSet'
+import type { Role } from './Role'
+import type { RoleProps } from './RoleProps'
+
+export * from './Role'
+export * from './Permission'
+export * from './PermissionProps'
+export * from './PermissionSet'
+export * from './RoleProps'
+
+export type RolePermissionsFn<R extends Role> =
+  RoleProps<R> extends undefined ? () => PermissionSet : (props: RoleProps<R>) => PermissionSet
+
+export type RolePermissionsConfig = {
+  [R in Role]?: RolePermissionsFn<R>
+}
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 100%
rename from src/service-workers/firebase-messaging/notification-mapper.ts
rename to apps/web/src/service-workers/firebase-messaging/notification-mapper.ts
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/src/services/ExternalStore.ts b/apps/web/src/services/ExternalStore.ts
similarity index 100%
rename from src/services/ExternalStore.ts
rename to apps/web/src/services/ExternalStore.ts
diff --git a/src/services/analytics/TagManager.ts b/apps/web/src/services/analytics/TagManager.ts
similarity index 100%
rename from src/services/analytics/TagManager.ts
rename to apps/web/src/services/analytics/TagManager.ts
diff --git a/src/services/analytics/__tests__/TagManager.test.ts b/apps/web/src/services/analytics/__tests__/TagManager.test.ts
similarity index 100%
rename from src/services/analytics/__tests__/TagManager.test.ts
rename to apps/web/src/services/analytics/__tests__/TagManager.test.ts
diff --git a/src/services/analytics/__tests__/gtm.test.ts b/apps/web/src/services/analytics/__tests__/gtm.test.ts
similarity index 100%
rename from src/services/analytics/__tests__/gtm.test.ts
rename to apps/web/src/services/analytics/__tests__/gtm.test.ts
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..063638f7a
--- /dev/null
+++ b/apps/web/src/services/analytics/__tests__/tx-tracking.test.ts
@@ -0,0 +1,188 @@
+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","name":"Bridge"}'
+    const txType = getTransactionTrackingType(details, origin)
+    expect(txType).toEqual(TX_TYPES.native_bridge)
+  })
+})
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/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..33b1dd635
--- /dev/null
+++ b/apps/web/src/services/analytics/events/modals.ts
@@ -0,0 +1,100 @@
+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,
+  },
+  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,
+  },
+}
+
+export enum MODAL_NAVIGATION {
+  Next = 'Next click',
+  Back = 'Back click',
+}
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..67d05717a
--- /dev/null
+++ b/apps/web/src/services/analytics/events/overview.ts
@@ -0,0 +1,215 @@
+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,
+  },
+}
+
+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',
+}
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 87%
rename from src/services/analytics/events/recovery.ts
rename to apps/web/src/services/analytics/events/recovery.ts
index b6acc7b69..478aa9313 100644
--- a/src/services/analytics/events/recovery.ts
+++ b/apps/web/src/services/analytics/events/recovery.ts
@@ -12,22 +12,22 @@ 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 +37,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 +74,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..32286dfdb
--- /dev/null
+++ b/apps/web/src/services/analytics/events/settings.ts
@@ -0,0 +1,149 @@
+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,
+    },
+  },
+  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,
+    },
+  },
+  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/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..61b198035
--- /dev/null
+++ b/apps/web/src/services/analytics/events/transactions.ts
@@ -0,0 +1,108 @@
+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',
+  nested_safe = 'nested_safe',
+  walletconnect = 'walletconnect',
+  custom = 'custom',
+  native_bridge = 'native_bridge',
+  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,
+  },
+  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 88%
rename from src/services/analytics/events/txList.ts
rename to apps/web/src/services/analytics/events/txList.ts
index 12b0ea586..d6d52c899 100644
--- a/src/services/analytics/events/txList.ts
+++ b/apps/web/src/services/analytics/events/txList.ts
@@ -20,6 +20,10 @@ export const TX_LIST_EVENTS = {
     action: 'Copy deeplink',
     category: TX_LIST_CATEGORY,
   },
+  OPEN_SHARE_BLOCK: {
+    action: 'Open share block',
+    category: TX_LIST_CATEGORY,
+  },
   CONFIRM: {
     action: 'Confirm transaction',
     category: TX_LIST_CATEGORY,
@@ -54,6 +58,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/src/services/analytics/gtm.ts b/apps/web/src/services/analytics/gtm.ts
similarity index 98%
rename from src/services/analytics/gtm.ts
rename to apps/web/src/services/analytics/gtm.ts
index 3945b2d9e..978d090f5 100644
--- a/src/services/analytics/gtm.ts
+++ b/apps/web/src/services/analytics/gtm.ts
@@ -159,7 +159,7 @@ export const normalizeAppName = (appName?: string): string => {
 }
 
 export const gtmTrackSafeApp = (eventData: AnalyticsEvent, appName?: string, sdkEventData?: SafeAppSDKEvent): void => {
-  if (!location.pathname.startsWith(AppRoutes.apps.index)) {
+  if (!location.pathname.startsWith(AppRoutes.apps.index) && !eventData.label) {
     return
   }
 
diff --git a/src/services/analytics/index.ts b/apps/web/src/services/analytics/index.ts
similarity index 100%
rename from src/services/analytics/index.ts
rename to apps/web/src/services/analytics/index.ts
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/src/services/analytics/tx-tracking.ts b/apps/web/src/services/analytics/tx-tracking.ts
similarity index 75%
rename from src/services/analytics/tx-tracking.ts
rename to apps/web/src/services/analytics/tx-tracking.ts
index 0f9af3359..fa2d20c91 100644
--- a/src/services/analytics/tx-tracking.ts
+++ b/apps/web/src/services/analytics/tx-tracking.ts
@@ -1,5 +1,4 @@
 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,
@@ -9,19 +8,23 @@ import {
   isCustomTxInfo,
   isCancellationTxInfo,
   isSwapOrderTxInfo,
+  isAnyStakingTxInfo,
+  isNestedConfirmationTxInfo,
 } from '@/utils/transaction-guards'
+import { BRIDGE_WIDGET_URL } from '@/features/bridge/components/BridgeWidget'
 
-export const getTransactionTrackingType = async (chainId: string, txId: string): Promise<string> => {
-  let details: TransactionDetails
-
-  try {
-    details = await getTxDetails(chainId, txId)
-  } catch {
+export const getTransactionTrackingType = (details: TransactionDetails | undefined, origin?: string): string => {
+  if (!details) {
     return TX_TYPES.custom
   }
 
   const { txInfo } = details
 
+  const isNativeBridge = origin?.includes(BRIDGE_WIDGET_URL)
+  if (isNativeBridge) {
+    return TX_TYPES.native_bridge
+  }
+
   if (isTransferTxInfo(txInfo)) {
     if (isERC721Transfer(txInfo.transferInfo)) {
       return TX_TYPES.transfer_nft
@@ -33,6 +36,10 @@ export const getTransactionTrackingType = async (chainId: string, txId: string):
     return TX_TYPES.native_swap
   }
 
+  if (isAnyStakingTxInfo(txInfo)) {
+    return txInfo.type
+  }
+
   if (isSettingsChangeTxInfo(txInfo)) {
     switch (txInfo.settingsInfo?.type) {
       case SettingsInfoType.ADD_OWNER: {
@@ -69,6 +76,10 @@ export const getTransactionTrackingType = async (chainId: string, txId: string):
       return TX_TYPES.batch
     }
 
+    if (isNestedConfirmationTxInfo(txInfo)) {
+      return TX_TYPES.nested_safe
+    }
+
     return TX_TYPES.walletconnect
   }
 
diff --git a/apps/web/src/services/analytics/types.ts b/apps/web/src/services/analytics/types.ts
new file mode 100644
index 000000000..855b79140
--- /dev/null
+++ b/apps/web/src/services/analytics/types.ts
@@ -0,0 +1,43 @@
+/**
+ * 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',
+}
diff --git a/src/services/analytics/useGtm.ts b/apps/web/src/services/analytics/useGtm.ts
similarity index 94%
rename from src/services/analytics/useGtm.ts
rename to apps/web/src/services/analytics/useGtm.ts
index 95f546f6d..91fcffda1 100644
--- a/src/services/analytics/useGtm.ts
+++ b/apps/web/src/services/analytics/useGtm.ts
@@ -16,7 +16,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'
@@ -29,8 +29,7 @@ import { OVERVIEW_EVENTS } from './events'
 
 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()
diff --git a/src/services/analytics/useMetaEvents.ts b/apps/web/src/services/analytics/useMetaEvents.ts
similarity index 100%
rename from src/services/analytics/useMetaEvents.ts
rename to apps/web/src/services/analytics/useMetaEvents.ts
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 82%
rename from src/services/contracts/__tests__/deployments.test.ts
rename to apps/web/src/services/contracts/__tests__/deployments.test.ts
index dc194418f..38912aa1c 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 { getLatestSafeVersion } from '@/utils/chains'
+import { chainBuilder } from '@/tests/builders/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..d81dcc21c
--- /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 {
+  _getValidatedGetContractProps,
+  isValidMasterCopy,
+  _getMinimumMultiSendCallOnlyVersion,
+  isMigrationToL2Possible,
+} from '../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/deployments.ts b/apps/web/src/services/contracts/deployments.ts
new file mode 100644
index 000000000..ad454b084
--- /dev/null
+++ b/apps/web/src/services/contracts/deployments.ts
@@ -0,0 +1,131 @@
+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, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { getLatestSafeVersion } from '@/utils/chains'
+import { sameAddress } from '@/utils/addresses'
+import { type SafeVersion } from '@safe-global/safe-core-sdk-types'
+
+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: SafeInfo['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: 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, safeVersion)
+}
+
+export const getMultiSendCallOnlyContractDeployment = (chain: ChainInfo, safeVersion: SafeInfo['version']) => {
+  return _tryDeploymentVersions(getMultiSendCallOnlyDeployment, chain, safeVersion)
+}
+
+export const getMultiSendContractDeployment = (chain: ChainInfo, safeVersion: SafeInfo['version']) => {
+  return _tryDeploymentVersions(getMultiSendDeployment, chain, safeVersion)
+}
+
+export const getFallbackHandlerContractDeployment = (chain: ChainInfo, safeVersion: SafeInfo['version']) => {
+  return _tryDeploymentVersions(getFallbackHandlerDeployment, chain, safeVersion)
+}
+
+export const getProxyFactoryContractDeployment = (chain: ChainInfo, safeVersion: SafeInfo['version']) => {
+  return _tryDeploymentVersions(getProxyFactoryDeployment, chain, safeVersion)
+}
+
+export const getSignMessageLibContractDeployment = (chain: ChainInfo, safeVersion: SafeInfo['version']) => {
+  return _tryDeploymentVersions(getSignMessageLibDeployment, chain, safeVersion)
+}
+
+export const getCreateCallContractDeployment = (chain: ChainInfo, safeVersion: SafeInfo['version']) => {
+  return _tryDeploymentVersions(getCreateCallDeployment, chain, safeVersion)
+}
diff --git a/apps/web/src/services/contracts/safeContracts.ts b/apps/web/src/services/contracts/safeContracts.ts
new file mode 100644
index 000000000..8a545fae6
--- /dev/null
+++ b/apps/web/src/services/contracts/safeContracts.ts
@@ -0,0 +1,153 @@
+import { _isL2 } from '@/services/contracts/deployments'
+import { getSafeProvider } from '@/services/tx/tx-sender/sdk'
+import { type GetContractProps, 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 ChainInfo, ImplementationVersionState } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { SafeVersion } from '@safe-global/safe-core-sdk-types'
+import { assertValidSafeVersion, getSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
+import semver from 'semver'
+import { getLatestSafeVersion } from '@/utils/chains'
+import { getSafeToL2MigrationDeployment } from '@safe-global/safe-deployments'
+
+// `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 isMigrationToL2Possible = (safe: SafeInfo): boolean => {
+  return (
+    safe.nonce === 0 &&
+    Boolean(getSafeToL2MigrationDeployment({ network: safe.chainId })?.networkAddresses[safe.chainId])
+  )
+}
+
+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 getGnosisSafeContract = async (safe: SafeInfo, safeProvider: SafeProvider) => {
+  return getSafeContractInstance(
+    _getValidatedGetContractProps(safe.version).safeVersion,
+    safeProvider,
+    safe.address.value,
+  )
+}
+
+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 getCurrentGnosisSafeContract = async (safe: SafeInfo, provider: string) => {
+  const safeProvider = new SafeProvider({ provider })
+
+  return getGnosisSafeContract(safe, safeProvider)
+}
+
+export const getReadOnlyGnosisSafeContract = async (
+  chain: ChainInfo,
+  safeVersion: SafeInfo['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: 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 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)
+}
+
+// GnosisSafeProxyFactory
+
+export const getReadOnlyProxyFactoryContract = async (safeVersion: SafeInfo['version'], contractAddress?: string) => {
+  const safeProvider = getSafeProvider()
+
+  return getSafeProxyFactoryContractInstance(
+    _getValidatedGetContractProps(safeVersion).safeVersion,
+    safeProvider,
+    safeProvider.getExternalProvider(),
+    contractAddress,
+  )
+}
+
+// Fallback handler
+
+export const getReadOnlyFallbackHandlerContract = async (safeVersion: SafeInfo['version']) => {
+  const safeProvider = getSafeProvider()
+
+  return getCompatibilityFallbackHandlerContractInstance(
+    _getValidatedGetContractProps(safeVersion).safeVersion,
+    safeProvider,
+  )
+}
+
+// Sign messages deployment
+
+export const getReadOnlySignMessageLibContract = async (safeVersion: SafeInfo['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..ba41f6c34
--- /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 '@/types/contracts'
+import { AllowanceModule__factory } from '@/types/contracts'
+import type { JsonRpcProvider, JsonRpcSigner } from 'ethers'
+import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@/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: SafeInfo['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: SafeInfo['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: SafeInfo['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/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..60990a26c
--- /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 '../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/src/services/exceptions/ErrorCodes.ts b/apps/web/src/services/exceptions/ErrorCodes.ts
similarity index 91%
rename from src/services/exceptions/ErrorCodes.ts
rename to apps/web/src/services/exceptions/ErrorCodes.ts
index be96e6098..1f9ff94e2 100644
--- a/src/services/exceptions/ErrorCodes.ts
+++ b/apps/web/src/services/exceptions/ErrorCodes.ts
@@ -38,10 +38,12 @@ 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: User account not found',
+  _641 = '641: Error creating user account',
 
   _700 = '700: Failed to read from local/session storage',
   _701 = '701: Failed to write to local/session storage',
@@ -67,6 +69,9 @@ 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',
 
   _900 = '900: Error loading Safe App',
   _901 = '901: Error processing Safe Apps SDK request',
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/src/services/exceptions/__tests__/utils.test.ts b/apps/web/src/services/exceptions/__tests__/utils.test.ts
similarity index 100%
rename from src/services/exceptions/__tests__/utils.test.ts
rename to apps/web/src/services/exceptions/__tests__/utils.test.ts
diff --git a/src/services/exceptions/index.ts b/apps/web/src/services/exceptions/index.ts
similarity index 100%
rename from src/services/exceptions/index.ts
rename to apps/web/src/services/exceptions/index.ts
diff --git a/apps/web/src/services/exceptions/utils.ts b/apps/web/src/services/exceptions/utils.ts
new file mode 100644
index 000000000..710ac4464
--- /dev/null
+++ b/apps/web/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/src/services/local-storage/Storage.ts b/apps/web/src/services/local-storage/Storage.ts
similarity index 100%
rename from src/services/local-storage/Storage.ts
rename to apps/web/src/services/local-storage/Storage.ts
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..3c65e4b0c
--- /dev/null
+++ b/apps/web/src/services/local-storage/useLocalStorage.ts
@@ -0,0 +1,81 @@
+import { useCallback, useEffect } from 'react'
+import ExternalStore from '../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 100%
rename from src/services/ls-migration/addedSafes.ts
rename to apps/web/src/services/ls-migration/addedSafes.ts
diff --git a/src/services/ls-migration/addressBook.ts b/apps/web/src/services/ls-migration/addressBook.ts
similarity index 100%
rename from src/services/ls-migration/addressBook.ts
rename to apps/web/src/services/ls-migration/addressBook.ts
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 89%
rename from src/services/onboard.ts
rename to apps/web/src/services/onboard.ts
index 206588ea0..7ed0c0bb3 100644
--- a/src/services/onboard.ts
+++ b/apps/web/src/services/onboard.ts
@@ -4,6 +4,7 @@ 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'
 
 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/apps/web/src/services/onboard/ledger-module.ts b/apps/web/src/services/onboard/ledger-module.ts
new file mode 100644
index 000000000..7637dbb53
--- /dev/null
+++ b/apps/web/src/services/onboard/ledger-module.ts
@@ -0,0 +1,377 @@
+import type { DeviceActionState } from '@ledgerhq/device-management-kit'
+import type {
+  GetAddressDAOutput,
+  SignPersonalMessageDAOutput,
+  SignTransactionDAOutput,
+  SignTypedDataDAOutput,
+  TypedData,
+} from '@ledgerhq/device-signer-kit-ethereum'
+import type { Chain, WalletInit, WalletInterface } from '@web3-onboard/common'
+import type { Account, Asset, BasePath, DerivationPath, ScanAccountsOptions } from '@web3-onboard/hw-common'
+
+const LEDGER_LIVE_PATH: DerivationPath = "44'/60'"
+const LEDGER_DEFAULT_PATH: DerivationPath = "44'/60'/0'"
+
+const DEFAULT_BASE_PATHS: Array<BasePath> = [
+  {
+    label: 'Ledger Live',
+    value: LEDGER_LIVE_PATH,
+  },
+  {
+    label: 'Ledger Legacy',
+    value: LEDGER_DEFAULT_PATH,
+  },
+]
+
+const DEFAULT_ASSETS: Array<Asset> = [
+  {
+    label: 'ETH',
+  },
+]
+
+// Error code returned by Ledger device when user rejects action
+const REJECTION_ERROR_CODE = '6985'
+
+export function ledgerModuleV2(): WalletInit {
+  return () => {
+    return {
+      label: 'Ledger',
+      getIcon: async (): Promise<string> => `
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="160" height="160" rx="16" fill="#00000D"/>
+<path d="M93.1482 119.207V125H135V98.8769H128.902V119.207H93.1482ZM93.1482 33V38.792H128.902V59.1231H135V33H93.1482ZM74.0104 59.1231H67.9125V98.8769H95.4153V93.6539H74.0104V59.1231ZM26 98.8769V125H67.8518V119.207H32.0979V98.8769H26ZM26 33V59.1231H32.0979V38.792H67.8518V33H26Z" fill="white"/>
+</svg>`,
+      getInterface: async ({ chains, EventEmitter }): Promise<WalletInterface> => {
+        const DEFAULT_CHAIN = chains[0]
+
+        const { createEIP1193Provider, ProviderRpcError, ProviderRpcErrorCode } = await import('@web3-onboard/common')
+        const { accountSelect, getHardwareWalletProvider } = await import('@web3-onboard/hw-common')
+        const { getBytes, Signature, Transaction, JsonRpcProvider } = await import('ethers')
+
+        const eventEmitter = new EventEmitter()
+        const ledgerSdk = await getLedgerSdk()
+
+        /* -------------------------------------------------------------------------- */
+        /*                                    State                                   */
+        /* -------------------------------------------------------------------------- */
+
+        let currentChain = DEFAULT_CHAIN
+        let currentAccount: Account | null = null
+
+        // Sets the current chain and emits the chainChanged event
+        function setCurrentChain(chainId: Chain['id']): void {
+          const newChain = chains.find((chain) => chain.id === chainId)
+          if (!newChain) {
+            throw new ProviderRpcError({
+              code: ProviderRpcErrorCode.UNRECOGNIZED_CHAIN_ID,
+              message: `Unrecognized chain ID: ${chainId}`,
+            })
+          }
+          currentChain = newChain
+          eventEmitter.emit('chainChanged', currentChain.id)
+        }
+
+        // Sets the current account and emits the accountsChanged event
+        function setCurrentAccount(account: Account): void {
+          currentAccount = account
+          eventEmitter.emit('accountsChanged', [account.address])
+        }
+
+        // Clears the current account and emits the accountsChanged event
+        function clearCurrentAccount(): void {
+          currentAccount = null
+          eventEmitter.emit('accountsChanged', [])
+        }
+
+        // Clears the current chain and emits the chainChanged event
+        function clearCurrentChain(): void {
+          currentChain = DEFAULT_CHAIN
+          eventEmitter.emit('chainChanged', currentChain.id)
+        }
+
+        // Gets the asserted derivation path from the current account
+        function getAssertedDerivationPath(): DerivationPath {
+          if (!currentAccount?.derivationPath) {
+            throw new ProviderRpcError({
+              code: -32000, // Method handler crashed
+              message: 'No derivation path found',
+            })
+          }
+          return currentAccount.derivationPath
+        }
+
+        /* -------------------------------------------------------------------------- */
+        /*                              EIP-1193 provider                             */
+        /* -------------------------------------------------------------------------- */
+
+        const eip1193Provider = createEIP1193Provider(
+          getHardwareWalletProvider(() => {
+            const rpcUrl = currentChain.rpcUrl
+            if (!rpcUrl) {
+              throw new ProviderRpcError({
+                code: ProviderRpcErrorCode.UNRECOGNIZED_CHAIN_ID,
+                message: `No RPC found for chain ID: ${currentChain.id}`,
+              })
+            }
+            return rpcUrl
+          }),
+          {
+            eth_requestAccounts: async () => {
+              const accounts = await getAccounts()
+              return [accounts[0].address]
+            },
+            eth_selectAccounts: async () => {
+              const accounts = await getAccounts()
+              return accounts.map((account) => account.address)
+            },
+            eth_accounts: async () => {
+              if (!currentAccount) {
+                return []
+              }
+              return [currentAccount.address]
+            },
+            eth_chainId: async () => {
+              return currentChain.id
+            },
+            eth_signTransaction: async (args) => {
+              const txParams = args.params[0]
+
+              const gasLimit = txParams.gas ?? txParams.gasLimit
+              const transaction = Transaction.from({
+                chainId: BigInt(currentChain.id),
+                data: txParams.data,
+                gasLimit: gasLimit ? BigInt(gasLimit) : null,
+                gasPrice: txParams.gasPrice ? BigInt(txParams.gasPrice) : null,
+                maxFeePerGas: txParams.maxFeePerGas ? BigInt(txParams.maxFeePerGas) : null,
+                maxPriorityFeePerGas: txParams.maxPriorityFeePerGas ? BigInt(txParams.maxPriorityFeePerGas) : null,
+                nonce: txParams.nonce ? parseInt(txParams.nonce, 16) : null,
+                to: txParams.to,
+                value: txParams.value ? BigInt(txParams.value) : null,
+              })
+
+              transaction.signature = await ledgerSdk.signTransaction(getAssertedDerivationPath(), transaction)
+
+              return transaction.serialized
+            },
+            eth_sendTransaction: async (args) => {
+              const signedTransaction = await eip1193Provider.request({
+                method: 'eth_signTransaction',
+                params: args.params,
+              })
+              return (await eip1193Provider.request({
+                method: 'eth_sendRawTransaction',
+                params: [signedTransaction],
+              })) as string
+            },
+            eth_sign: async (args) => {
+              const message = args.params[1]
+              const signature = await ledgerSdk.signMessage(
+                getAssertedDerivationPath(),
+                // Safe signs bytes
+                getBytes(message),
+              )
+              return Signature.from(signature).serialized
+            },
+            personal_sign: async (args) => {
+              // personal_sign params are the inverse of eth_sign
+              const [message, address] = args.params
+              return await eip1193Provider.request({
+                method: 'eth_sign',
+                params: [address, message],
+              })
+            },
+            eth_signTypedData: async (args) => {
+              const typedData = JSON.parse(args.params[1])
+              const signature = await ledgerSdk.signTypedData(getAssertedDerivationPath(), typedData)
+              return Signature.from(signature).serialized
+            },
+            // @ts-expect-error createEIP1193Provider does not allow overriding eth_signTypedData_v3
+            eth_signTypedData_v3: async (args) => {
+              return await eip1193Provider.request({ method: 'eth_signTypedData', params: args.params })
+            },
+            // @ts-expect-error createEIP1193Provider does not allow overriding eth_signTypedData_v4
+            eth_signTypedData_v4: async (args) => {
+              return await eip1193Provider.request({ method: 'eth_signTypedData', params: args.params })
+            },
+            wallet_switchEthereumChain: async (args) => {
+              const chainId = args.params[0].chainId
+              setCurrentChain(chainId)
+              return null
+            },
+          },
+        )
+
+        // Disconnects Ledger device and clears current account and chain
+        eip1193Provider.disconnect = async () => {
+          await ledgerSdk.disconnect()
+          clearCurrentAccount()
+          clearCurrentChain()
+        }
+
+        // createEIP1193Provider does not bind EventEmitter
+        eip1193Provider.on = eventEmitter.on.bind(eventEmitter)
+        eip1193Provider.removeListener = eventEmitter.removeListener.bind(eventEmitter)
+
+        /* -------------------------------------------------------------------------- */
+        /*                       Web3-Onboard account selection                       */
+        /* -------------------------------------------------------------------------- */
+
+        /**
+         * Gets a list of derived accounts from Ledger device for selection
+         * and sets the first account as the current account
+         */
+        async function getAccounts(): Promise<Array<Account>> {
+          const accounts = await accountSelect({
+            basePaths: DEFAULT_BASE_PATHS,
+            assets: DEFAULT_ASSETS,
+            chains,
+            scanAccounts: deriveAccounts,
+          })
+
+          if (accounts.length > 0) {
+            setCurrentAccount(accounts[0])
+          }
+
+          return accounts
+        }
+
+        /**
+         * Gets a list of derived accounts from Ledger device for selection
+         * If a custom derivation path is provided, one account is returned
+         * otherwise a minimum of 5 accounts are returned
+         */
+        async function deriveAccounts(args: ScanAccountsOptions): Promise<Array<Account>> {
+          const MAX_ZERO_BALANCE_ACCOUNTS = 5
+
+          setCurrentChain(args.chainId)
+
+          const provider = new JsonRpcProvider(currentChain.rpcUrl)
+
+          // Only return exact account from custom derivation
+          if (args.derivationPath !== LEDGER_LIVE_PATH && args.derivationPath !== LEDGER_DEFAULT_PATH) {
+            const account = await deriveAccount({ ...args, provider })
+            return [account]
+          }
+
+          const accounts = []
+          let zeroBalanceAccounts = 0
+          let index = 0
+
+          // Iterates until 0 balance account, then add 4 more 0 balance accounts after
+          while (zeroBalanceAccounts < MAX_ZERO_BALANCE_ACCOUNTS) {
+            const account = await deriveAccount({
+              derivationPath:
+                args.derivationPath === LEDGER_LIVE_PATH
+                  ? `${args.derivationPath}/${index}'/0/0`
+                  : `${args.derivationPath}/${index}`,
+              provider,
+              asset: args.asset,
+            })
+            accounts.push(account)
+
+            if (typeof account.balance.value !== 'bigint' && account.balance.value.isZero()) {
+              zeroBalanceAccounts++
+            } else {
+              zeroBalanceAccounts = 0
+            }
+
+            index++
+          }
+
+          return accounts
+        }
+
+        // Gets derived account from Ledger device for selection in Web3-Onboard
+        async function deriveAccount(args: {
+          derivationPath: string
+          provider: InstanceType<typeof JsonRpcProvider>
+          asset: Asset
+        }): Promise<Account> {
+          const { address } = await ledgerSdk.getAddress(args.derivationPath)
+          const balance = await args.provider.getBalance(address)
+
+          return {
+            derivationPath: args.derivationPath,
+            address,
+            balance: {
+              asset: args.asset.label,
+              value: BigInt(balance),
+            },
+          }
+        }
+
+        return {
+          provider: eip1193Provider,
+        }
+      },
+    }
+  }
+}
+
+// Promisified Ledger SDK
+async function getLedgerSdk() {
+  const { BuiltinTransports, DeviceActionStatus, DeviceManagementKitBuilder } = await import(
+    '@ledgerhq/device-management-kit'
+  )
+  const { SignerEthBuilder } = await import('@ledgerhq/device-signer-kit-ethereum')
+  const { makeError } = await import('ethers')
+  const { default: get } = await import('lodash/get')
+  const { lastValueFrom } = await import('rxjs')
+
+  // Get connected device and create signer
+  const transport = BuiltinTransports.USB
+  const dmk = new DeviceManagementKitBuilder().addTransport(transport).build()
+  const device = await lastValueFrom(dmk.startDiscovering({ transport }))
+  const sessionId = await dmk.connect({ device })
+
+  // TODO: Create a Safe-specific ContextModule for clear signing
+  // @see https://github.com/LedgerHQ/device-sdk-ts/tree/develop/packages/signer/context-module
+  const signer = new SignerEthBuilder({ dmk, sessionId }).build()
+
+  function mapOutput<T>(actionState: DeviceActionState<T, unknown, unknown>): T {
+    switch (actionState.status) {
+      case DeviceActionStatus.Completed: {
+        return actionState.output
+      }
+      case DeviceActionStatus.Error: {
+        const errorCode = get(actionState.error, 'originalError.errorCode')
+        const isRejection = errorCode === REJECTION_ERROR_CODE
+
+        if (!isRejection) {
+          throw actionState.error
+        }
+
+        throw makeError('user rejected action', 'ACTION_REJECTED', {
+          action: 'unknown',
+          reason: 'rejected',
+          info: actionState,
+        })
+      }
+      default: {
+        throw new Error(`Device ${actionState.status}`)
+      }
+    }
+  }
+
+  return {
+    disconnect: async () => {
+      return dmk.disconnect({ sessionId })
+    },
+    getAddress: async (derivationPath: string): Promise<GetAddressDAOutput> => {
+      const actionState = await lastValueFrom(signer.getAddress(derivationPath, { checkOnDevice: false }).observable)
+      return mapOutput(actionState)
+    },
+    signMessage: async (derivationPath: string, message: string | Uint8Array): Promise<SignPersonalMessageDAOutput> => {
+      const actionState = await lastValueFrom(signer.signMessage(derivationPath, message).observable)
+      return mapOutput(actionState)
+    },
+    signTransaction: async (derivationPath: string, transaction: any): Promise<SignTransactionDAOutput> => {
+      const actionState = await lastValueFrom(signer.signTransaction(derivationPath, transaction).observable)
+      return mapOutput(actionState)
+    },
+    signTypedData: async (derivationPath: string, typedData: TypedData): Promise<SignTypedDataDAOutput> => {
+      const actionState = await lastValueFrom(signer.signTypedData(derivationPath, typedData).observable)
+      return mapOutput(actionState)
+    },
+  }
+}
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..303617128
--- /dev/null
+++ b/apps/web/src/services/private-key-module/index.ts
@@ -0,0 +1,140 @@
+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 }) => {
+                const signedMessage = wallet.signingKey.sign(params[0])
+                return signedMessage.serialized
+              },
+
+              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
+                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/private-key-module/pk-popup-store.ts b/apps/web/src/services/private-key-module/pk-popup-store.ts
similarity index 100%
rename from src/services/private-key-module/pk-popup-store.ts
rename to apps/web/src/services/private-key-module/pk-popup-store.ts
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 88%
rename from src/services/safe-apps/AppCommunicator.ts
rename to apps/web/src/services/safe-apps/AppCommunicator.ts
index 624d42d82..913db1709 100644
--- a/src/services/safe-apps/AppCommunicator.ts
+++ b/apps/web/src/services/safe-apps/AppCommunicator.ts
@@ -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 100%
rename from src/services/safe-apps/manifest.ts
rename to apps/web/src/services/safe-apps/manifest.ts
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 95%
rename from src/services/safe-messages/__tests__/safeMsgSender.test.ts
rename to apps/web/src/services/safe-messages/__tests__/safeMsgSender.test.ts
index 57e3e273a..c8a92b0cb 100644
--- a/src/services/safe-messages/__tests__/safeMsgSender.test.ts
+++ b/apps/web/src/services/safe-messages/__tests__/safeMsgSender.test.ts
@@ -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, {
@@ -88,9 +88,9 @@ describe('safeMsgSender', () => {
           test: 'Hello World!',
         },
       }
-      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 +103,7 @@ describe('safeMsgSender', () => {
       expect(proposeSafeMessageSpy).toHaveBeenCalledWith('5', zeroPadValue('0x0789', 20), {
         message,
         signature: mockValidSignature,
-        safeAppId,
+        origin,
       })
     })
 
@@ -125,15 +125,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 +155,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 100%
rename from src/services/safe-messages/safeMsgNotifications.ts
rename to apps/web/src/services/safe-messages/safeMsgNotifications.ts
diff --git a/src/services/safe-messages/safeMsgSender.ts b/apps/web/src/services/safe-messages/safeMsgSender.ts
similarity index 97%
rename from src/services/safe-messages/safeMsgSender.ts
rename to apps/web/src/services/safe-messages/safeMsgSender.ts
index 5cedd7a46..8d1f1265c 100644
--- a/src/services/safe-messages/safeMsgSender.ts
+++ b/apps/web/src/services/safe-messages/safeMsgSender.ts
@@ -12,12 +12,12 @@ export const dispatchSafeMsgProposal = async ({
   provider,
   safe,
   message,
-  safeAppId,
+  origin = '',
 }: {
   provider: Eip1193Provider
   safe: SafeInfo
   message: SafeMessage['message']
-  safeAppId?: number
+  origin: string | undefined
 }): Promise<void> => {
   const messageHash = generateSafeMessageHash(safe, message)
 
@@ -33,7 +33,7 @@ export const dispatchSafeMsgProposal = async ({
     await proposeSafeMessage(safe.chainId, safe.address.value, {
       message: normalizedMessage,
       signature,
-      safeAppId,
+      origin,
     })
   } catch (error) {
     safeMsgDispatch(SafeMsgEvent.PROPOSE_FAILED, {
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..d59cd5c74
--- /dev/null
+++ b/apps/web/src/services/safe-wallet-provider/index.test.ts
@@ -0,0 +1,849 @@
+// Unit tests for the SafeWalletProvider class
+import { faker } from '@faker-js/faker'
+import { SafeWalletProvider } from '.'
+import { ERC20__factory } from '@/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: 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 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: {
+            receipts: [
+              {
+                blockHash: receipt.blockHash,
+                blockNumber: receipt.blockNumber,
+                chainId: '0x1',
+                gasUsed: receipt.gasUsed,
+                logs: receipt.logs,
+                status: '0x1',
+                transactionHash: '0x123',
+              },
+            ],
+            status: 'CONFIRMED',
+          },
+        })
+      })
+
+      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: {
+            receipts: [
+              {
+                blockHash: numberToHex(Number(receipt.blockHash)),
+                blockNumber: numberToHex(Number(receipt.blockNumber)),
+                chainId: '0x1',
+                gasUsed: numberToHex(receipt.gasUsed),
+                logs: receipt.logs,
+                status: '0x1',
+                transactionHash: '0x123',
+              },
+            ],
+            status: 'CONFIRMED',
+          },
+        })
+      })
+
+      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: {
+            status: 'PENDING',
+          },
+        })
+      })
+
+      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: {
+            status: 'PENDING',
+          },
+        })
+      })
+    })
+
+    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..4a3282776
--- /dev/null
+++ b/apps/web/src/services/safe-wallet-provider/index.ts
@@ -0,0 +1,445 @@
+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':
+      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 [
+            {
+              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<{
+    status: BundleStatus
+    receipts?: Array<{
+      logs: TransactionReceipt['logs']
+      status: `0x${string}` // Hex 1 or 0 for success or failure, respectively
+      chainId: `0x${string}`
+      blockHash: `0x${string}`
+      blockNumber: `0x${string}`
+      gasUsed: `0x${string}`
+      transactionHash: `0x${string}`
+    }>
+  }> {
+    let tx: TransactionDetails | undefined
+
+    try {
+      tx = await this.sdk.getBySafeTxHash(safeTxHash)
+    } catch (e) {}
+
+    if (!tx) {
+      throw new Error('Transaction not found')
+    }
+
+    const status = BundleTxStatuses[tx.txStatus]
+
+    if (!tx.txHash) {
+      return {
+        status,
+      }
+    }
+
+    const receipt = await (this.sdk.proxy('eth_getTransactionReceipt', [
+      tx.txHash,
+    ]) as Promise<TransactionReceipt | null>)
+    if (!receipt) {
+      return { status }
+    }
+
+    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)
+
+    const receipts = Array.from({ length: calls }, () => ({
+      logs: receipt.logs,
+      status: numberToHex(tx.txStatus === TransactionStatus.SUCCESS ? 1 : 0),
+      chainId: numberToHex(this.safe.chainId),
+      blockHash: receipt.blockHash as `0x${string}`,
+      blockNumber: numberToHex(blockNumber),
+      gasUsed: numberToHex(gasUsed),
+      transactionHash: tx.txHash as `0x${string}`,
+    }))
+
+    return {
+      status,
+      receipts,
+    }
+  }
+  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 83%
rename from src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
rename to apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
index f1cf2c374..967db2f30 100644
--- a/src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
+++ b/apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.test.tsx
@@ -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 { faker } from '@faker-js/faker'
 import { Interface } from 'ethers'
 import { getCreateCallDeployment } from '@safe-global/safe-deployments'
+import { useCurrentChain } from '@/hooks/useChains'
+import { chainBuilder } from '@/tests/builders/chains'
 
 const appInfo = {
   id: 1,
@@ -30,9 +33,21 @@ jest.mock('./notifications', () => {
   }
 })
 
+jest.mock('@/hooks/useChains', () => ({
+  __esModule: true,
+  ...jest.requireActual('@/hooks/useChains'),
+  useCurrentChain: jest.fn(),
+}))
+
 describe('useSafeWalletProvider', () => {
+  const mockUseCurrentChain = useCurrentChain as jest.MockedFunction<typeof useCurrentChain>
+
   beforeEach(() => {
     jest.clearAllMocks()
+
+    mockUseCurrentChain.mockReturnValue(
+      chainBuilder().with({ chainId: '1', recommendedMasterCopyVersion: '1.4.1' }).build(),
+    )
   })
 
   describe('useSafeWalletProvider', () => {
@@ -60,7 +75,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 +93,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 +113,7 @@ describe('useSafeWalletProvider', () => {
         name: appInfo.name,
         message: 'message',
         requestId: expect.any(String),
-        safeAppId: 1,
+        origin: appInfo.url,
       })
 
       expect(resp).toBeInstanceOf(Promise)
@@ -111,10 +126,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 +178,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 +236,7 @@ describe('useSafeWalletProvider', () => {
         name: appInfo.name,
         message: typedMessage,
         requestId: expect.any(String),
-        safeAppId: 1,
+        origin: appInfo.url,
       })
 
       expect(resp).toBeInstanceOf(Promise)
@@ -221,10 +248,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 +312,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 +328,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 +355,7 @@ describe('useSafeWalletProvider', () => {
         send: mockSend,
       }))
 
-      const { result } = renderHook(() => _useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
+      const { result } = renderHook(() => useTxFlowApi('1', '0x1234567890000000000000000000000000000000'))
 
       result.current?.proxy('eth_chainId', [])
 
@@ -346,7 +373,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 +390,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 95%
rename from src/services/safe-wallet-provider/useSafeWalletProvider.tsx
rename to apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.tsx
index 6bb82c093..20daa9781 100644
--- a/src/services/safe-wallet-provider/useSafeWalletProvider.tsx
+++ b/apps/web/src/services/safe-wallet-provider/useSafeWalletProvider.tsx
@@ -24,7 +24,7 @@ import { selectOnChainSigning } from '@/store/settingsSlice'
 import { isOffchainEIP1271Supported } from '@/utils/safe-messages'
 import { getCreateCallContractDeployment } from '../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)
@@ -90,9 +90,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,
           )
@@ -208,7 +208,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 +233,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/apps/web/src/services/security/modules/ApprovalModule/index.ts b/apps/web/src/services/security/modules/ApprovalModule/index.ts
new file mode 100644
index 000000000..d513507b0
--- /dev/null
+++ b/apps/web/src/services/security/modules/ApprovalModule/index.ts
@@ -0,0 +1,140 @@
+import {
+  APPROVAL_SIGNATURE_HASH,
+  INCREASE_ALLOWANCE_SIGNATURE_HASH,
+} from '@/components/tx/ApprovalEditor/utils/approvals'
+import { ERC20__factory } from '@/types/contracts'
+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'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+
+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 = 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/apps/web/src/services/security/modules/BlockaidModule/index.ts b/apps/web/src/services/security/modules/BlockaidModule/index.ts
new file mode 100644
index 000000000..be434f5fa
--- /dev/null
+++ b/apps/web/src/services/security/modules/BlockaidModule/index.ts
@@ -0,0 +1,155 @@
+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'
+import type { AssetDiff, TransactionScanResponse } from './types'
+import { BLOCKAID_API, BLOCKAID_CLIENT_ID } from '@/config/constants'
+import { numberToHex } from '@/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 | EIP712TypedData
+  threshold: number
+  origin?: string
+}
+
+export type BlockaidModuleResponse = {
+  description?: string
+  classification?: string
+  reason?: string
+  issues: {
+    severity: SecuritySeverity
+    description: string
+  }[]
+  balanceChange: AssetDiff[]
+  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 } = request
+    const message = BlockaidModule.prepareMessage(request)
+
+    const payload: BlockaidPayload = {
+      chain: numberToHex(chainId),
+      account_address: safeAddress,
+      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 error: Error | undefined = undefined
+    if (simulation?.status === 'Success') {
+      balanceChange = simulation.assets_diffs[safeAddress]
+    } else if (simulation?.status === 'Error') {
+      error = new Error('Simulation failed')
+    }
+
+    // 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,
+        error,
+      },
+    }
+  }
+}
diff --git a/apps/web/src/services/security/modules/BlockaidModule/types.ts b/apps/web/src/services/security/modules/BlockaidModule/types.ts
new file mode 100644
index 000000000..e956e32f8
--- /dev/null
+++ b/apps/web/src/services/security/modules/BlockaidModule/types.ts
@@ -0,0 +1,619 @@
+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>>
+}
+
+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/apps/web/src/services/security/modules/DelegateCallModule/index.test.ts b/apps/web/src/services/security/modules/DelegateCallModule/index.test.ts
new file mode 100644
index 000000000..c8d3506f8
--- /dev/null
+++ b/apps/web/src/services/security/modules/DelegateCallModule/index.test.ts
@@ -0,0 +1,90 @@
+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'
+import { chainBuilder } from '@/tests/builders/chains'
+
+describe('DelegateCallModule', () => {
+  const DelegateCallModuleInstance = new DelegateCallModule()
+
+  const chainInfo = chainBuilder().with({ chainId: '1' }).build()
+
+  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/apps/web/src/services/security/modules/DelegateCallModule/index.ts b/apps/web/src/services/security/modules/DelegateCallModule/index.ts
new file mode 100644
index 000000000..4fe516f74
--- /dev/null
+++ b/apps/web/src/services/security/modules/DelegateCallModule/index.ts
@@ -0,0 +1,53 @@
+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 { ChainInfo, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+
+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/apps/web/src/services/security/modules/types.ts
similarity index 100%
rename from src/services/security/modules/types.ts
rename to apps/web/src/services/security/modules/types.ts
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/index.ts b/apps/web/src/services/siwe/index.ts
new file mode 100644
index 000000000..cc051b660
--- /dev/null
+++ b/apps/web/src/services/siwe/index.ts
@@ -0,0 +1,40 @@
+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
+ */
+export const signInWithEthereum = async (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:
+      'By signing, you are agreeing to store this data on the Safe Cloud. This does not initiate a transaction or cost any fees.',
+    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 })
+}
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 100%
rename from src/services/tx/__tests__/encodeSignatures.test.ts
rename to apps/web/src/services/tx/__tests__/encodeSignatures.test.ts
diff --git a/src/services/tx/__tests__/extractTxInfo.test.ts b/apps/web/src/services/tx/__tests__/extractTxInfo.test.ts
similarity index 100%
rename from src/services/tx/__tests__/extractTxInfo.test.ts
rename to apps/web/src/services/tx/__tests__/extractTxInfo.test.ts
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..314f9cfd5
--- /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 '@/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 { getLatestSafeVersion } from '@/utils/chains'
+import { chainBuilder } from '@/tests/builders/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 97%
rename from src/services/tx/__tests__/txEvents.test.ts
rename to apps/web/src/services/tx/__tests__/txEvents.test.ts
index d6a11e623..be2f36b42 100644
--- a/src/services/tx/__tests__/txEvents.test.ts
+++ b/apps/web/src/services/tx/__tests__/txEvents.test.ts
@@ -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 100%
rename from src/services/tx/encodeSignatures.ts
rename to apps/web/src/services/tx/encodeSignatures.ts
diff --git a/src/services/tx/extractTxInfo.ts b/apps/web/src/services/tx/extractTxInfo.ts
similarity index 89%
rename from src/services/tx/extractTxInfo.ts
rename to apps/web/src/services/tx/extractTxInfo.ts
index 6fc690beb..c40e6862d 100644
--- a/src/services/tx/extractTxInfo.ts
+++ b/apps/web/src/services/tx/extractTxInfo.ts
@@ -61,6 +61,10 @@ const extractTxInfo = (
         return txDetails.txData?.value ?? '0'
       case 'SwapOrder':
         return txDetails.txData?.value ?? '0'
+      case 'NativeStakingDeposit':
+      case 'NativeStakingValidatorsExit':
+      case 'NativeStakingWithdraw':
+        return txDetails.txData?.value ?? '0'
       case 'Custom':
         return txDetails.txInfo.value
       case 'Creation':
@@ -87,6 +91,14 @@ const extractTxInfo = (
           throw new Error('Order tx data does not have a `to` field')
         }
         return orderTo
+      case 'NativeStakingDeposit':
+      case 'NativeStakingValidatorsExit':
+      case 'NativeStakingWithdraw':
+        const stakingTo = txDetails.txData?.to.value
+        if (!stakingTo) {
+          throw new Error('Staking tx data does not have a `to` field')
+        }
+        return stakingTo
       case 'Custom':
         return txDetails.txInfo.to.value
       case 'Creation':
diff --git a/src/services/tx/proposeTransaction.ts b/apps/web/src/services/tx/proposeTransaction.ts
similarity index 100%
rename from src/services/tx/proposeTransaction.ts
rename to apps/web/src/services/tx/proposeTransaction.ts
diff --git a/apps/web/src/services/tx/safeUpdateParams.ts b/apps/web/src/services/tx/safeUpdateParams.ts
new file mode 100644
index 000000000..1eda91e09
--- /dev/null
+++ b/apps/web/src/services/tx/safeUpdateParams.ts
@@ -0,0 +1,71 @@
+import type { SafeContractImplementationType } from '@safe-global/protocol-kit/dist/src/types/contracts'
+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 semverSatisfies from 'semver/functions/satisfies'
+import { getReadOnlyFallbackHandlerContract, getReadOnlyGnosisSafeContract } from '@/services/contracts/safeContracts'
+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 { getLatestSafeVersion } from '@/utils/chains'
+import { createUpdateMigration } from '@/utils/safe-migrations'
+
+const getChangeFallbackHandlerCallData = async (
+  safeContractInstance: SafeContractImplementationType,
+  chain: ChainInfo,
+): Promise<string> => {
+  if (!hasSafeFeature(SAFE_FEATURES.SAFE_FALLBACK_HANDLER, getLatestSafeVersion(chain))) {
+    return '0x'
+  }
+
+  const fallbackHandlerAddress = await (
+    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: SafeInfo, 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 (
+    await getReadOnlyGnosisSafeContract(chain, getLatestSafeVersion(chain))
+  ).getAddress()
+  const currentReadOnlySafeContract = await getReadOnlyGnosisSafeContract(chain, safe.version)
+
+  const updatedReadOnlySafeContract = await getReadOnlyGnosisSafeContract(chain, getLatestSafeVersion(chain, true))
+
+  // @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
+}
diff --git a/src/services/tx/spendingLimitParams.ts b/apps/web/src/services/tx/spendingLimitParams.ts
similarity index 99%
rename from src/services/tx/spendingLimitParams.ts
rename to apps/web/src/services/tx/spendingLimitParams.ts
index 8246f32ab..e1ea0f9e9 100644
--- a/src/services/tx/spendingLimitParams.ts
+++ b/apps/web/src/services/tx/spendingLimitParams.ts
@@ -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 87%
rename from src/services/tx/tokenTransferParams.ts
rename to apps/web/src/services/tx/tokenTransferParams.ts
index 233c5664b..31d17999f 100644
--- a/src/services/tx/tokenTransferParams.ts
+++ b/apps/web/src/services/tx/tokenTransferParams.ts
@@ -1,5 +1,5 @@
 import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
-import type { DecodedDataResponse } from '@safe-global/safe-gateway-typescript-sdk'
+import { ConfirmationViewTypes, type BaselineConfirmationView } from '@safe-global/safe-gateway-typescript-sdk'
 import { safeParseUnits } from '@/utils/formatters'
 import { Interface } from 'ethers'
 import { checksumAddress, sameAddress } from '@/utils/addresses'
@@ -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 79%
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..32fc249c9 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,
@@ -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]
@@ -534,7 +484,7 @@ describe('txSender', () => {
           },
         } as any,
         getAddress: async () => mockMultisendAddress,
-      } as MultiSendCallOnlyEthersContract
+      } as MultiSendCallOnlyContractImplementationType
 
       jest
         .spyOn(safeContracts, 'getReadOnlyMultiSendCallOnlyContract')
diff --git a/src/services/tx/tx-sender/create.ts b/apps/web/src/services/tx/tx-sender/create.ts
similarity index 88%
rename from src/services/tx/tx-sender/create.ts
rename to apps/web/src/services/tx/tx-sender/create.ts
index 150cbb3a5..7152601bd 100644
--- a/src/services/tx/tx-sender/create.ts
+++ b/apps/web/src/services/tx/tx-sender/create.ts
@@ -25,6 +25,17 @@ export const createMultiSendCallOnlyTx = async (txParams: MetaTransactionData[])
   return safeSDK.createTransaction({ transactions: txParams, onlyCalls: true })
 }
 
+/**
+ * Create a multiSend transaction from an array of MetaTransactionData and options
+ * If only one tx is passed it will be created without multiSend and without onlyCalls.
+ *
+ * This function can create delegateCalls, which is usually not necessary
+ */
+export const __unsafe_createMultiSendTx = async (txParams: MetaTransactionData[]): Promise<SafeTransaction> => {
+  const safeSDK = getAndValidateSafeSDK()
+  return safeSDK.createTransaction({ transactions: txParams, onlyCalls: false })
+}
+
 export const createRemoveOwnerTx = async (txParams: RemoveOwnerTxParams): Promise<SafeTransaction> => {
   const safeSDK = getAndValidateSafeSDK()
   return safeSDK.createRemoveOwnerTx(txParams)
@@ -41,7 +52,7 @@ export const createAddOwnerTx = async (
   const safeVersion = await safeSDK.getContractVersion()
 
   const contract = await getReadOnlyGnosisSafeContract(chain, safeVersion)
-  // @ts-ignore TODO: Fix overload issue
+  // @ts-ignore
   const data = contract.encode('addOwnerWithThreshold', [txParams.ownerAddress, txParams.threshold])
 
   const tx = {
@@ -66,6 +77,7 @@ export const createSwapOwnerTx = async (
   const safeVersion = await 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 = {
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..3b8264360
--- /dev/null
+++ b/apps/web/src/services/tx/tx-sender/dispatch.ts
@@ -0,0 +1,589 @@
+import type { ConnectedWallet } from '@/hooks/wallets/useOnboard'
+import { isMultisigExecutionInfo } from '@/utils/transaction-guards'
+import { isHardwareWallet, isSmartContractWallet } from '@/utils/wallets'
+import type { MultiSendCallOnlyContractImplementationType } from '@safe-global/protocol-kit'
+import {
+  type ChainInfo,
+  relayTransaction,
+  type SafeInfo,
+  type TransactionDetails,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import type {
+  SafeSignature,
+  SafeTransaction,
+  Transaction,
+  TransactionOptions,
+  TransactionResult,
+} from '@safe-global/safe-core-sdk-types'
+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 '@/services/exceptions/utils'
+import chains from '@/config/chains'
+import { createExistingTx } from './create'
+import { getLatestSafeVersion } from '@/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,
+  isLedger?: boolean,
+): Promise<SafeTransaction> => {
+  const sdk = await getSafeSDKWithSigner(provider)
+
+  let signedTx: SafeTransaction | undefined
+  try {
+    signedTx = await tryOffChainTxSigning(safeTx, sdk, isLedger)
+  } 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 (isHardwareWallet(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: SafeInfo['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 ? { 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: SafeInfo['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, safeAddress, 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,
+    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,
+    txType: 'SafeTx',
+  })
+
+  return result.hash
+}
+
+export const dispatchBatchExecution = async (
+  txs: TransactionDetails[],
+  multiSendContract: MultiSendCallOnlyContractImplementationType,
+  multiSendTxData: string,
+  provider: Eip1193Provider,
+  signerAddress: string,
+  safeAddress: string,
+  overrides: Omit<Overrides, 'nonce'> & { nonce: number },
+  nonce: number,
+) => {
+  const groupKey = multiSendTxData
+
+  let result: ContractTransactionResponse
+  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)
+    // @ts-ignore
+    result = await multiSendContract.contract.connect(signer).multiSend(multiSendTxData, 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 = await 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: SafeInfo['chainId'],
+  safeAddress: string,
+  safeModules: SafeInfo['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 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,
+  chain: ChainInfo,
+  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 ?? 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: 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, 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 100%
rename from src/services/tx/tx-sender/recommendedNonce.ts
rename to apps/web/src/services/tx/tx-sender/recommendedNonce.ts
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..4ee4f15d5
--- /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/safe-core-sdk-types'
+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 '@/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,
+  isLedger = false,
+): Promise<SafeTransaction> => {
+  return sdk.signTransaction(safeTx, isLedger ? 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/src/services/tx/tx-sender/spendingLimit.ts b/apps/web/src/services/tx/tx-sender/spendingLimit.ts
similarity index 79%
rename from src/services/tx/tx-sender/spendingLimit.ts
rename to apps/web/src/services/tx/tx-sender/spendingLimit.ts
index c1b4908f9..cd8c64499 100644
--- a/src/services/tx/tx-sender/spendingLimit.ts
+++ b/apps/web/src/services/tx/tx-sender/spendingLimit.ts
@@ -1,6 +1,9 @@
 import type { SpendingLimitState } from '@/store/spendingLimitsSlice'
 import { getSafeSDK } from '@/hooks/coreSDK/safeCoreSDK'
-import { getSpendingLimitModuleAddress } from '@/services/contracts/spendingLimitContracts'
+import {
+  getLatestSpendingLimitAddress,
+  getDeployedSpendingLimitModuleAddress,
+} from '@/services/contracts/spendingLimitContracts'
 import type { MetaTransactionData } from '@safe-global/safe-core-sdk-types'
 import {
   createAddDelegateTx,
@@ -8,7 +11,7 @@ import {
   createResetAllowanceTx,
   createSetAllowanceTx,
 } from '@/services/tx/spendingLimitParams'
-import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import type { ChainInfo, SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
 import { parseUnits } from 'ethers'
 import { currentMinutes } from '@/utils/date'
 import { createMultiSendCallOnlyTx } from '@/services/tx/tx-sender/create'
@@ -25,21 +28,26 @@ export const createNewSpendingLimitTx = async (
   data: NewSpendingLimitData,
   spendingLimits: SpendingLimitState[],
   chainId: string,
-  chain: ChainInfo | undefined,
+  chain: ChainInfo,
+  safeModules: SafeInfo['modules'],
   deployed: boolean,
   tokenDecimals?: number,
   existingSpendingLimit?: SpendingLimitState,
 ) => {
   const sdk = getSafeSDK()
-  const spendingLimitAddress = getSpendingLimitModuleAddress(chainId)
-  if (!spendingLimitAddress || !sdk) return
+  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) {
-    if (!chain) return
-
     const enableModuleTx = await createEnableModuleTx(
       chain,
       await sdk.getAddress(),
@@ -55,8 +63,7 @@ export const createNewSpendingLimitTx = async (
 
     txs.push(tx)
   } else {
-    const isSpendingLimitEnabled = await sdk.isModuleEnabled(spendingLimitAddress)
-    if (!isSpendingLimitEnabled) {
+    if (!isModuleEnabled) {
       const enableModuleTx = await sdk.createEnableModuleTx(spendingLimitAddress)
 
       const tx = {
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 81%
rename from src/services/tx/txMonitor.ts
rename to apps/web/src/services/tx/txMonitor.ts
index 293180812..a6a82317d 100644
--- a/src/services/tx/txMonitor.ts
+++ b/apps/web/src/services/tx/txMonitor.ts
@@ -4,6 +4,7 @@ import { txDispatch, TxEvent } from '@/services/tx/txEvents'
 
 import { POLLING_INTERVAL } from '@/config/constants'
 import { Errors, logError } from '@/services/exceptions'
+import { getSafeTransaction } from '@/utils/transactions'
 import { asError } from '../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 100%
rename from src/store/__tests__/safeMessagesSlice.test.ts
rename to apps/web/src/store/__tests__/safeMessagesSlice.test.ts
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..f307c2f66
--- /dev/null
+++ b/apps/web/src/store/__tests__/txHistorySlice.test.ts
@@ -0,0 +1,193 @@
+import * as txEvents from '@/services/tx/txEvents'
+import { pendingTxBuilder } from '@/tests/builders/pendingTx'
+import { createListenerMiddleware } from '@reduxjs/toolkit'
+import type { ConflictHeader, DateLabel, Label, TransactionListItem } 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'
+
+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,
+          },
+        },
+      } 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 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',
+        },
+      } as TransactionListItem
+
+      const action = txHistorySlice.actions.set({
+        loading: false,
+        data: {
+          results: [transaction],
+        },
+      })
+
+      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
+
+      expect(txDispatchSpy).not.toHaveBeenCalled()
+    })
+
+    it('should clear a replaced pending transaction', () => {
+      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: '0x456',
+          executionInfo: {
+            nonce: 1,
+            type: 'MULTISIG',
+          },
+        },
+      } as TransactionListItem
+
+      const action = txHistorySlice.actions.set({
+        loading: false,
+        data: {
+          results: [transaction],
+        },
+      })
+
+      listenerMiddlewareInstance.middleware(listenerApi)(jest.fn())(action)
+
+      expect(listenerApi.dispatch).toHaveBeenCalledWith({
+        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/src/store/addedSafesSlice.ts b/apps/web/src/store/addedSafesSlice.ts
similarity index 75%
rename from src/store/addedSafesSlice.ts
rename to apps/web/src/store/addedSafesSlice.ts
index 94d97c290..a46fa5b35 100644
--- a/src/store/addedSafesSlice.ts
+++ b/apps/web/src/store/addedSafesSlice.ts
@@ -1,7 +1,6 @@
 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]: {
@@ -17,10 +16,6 @@ export type AddedSafesState = {
 
 const initialState: AddedSafesState = {}
 
-const isAddedSafe = (state: AddedSafesState, chainId: string, safeAddress: string) => {
-  return !!state[chainId]?.[safeAddress]
-}
-
 export const addedSafesSlice = createSlice({
   name: 'addedSafes',
   initialState,
@@ -54,26 +49,24 @@ export const addedSafesSlice = createSlice({
         delete state[chainId]
       }
     },
-  },
-  extraReducers(builder) {
-    builder.addCase(safeInfoSlice.actions.set, (state, { payload }) => {
-      if (!payload.data) {
-        return
-      }
+    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
 
-      const { chainId, address } = payload.data
+      delete state[chainId]?.[address]
 
-      if (isAddedSafe(state, chainId, address.value)) {
-        addedSafesSlice.caseReducers.addOrUpdateSafe(state, {
-          type: addOrUpdateSafe.type,
-          payload: { safe: payload.data },
-        })
+      if (state[chainId] && Object.keys(state[chainId]).length === 0) {
+        delete state[chainId]
       }
-    })
+    },
   },
 })
 
-export const { addOrUpdateSafe, removeSafe } = addedSafesSlice.actions
+export const { addOrUpdateSafe, removeSafe, pinSafe, unpinSafe } = addedSafesSlice.actions
 
 export const selectAllAddedSafes = (state: RootState): AddedSafesState => {
   return state[addedSafesSlice.name]
diff --git a/src/store/addressBookSlice.ts b/apps/web/src/store/addressBookSlice.ts
similarity index 80%
rename from src/store/addressBookSlice.ts
rename to apps/web/src/store/addressBookSlice.ts
index ebc481cbc..81c4fd015 100644
--- a/src/store/addressBookSlice.ts
+++ b/apps/web/src/store/addressBookSlice.ts
@@ -24,13 +24,15 @@ export const addressBookSlice = createSlice({
       return action.payload
     },
 
-    upsertAddressBookEntry: (state, action: PayloadAction<{ chainId: string; address: string; name: string }>) => {
-      const { chainId, address, name } = action.payload
+    upsertAddressBookEntries: (state, action: PayloadAction<{ chainIds: string[]; address: string; name: string }>) => {
+      const { chainIds, address, name } = action.payload
       if (name.trim() === '') {
         return
       }
-      if (!state[chainId]) state[chainId] = {}
-      state[chainId][address] = name
+      chainIds.forEach((chainId) => {
+        if (!state[chainId]) state[chainId] = {}
+        state[chainId][address] = name
+      })
     },
 
     removeAddressBookEntry: (state, action: PayloadAction<{ chainId: string; address: string }>) => {
@@ -43,7 +45,7 @@ export const addressBookSlice = createSlice({
   },
 })
 
-export const { setAddressBook, upsertAddressBookEntry, removeAddressBookEntry } = addressBookSlice.actions
+export const { setAddressBook, upsertAddressBookEntries, removeAddressBookEntry } = addressBookSlice.actions
 
 export const selectAllAddressBooks = (state: RootState): AddressBookState => {
   return state[addressBookSlice.name]
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..302dcde47
--- /dev/null
+++ b/apps/web/src/store/api/gateway/index.ts
@@ -0,0 +1,93 @@
+import { proposerEndpoints } from '@/store/api/gateway/proposers'
+import { createApi, fakeBaseQuery } from '@reduxjs/toolkit/query/react'
+import {
+  type AllOwnedSafes,
+  getAllOwnedSafes,
+  getTransactionDetails,
+  type TransactionDetails,
+  type OwnedSafes,
+  getOwnedSafes,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { asError } from '@/services/exceptions/utils'
+import { safeOverviewEndpoints } from './safeOverviews'
+import { createSubmission, 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 const gatewayApi = createApi({
+  reducerPath: 'gatewayApi',
+  baseQuery: fakeBaseQuery<Error>(),
+  tagTypes: ['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))))
+      },
+    }),
+    getAllOwnedSafes: builder.query<AllOwnedSafes, { walletAddress: string }>({
+      queryFn({ walletAddress }) {
+        return buildQueryFn(() => getAllOwnedSafes(walletAddress))
+      },
+    }),
+    getOwnedSafes: builder.query<OwnedSafes, { chainId: string; walletAddress: string }>({
+      queryFn({ chainId, walletAddress }) {
+        return buildQueryFn(() => getOwnedSafes(chainId, walletAddress))
+      },
+    }),
+    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,
+  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..5e98301f9
--- /dev/null
+++ b/apps/web/src/store/api/gateway/proposers.ts
@@ -0,0 +1,122 @@
+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'
+import { toChecksumAddress } from '@/utils/rsk-utils'
+
+export const proposerEndpoints = (
+  builder: EndpointBuilder<ReturnType<typeof fakeBaseQuery<Error>>, '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
+      isHardwareWallet: boolean
+    }
+  >({
+    queryFn({ chainId, safeAddress, delegateAddress, delegator, signature, isHardwareWallet }) {
+      const options = {
+        params: { path: { chainId, delegateAddress } },
+        body: { safe: safeAddress, signature, delegator },
+      }
+      return buildQueryFn(() =>
+        isHardwareWallet
+          ? 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 }, (draft) => {
+          // Use the same address format as the server call
+          const normalizedDelegateAddress =
+            chainId === '30' || chainId === '31'
+              ? delegateAddress.toLowerCase()
+              : toChecksumAddress(delegateAddress, chainId)
+          const normalizedDelegator =
+            chainId === '30' || chainId === '31' ? delegator.toLowerCase() : toChecksumAddress(delegator, chainId)
+
+          draft.results = draft.results.filter((delegate: Delegate) => {
+            // Normalize both addresses from the cache for comparison
+            const normalizedCacheDelegate =
+              chainId === '30' || chainId === '31'
+                ? delegate.delegate.toLowerCase()
+                : toChecksumAddress(delegate.delegate, chainId)
+            const normalizedCacheDelegator =
+              chainId === '30' || chainId === '31'
+                ? delegate.delegator.toLowerCase()
+                : toChecksumAddress(delegate.delegator, chainId)
+
+            // Remove the proposer if both delegate and delegator match
+            return !(
+              normalizedCacheDelegate === normalizedDelegateAddress && normalizedCacheDelegator === normalizedDelegator
+            )
+          })
+        }),
+      )
+      try {
+        await queryFulfilled
+      } catch {
+        patchResult.undo()
+      }
+    },
+  }),
+  addProposer: builder.mutation<
+    Delegate,
+    {
+      chainId: string
+      safeAddress: string
+      delegate: string
+      delegator: string
+      label: string
+      signature: string
+      isHardwareWallet: boolean
+    }
+  >({
+    queryFn({ chainId, safeAddress, delegate, delegator, label, signature, isHardwareWallet }) {
+      const options = {
+        params: { path: { chainId } },
+        body: { delegate, delegator, label, signature, safe: safeAddress },
+      }
+
+      return buildQueryFn(() => (isHardwareWallet ? 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 }, (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..8bb8aa728
--- /dev/null
+++ b/apps/web/src/store/api/gateway/safeOverviews.ts
@@ -0,0 +1,160 @@
+import { type EndpointBuilder } from '@reduxjs/toolkit/query/react'
+
+import { type SafeOverview, getSafeOverviews } from '@safe-global/safe-gateway-typescript-sdk'
+import { sameAddress } from '@/utils/addresses'
+import type { RootState } from '../..'
+import { selectCurrency } from '../../settingsSlice'
+import { type SafeItem } from '@/features/myAccounts/hooks/useAllSafes'
+import { asError } from '@/services/exceptions/utils'
+
+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 = 50
+
+const makeSafeId = (chainId: string, address: string) => `${chainId}:${address}` as `${number}:0x${string}`
+
+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) => makeSafeId(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, '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/src/store/balancesSlice.ts b/apps/web/src/store/balancesSlice.ts
similarity index 100%
rename from src/store/balancesSlice.ts
rename to apps/web/src/store/balancesSlice.ts
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..34376dc84
--- /dev/null
+++ b/apps/web/src/store/index.ts
@@ -0,0 +1,155 @@
+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,
+} 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'
+
+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,
+})
+
+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,
+]
+
+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]
+
+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)
+  }
+
+  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 85%
rename from src/store/pendingTxsSlice.ts
rename to apps/web/src/store/pendingTxsSlice.ts
index 4c263ede8..8eee001fd 100644
--- a/src/store/pendingTxsSlice.ts
+++ b/apps/web/src/store/pendingTxsSlice.ts
@@ -2,9 +2,11 @@ import { createSelector, createSlice, type PayloadAction } from '@reduxjs/toolki
 
 import type { RootState } from '@/store'
 import { sameAddress } from '@/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/src/store/safeInfoSlice.ts b/apps/web/src/store/safeInfoSlice.ts
similarity index 100%
rename from src/store/safeInfoSlice.ts
rename to apps/web/src/store/safeInfoSlice.ts
diff --git a/src/store/safeMessagesSlice.ts b/apps/web/src/store/safeMessagesSlice.ts
similarity index 100%
rename from src/store/safeMessagesSlice.ts
rename to apps/web/src/store/safeMessagesSlice.ts
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/src/store/settingsSlice.ts b/apps/web/src/store/settingsSlice.ts
similarity index 94%
rename from src/store/settingsSlice.ts
rename to apps/web/src/store/settingsSlice.ts
index f92495868..e977c9d21 100644
--- a/src/store/settingsSlice.ts
+++ b/apps/web/src/store/settingsSlice.ts
@@ -29,7 +29,7 @@ export type SettingsState = {
 
   tokenList: TOKEN_LISTS
 
-  showOnlyTrustedTransactions?: boolean
+  hideSuspiciousTransactions?: boolean
 
   shortName: {
     copy: boolean
@@ -53,7 +53,7 @@ export const initialState: SettingsState = {
 
   hiddenTokens: {},
 
-  showOnlyTrustedTransactions: false,
+  hideSuspiciousTransactions: true,
 
   shortName: {
     copy: true,
@@ -100,8 +100,8 @@ export const settingsSlice = createSlice({
     setTokenList: (state, { payload }: PayloadAction<SettingsState['tokenList']>) => {
       state.tokenList = payload
     },
-    setshowOnlyTrustedTransactions: (state, { payload }: PayloadAction<boolean>) => {
-      state.showOnlyTrustedTransactions = payload
+    hideSuspiciousTransactions: (state, { payload }: PayloadAction<boolean>) => {
+      state.hideSuspiciousTransactions = payload
     },
     setRpc: (state, { payload }: PayloadAction<{ chainId: string; rpc: string }>) => {
       const { chainId, rpc } = payload
@@ -135,7 +135,7 @@ export const {
   setDarkMode,
   setHiddenTokensForChain,
   setTokenList,
-  setshowOnlyTrustedTransactions,
+  hideSuspiciousTransactions,
   setRpc,
   setTenderly,
   setOnChainSigning,
diff --git a/src/store/slices.ts b/apps/web/src/store/slices.ts
similarity index 83%
rename from src/store/slices.ts
rename to apps/web/src/store/slices.ts
index 210bd7d7c..7f4dd6cd2 100644
--- a/src/store/slices.ts
+++ b/apps/web/src/store/slices.ts
@@ -19,3 +19,7 @@ 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'
diff --git a/src/store/spendingLimitsSlice.ts b/apps/web/src/store/spendingLimitsSlice.ts
similarity index 100%
rename from src/store/spendingLimitsSlice.ts
rename to apps/web/src/store/spendingLimitsSlice.ts
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..80b1e35ae
--- /dev/null
+++ b/apps/web/src/store/txHistorySlice.ts
@@ -0,0 +1,67 @@
+import type { listenerMiddlewareInstance } from '@/store'
+import { createSelector } from '@reduxjs/toolkit'
+import type { TransactionListPage } from '@safe-global/safe-gateway-typescript-sdk'
+import {
+  isCreationTxInfo,
+  isIncomingTransfer,
+  isMultisigExecutionInfo,
+  isTransactionListItem,
+} from '@/utils/transaction-guards'
+import { txDispatch, TxEvent } from '@/services/tx/txEvents'
+import { clearPendingTx, 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 pendingTxByNonce = Object.entries(pendingTxs).find(([, pendingTx]) =>
+          isMultisigExecutionInfo(result.transaction.executionInfo)
+            ? pendingTx.nonce === result.transaction.executionInfo.nonce
+            : false,
+        )
+
+        if (!pendingTxByNonce) continue
+
+        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 92%
rename from src/store/txQueueSlice.ts
rename to apps/web/src/store/txQueueSlice.ts
index 37ca6c0ae..f5decbd53 100644
--- a/src/store/txQueueSlice.ts
+++ b/apps/web/src/store/txQueueSlice.ts
@@ -8,6 +8,8 @@ import { PendingStatus, selectPendingTxs } from './pendingTxsSlice'
 import { sameAddress } from '@/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 100%
rename from src/styles/vars.css
rename to apps/web/src/styles/vars.css
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..ed3b333f0
--- /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 { 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 }),
+    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/src/tests/builders/messages.ts b/apps/web/src/tests/builders/messages.ts
similarity index 100%
rename from src/tests/builders/messages.ts
rename to apps/web/src/tests/builders/messages.ts
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 92%
rename from src/tests/builders/safe.ts
rename to apps/web/src/tests/builders/safe.ts
index 1ecacd8cd..e7f9972b6 100644
--- a/src/tests/builders/safe.ts
+++ b/apps/web/src/tests/builders/safe.ts
@@ -5,7 +5,6 @@ import type { SafeInfo, AddressEx } from '@safe-global/safe-gateway-typescript-s
 
 import { Builder } from '../Builder'
 import { generateRandomArray } from './utils'
-import { LATEST_SAFE_VERSION } from '@/config/constants'
 import { checksumAddress } from '@/utils/addresses'
 import type { IBuilder } from '../Builder'
 
@@ -20,9 +19,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 +31,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..a6065e3c0
--- /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 '@/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/src/tests/builders/safeMessage.ts b/apps/web/src/tests/builders/safeMessage.ts
similarity index 100%
rename from src/tests/builders/safeMessage.ts
rename to apps/web/src/tests/builders/safeMessage.ts
diff --git a/apps/web/src/tests/builders/safeTx.ts b/apps/web/src/tests/builders/safeTx.ts
new file mode 100644
index 000000000..449238592
--- /dev/null
+++ b/apps/web/src/tests/builders/safeTx.ts
@@ -0,0 +1,113 @@
+import { Builder, type IBuilder } from '@/tests/Builder'
+import { faker } from '@faker-js/faker'
+import { type SafeTransactionData, type SafeSignature, type SafeTransaction } from '@safe-global/safe-core-sdk-types'
+import { ZERO_ADDRESS } from '@safe-global/protocol-kit/dist/src/utils/constants'
+import {
+  type Custom,
+  DetailedExecutionInfoType,
+  type MultisigExecutionInfo,
+  type TransactionInfo,
+  TransactionInfoType,
+  type TransactionSummary,
+} 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(),
+  })
+}
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 95%
rename from src/tests/mocks/contractManager.ts
rename to apps/web/src/tests/mocks/contractManager.ts
index 3e7e33dfe..86eb6c8d1 100644
--- a/src/tests/mocks/contractManager.ts
+++ b/apps/web/src/tests/mocks/contractManager.ts
@@ -4,7 +4,6 @@ import {
 } from '@/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..894d7c9cf
--- /dev/null
+++ b/apps/web/src/tests/test-utils.tsx
@@ -0,0 +1,162 @@
+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'
+import { checksumAddress } from '@/utils/addresses'
+import { faker } from '@faker-js/faker'
+import { userEvent } from '@testing-library/user-event'
+
+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 })
+}
+
+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
+}
+
+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),
+  }
+}
+
+// re-export everything
+export * from '@testing-library/react'
+
+// override render method
+export { customRender as render }
+export { customRenderHook as renderHook }
+export { mockWeb3Provider }
diff --git a/apps/web/src/tests/transactions.ts b/apps/web/src/tests/transactions.ts
new file mode 100644
index 000000000..3cfdfea9d
--- /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/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'
+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__/addresses.test.ts b/apps/web/src/utils/__tests__/addresses.test.ts
new file mode 100644
index 000000000..e76d8adf3
--- /dev/null
+++ b/apps/web/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/apps/web/src/utils/__tests__/chains.test.ts b/apps/web/src/utils/__tests__/chains.test.ts
new file mode 100644
index 000000000..3f5d16b26
--- /dev/null
+++ b/apps/web/src/utils/__tests__/chains.test.ts
@@ -0,0 +1,78 @@
+import { hasFeature, getBlockExplorerLink, FEATURES, getLatestSafeVersion } from '@/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(),
+            true,
+          ),
+        ).toEqual('1.4.1')
+        expect(
+          getLatestSafeVersion(
+            chainBuilder().with({ chainId: '137', recommendedMasterCopyVersion: '1.3.0' }).build(),
+            true,
+          ),
+        ).toEqual('1.3.0')
+      })
+
+      it('should always return LATEST_VERSION if true is not passed', () => {
+        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.4.1')
+      })
+
+      it('should fall back to LATEST_VERSION', () => {
+        expect(
+          getLatestSafeVersion(
+            chainBuilder().with({ chainId: '11155111', recommendedMasterCopyVersion: null }).build(),
+            true,
+          ),
+        ).toEqual('1.4.1')
+      })
+    })
+  })
+})
diff --git a/apps/web/src/utils/__tests__/date.test.ts b/apps/web/src/utils/__tests__/date.test.ts
new file mode 100644
index 000000000..26a4b8745
--- /dev/null
+++ b/apps/web/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/apps/web/src/utils/__tests__/formatNumber.test.ts b/apps/web/src/utils/__tests__/formatNumber.test.ts
new file mode 100644
index 000000000..d222a0e5b
--- /dev/null
+++ b/apps/web/src/utils/__tests__/formatNumber.test.ts
@@ -0,0 +1,93 @@
+import { formatAmountPrecise, formatAmount, formatCurrency, formatCurrencyPrecise } 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')
+    })
+  })
+
+  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 ')
+    })
+  })
+})
diff --git a/apps/web/src/utils/__tests__/formatters.test.ts b/apps/web/src/utils/__tests__/formatters.test.ts
new file mode 100644
index 000000000..c77424456
--- /dev/null
+++ b/apps/web/src/utils/__tests__/formatters.test.ts
@@ -0,0 +1,119 @@
+import * as formatters from '@/utils/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('')
+    })
+  })
+})
diff --git a/src/utils/__tests__/gateway.test.ts b/apps/web/src/utils/__tests__/gateway.test.ts
similarity index 100%
rename from src/utils/__tests__/gateway.test.ts
rename to apps/web/src/utils/__tests__/gateway.test.ts
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__/safe-hashes.test.ts b/apps/web/src/utils/__tests__/safe-hashes.test.ts
new file mode 100644
index 000000000..562748ef6
--- /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/safe-core-sdk-types'
+
+// <= 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 100%
rename from src/utils/__tests__/safe-messages.test.ts
rename to apps/web/src/utils/__tests__/safe-messages.test.ts
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..478b346ee
--- /dev/null
+++ b/apps/web/src/utils/__tests__/safe-migrations.test.ts
@@ -0,0 +1,388 @@
+import {
+  type ChainInfo,
+  ImplementationVersionState,
+  type TransactionData,
+} from '@safe-global/safe-gateway-typescript-sdk'
+import { OperationType } from '@safe-global/safe-core-sdk-types'
+import { prependSafeToL2Migration } from '../safe-migrations'
+import { extractMigrationL2MasterCopyAddress } from '@/features/multichain/utils/extract-migration-data'
+import { extendedSafeInfoBuilder } from '@/tests/builders/safe'
+import { chainBuilder } from '@/tests/builders/chains'
+import { safeSignatureBuilder, safeTxBuilder, safeTxDataBuilder } from '@/tests/builders/safeTx'
+import {
+  getMultiSendCallOnlyDeployment,
+  getMultiSendDeployment,
+  getSafeL2SingletonDeployment,
+  getSafeSingletonDeployment,
+  getSafeToL2MigrationDeployment,
+} from '@safe-global/safe-deployments'
+import type Safe from '@safe-global/protocol-kit'
+import { encodeMultiSendData } from '@safe-global/protocol-kit'
+import { Multi_send__factory, Safe_to_l2_migration__factory } from '@/types/contracts'
+import { faker } from '@faker-js/faker'
+import { getAndValidateSafeSDK } from '@/services/tx/tx-sender/sdk'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { checksumAddress } from '../addresses'
+import { createUpdateMigration } from '../safe-migrations'
+
+jest.mock('@/services/tx/tx-sender/sdk')
+
+const safeToL2MigrationDeployment = getSafeToL2MigrationDeployment()
+const safeToL2MigrationAddress = safeToL2MigrationDeployment?.defaultAddress
+const safeToL2MigrationInterface = Safe_to_l2_migration__factory.createInterface()
+const multisendInterface = Multi_send__factory.createInterface()
+
+describe('prependSafeToL2Migration', () => {
+  const mockGetAndValidateSdk = getAndValidateSafeSDK as jest.MockedFunction<typeof getAndValidateSafeSDK>
+
+  beforeEach(() => {
+    // Mock create Tx
+    mockGetAndValidateSdk.mockReturnValue({
+      createTransaction: ({ transactions, onlyCalls }) => {
+        return Promise.resolve(
+          safeTxBuilder()
+            .with({
+              data: safeTxDataBuilder()
+                .with({
+                  to: onlyCalls
+                    ? (getMultiSendCallOnlyDeployment()?.defaultAddress ?? faker.finance.ethereumAddress())
+                    : (getMultiSendDeployment()?.defaultAddress ?? faker.finance.ethereumAddress()),
+                  value: '0',
+                  data: Multi_send__factory.createInterface().encodeFunctionData('multiSend', [
+                    encodeMultiSendData(transactions),
+                  ]),
+                  nonce: 0,
+                  operation: 1,
+                })
+                .build(),
+            })
+            .build(),
+        )
+      },
+    } as Safe)
+  })
+
+  it('should return undefined for undefined safeTx', () => {
+    expect(
+      prependSafeToL2Migration(undefined, extendedSafeInfoBuilder().build(), chainBuilder().build()),
+    ).resolves.toBeUndefined()
+  })
+
+  it('should throw if chain is undefined', () => {
+    expect(() => prependSafeToL2Migration(undefined, extendedSafeInfoBuilder().build(), undefined)).toThrowError()
+  })
+
+  it('should not modify tx if the chain is L1', () => {
+    const safeTx = safeTxBuilder()
+      .with({ data: safeTxDataBuilder().with({ nonce: 0 }).build() })
+      .build()
+
+    const safeInfo = extendedSafeInfoBuilder()
+      .with({ implementationVersionState: ImplementationVersionState.UNKNOWN })
+      .build()
+
+    expect(prependSafeToL2Migration(safeTx, safeInfo, chainBuilder().with({ l2: false }).build())).resolves.toEqual(
+      safeTx,
+    )
+  })
+
+  it('should not modify tx if the nonce is > 0', () => {
+    const safeTx = safeTxBuilder()
+      .with({ data: safeTxDataBuilder().with({ nonce: 1 }).build() })
+      .build()
+
+    const safeInfo = extendedSafeInfoBuilder()
+      .with({ implementationVersionState: ImplementationVersionState.UNKNOWN })
+      .build()
+
+    expect(prependSafeToL2Migration(safeTx, safeInfo, chainBuilder().with({ l2: true }).build())).resolves.toEqual(
+      safeTx,
+    )
+  })
+
+  it('should not modify tx if implementationState is correct', () => {
+    const safeTx = safeTxBuilder()
+      .with({ data: safeTxDataBuilder().with({ nonce: 0 }).build() })
+      .build()
+
+    const safeInfo = extendedSafeInfoBuilder()
+      .with({ implementationVersionState: ImplementationVersionState.UP_TO_DATE })
+      .build()
+    expect(prependSafeToL2Migration(safeTx, safeInfo, chainBuilder().with({ l2: true }).build())).resolves.toEqual(
+      safeTx,
+    )
+  })
+
+  it('should not modify tx if the tx is already signed', () => {
+    const safeTx = safeTxBuilder()
+      .with({ data: safeTxDataBuilder().with({ nonce: 0 }).build() })
+      .build()
+
+    safeTx.addSignature(safeSignatureBuilder().build())
+
+    const safeInfo = extendedSafeInfoBuilder()
+      .with({ implementationVersionState: ImplementationVersionState.UNKNOWN })
+      .build()
+
+    expect(prependSafeToL2Migration(safeTx, safeInfo, chainBuilder().with({ l2: true }).build())).resolves.toEqual(
+      safeTx,
+    )
+  })
+
+  it('should not modify tx if the chain has no migration lib deployed', () => {
+    const safeTx = safeTxBuilder()
+      .with({ data: safeTxDataBuilder().with({ nonce: 0 }).build() })
+      .build()
+
+    const safeInfo = extendedSafeInfoBuilder()
+      .with({ implementationVersionState: ImplementationVersionState.UNKNOWN })
+      .build()
+
+    expect(
+      prependSafeToL2Migration(safeTx, safeInfo, chainBuilder().with({ l2: true, chainId: '69420' }).build()),
+    ).resolves.toEqual(safeTx)
+  })
+
+  it('should not modify tx if the tx already migrates', () => {
+    const safeL2SingletonDeployment = getSafeL2SingletonDeployment()?.defaultAddress
+
+    const safeTx = safeTxBuilder()
+      .with({
+        data: safeTxDataBuilder()
+          .with({
+            nonce: 0,
+            to: safeToL2MigrationAddress,
+            data:
+              safeL2SingletonDeployment &&
+              safeToL2MigrationInterface.encodeFunctionData('migrateToL2', [safeL2SingletonDeployment]),
+          })
+          .build(),
+      })
+      .build()
+    const safeInfo = extendedSafeInfoBuilder()
+      .with({
+        implementationVersionState: ImplementationVersionState.UNKNOWN,
+        implementation: {
+          name: '1.3.0',
+          value: getSafeSingletonDeployment()?.defaultAddress ?? faker.finance.ethereumAddress(),
+        },
+      })
+      .build()
+    expect(
+      prependSafeToL2Migration(safeTx, safeInfo, chainBuilder().with({ l2: true, chainId: '10' }).build()),
+    ).resolves.toEqual(safeTx)
+    const multiSendSafeTx = safeTxBuilder()
+      .with({
+        data: safeTxDataBuilder()
+          .with({
+            nonce: 0,
+            to: getMultiSendDeployment()?.defaultAddress,
+            data:
+              safeToL2MigrationAddress &&
+              safeL2SingletonDeployment &&
+              Multi_send__factory.createInterface().encodeFunctionData('multiSend', [
+                encodeMultiSendData([
+                  {
+                    value: '0',
+                    operation: 1,
+                    to: safeToL2MigrationAddress,
+                    data: safeToL2MigrationInterface.encodeFunctionData('migrateToL2', [safeL2SingletonDeployment]),
+                  },
+                ]),
+              ]),
+          })
+          .build(),
+      })
+      .build()
+    expect(
+      prependSafeToL2Migration(multiSendSafeTx, safeInfo, chainBuilder().with({ l2: true, chainId: '10' }).build()),
+    ).resolves.toEqual(multiSendSafeTx)
+  })
+
+  it('should modify single txs if applicable', async () => {
+    const safeTx = safeTxBuilder()
+      .with({
+        data: safeTxDataBuilder()
+          .with({
+            nonce: 0,
+            to: faker.finance.ethereumAddress(),
+            data: faker.string.hexadecimal({ length: 10 }),
+            value: '0',
+          })
+          .build(),
+      })
+      .build()
+
+    const safeInfo = extendedSafeInfoBuilder()
+      .with({
+        implementationVersionState: ImplementationVersionState.UNKNOWN,
+        implementation: {
+          name: '1.3.0',
+          value: getSafeSingletonDeployment()?.defaultAddress ?? faker.finance.ethereumAddress(),
+        },
+      })
+      .build()
+
+    const modifiedTx = await prependSafeToL2Migration(
+      safeTx,
+      safeInfo,
+      chainBuilder().with({ l2: true, chainId: '10' }).build(),
+    )
+
+    expect(modifiedTx).not.toEqual(safeTx)
+    expect(modifiedTx?.data.to).toEqual(getMultiSendDeployment()?.defaultAddress)
+    const decodedMultiSend = decodeMultiSendData(modifiedTx!.data.data)
+    expect(decodedMultiSend).toHaveLength(2)
+    const safeL2SingletonDeployment = getSafeL2SingletonDeployment()?.defaultAddress
+
+    expect(decodedMultiSend).toEqual([
+      {
+        to: safeToL2MigrationAddress,
+        value: '0',
+        operation: 1,
+        data:
+          safeL2SingletonDeployment &&
+          safeToL2MigrationInterface.encodeFunctionData('migrateToL2', [safeL2SingletonDeployment]),
+      },
+      {
+        to: checksumAddress(safeTx.data.to),
+        value: safeTx.data.value,
+        operation: safeTx.data.operation,
+        data: safeTx.data.data.toLowerCase(),
+      },
+    ])
+  })
+})
+
+describe('extractMigrationL2MasterCopyAddress', () => {
+  it('should return undefined for non multisend safeTx', () => {
+    expect(
+      extractMigrationL2MasterCopyAddress({
+        hexData:
+          '0xf8dc5dd9000000000000000000000000000000000000000000000000000000000000000100000000000000000000000065f8236309e5a99ff0d129d04e486ebce20dc7b00000000000000000000000000000000000000000000000000000000000000001',
+      } as TransactionData),
+    ).toBeUndefined()
+  })
+
+  it('should return undefined for multisend without migration', () => {
+    expect(
+      extractMigrationL2MasterCopyAddress({
+        hexData: multisendInterface.encodeFunctionData('multiSend', [
+          encodeMultiSendData([
+            {
+              to: faker.finance.ethereumAddress(),
+              data: faker.string.hexadecimal({ length: 64 }),
+              value: '0',
+              operation: 0,
+            },
+            {
+              to: faker.finance.ethereumAddress(),
+              data: faker.string.hexadecimal({ length: 64 }),
+              value: '0',
+              operation: 0,
+            },
+          ]),
+        ]),
+      } as TransactionData),
+    ).toBeUndefined()
+  })
+
+  it('should return migration address for multisend with migration as first tx', () => {
+    const l2SingletonAddress = getSafeL2SingletonDeployment()?.defaultAddress!
+    expect(
+      extractMigrationL2MasterCopyAddress({
+        hexData: multisendInterface.encodeFunctionData('multiSend', [
+          encodeMultiSendData([
+            {
+              to: safeToL2MigrationAddress!,
+              data: safeToL2MigrationInterface.encodeFunctionData('migrateToL2', [l2SingletonAddress]),
+              value: '0',
+              operation: 1,
+            },
+            {
+              to: faker.finance.ethereumAddress(),
+              data: faker.string.hexadecimal({ length: 64 }),
+              value: '0',
+              operation: 0,
+            },
+          ]),
+        ]),
+      } as TransactionData),
+    ).toEqual(l2SingletonAddress)
+  })
+
+  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..5ef249b3e
--- /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/safe-core-sdk-types'
+import { checksumAddress } from '../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..0b064499c
--- /dev/null
+++ b/apps/web/src/utils/__tests__/tokens.test.ts
@@ -0,0 +1,77 @@
+import * as web3 from '@/hooks/wallets/web3'
+import { ERC20__factory } from '@/types/contracts'
+import { getERC20TokenInfoOnChain } from '@/utils/tokens'
+import { faker } from '@faker-js/faker'
+import { keccak256, toUtf8Bytes } from 'ethers'
+
+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 () => {
+      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', [18])
+                }
+                if (tx.data.startsWith(symbolSigHash)) {
+                  return ERC20__factory.createInterface().encodeFunctionResult('symbol', ['UNI'])
+                }
+              }
+            },
+            _isProvider: true,
+            resolveName: (name: string) => name,
+          }) as any,
+      )
+
+      const result = await getERC20TokenInfoOnChain('0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
+
+      expect(result?.symbol).toEqual('UNI')
+      expect(result?.decimals).toEqual(18)
+    })
+
+    it('should decode bytes32 symbol', async () => {
+      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', [18])
+                }
+                if (tx.data.startsWith(symbolSigHash)) {
+                  return Promise.reject({ value: '0x4d4b520000000000000000000000000000000000000000000000000000000000' })
+                }
+              }
+            },
+            _isProvider: true,
+            resolveName: (name: string) => name,
+          }) as any,
+      )
+
+      const result = await getERC20TokenInfoOnChain('0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
+
+      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..3443e5701
--- /dev/null
+++ b/apps/web/src/utils/__tests__/transaction-guards.test.ts
@@ -0,0 +1,281 @@
+import {
+  isExecTxData,
+  isExecTxInfo,
+  isOnChainConfirmationTxData,
+  isOnChainConfirmationTxInfo,
+  isSafeUpdateTxData,
+} from '../transaction-guards'
+import { faker } from '@faker-js/faker'
+import { Safe__factory } from '@/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'
+
+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()
+    })
+  })
+})
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 97%
rename from src/utils/__tests__/tx-history-filter.test.ts
rename to apps/web/src/utils/__tests__/tx-history-filter.test.ts
index 956715118..a2efaafd7 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')
 
@@ -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__/validation.test.ts b/apps/web/src/utils/__tests__/validation.test.ts
similarity index 100%
rename from src/utils/__tests__/validation.test.ts
rename to apps/web/src/utils/__tests__/validation.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/src/utils/__tests__/web3.test.ts b/apps/web/src/utils/__tests__/web3.test.ts
similarity index 100%
rename from src/utils/__tests__/web3.test.ts
rename to apps/web/src/utils/__tests__/web3.test.ts
diff --git a/src/utils/addresses.ts b/apps/web/src/utils/addresses.ts
similarity index 97%
rename from src/utils/addresses.ts
rename to apps/web/src/utils/addresses.ts
index 7e5f64cc0..8c56c7506 100644
--- a/src/utils/addresses.ts
+++ b/apps/web/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/apps/web/src/utils/chains.ts b/apps/web/src/utils/chains.ts
new file mode 100644
index 000000000..8d7534b7c
--- /dev/null
+++ b/apps/web/src/utils/chains.ts
@@ -0,0 +1,89 @@
+import { AppRoutes } from '@/config/routes'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { getExplorerLink } from './gateway'
+import { type SafeVersion } from '@safe-global/safe-core-sdk-types'
+import { getSafeSingletonDeployment } from '@safe-global/safe-deployments'
+import semverSatisfies from 'semver/functions/satisfies'
+import { LATEST_SAFE_VERSION } from '@/config/constants'
+
+/** 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 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',
+  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',
+}
+
+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,
+}
+
+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)
+}
+
+export const getLatestSafeVersion = (chain: ChainInfo | undefined, isUpgrade = false): SafeVersion => {
+  const latestSafeVersion = isUpgrade
+    ? chain?.recommendedMasterCopyVersion || LATEST_SAFE_VERSION // for upgrades, use the recommended version
+    : LATEST_SAFE_VERSION // for Safe creation, always use the latest 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
+  }
+}
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/apps/web/src/utils/date.ts b/apps/web/src/utils/date.ts
new file mode 100644
index 000000000..eb52304cc
--- /dev/null
+++ b/apps/web/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/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..ef76ace61
--- /dev/null
+++ b/apps/web/src/utils/featureToggled.tsx
@@ -0,0 +1,14 @@
+import type { ComponentType } from 'react'
+import type { FEATURES } from '@/utils/chains'
+import { useHasFeature } from '@/hooks/useChains'
+
+export { FEATURES } from '@/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/formatNumber.ts b/apps/web/src/utils/formatNumber.ts
new file mode 100644
index 000000000..b05ca4b34
--- /dev/null
+++ b/apps/web/src/utils/formatNumber.ts
@@ -0,0 +1,83 @@
+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 ')
+}
diff --git a/apps/web/src/utils/formatters.ts b/apps/web/src/utils/formatters.ts
new file mode 100644
index 000000000..0c2a9db86
--- /dev/null
+++ b/apps/web/src/utils/formatters.ts
@@ -0,0 +1,110 @@
+import type { BigNumberish } from 'ethers'
+import { formatUnits, parseUnits } from 'ethers'
+import { formatAmount, formatAmountPrecise } from './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 = 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 !== undefined ? 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)}`
+}
+
+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'
+}
diff --git a/src/utils/gateway.ts b/apps/web/src/utils/gateway.ts
similarity index 100%
rename from src/utils/gateway.ts
rename to apps/web/src/utils/gateway.ts
diff --git a/apps/web/src/utils/helpers.ts b/apps/web/src/utils/helpers.ts
new file mode 100644
index 000000000..eac09b1a5
--- /dev/null
+++ b/apps/web/src/utils/helpers.ts
@@ -0,0 +1,38 @@
+// `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 ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+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 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..1ac4c4e10
--- /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 '@/services/exceptions/ErrorCodes'
+import { tryOffChainTxSigning } from '@/services/tx/tx-sender/sdk'
+import type { TransactionResult } from '@safe-global/safe-core-sdk-types'
+
+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/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..5a0ea8c76
--- /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 type { SafeMessage, SafeTransactionData, SafeVersion } from '@safe-global/safe-core-sdk-types'
+import { toChecksumAddress } from './rsk-utils'
+
+import { generateSafeMessageMessage } from './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: SafeMessage['data']
+  safeVersion: SafeVersion
+}): string {
+  const SafeMessage = getEip712MessageTypes(safeVersion).SafeMessage
+  return TypedDataEncoder.hashStruct('SafeMessage', { SafeMessage }, { message: generateSafeMessageMessage(message) })
+}
diff --git a/src/utils/safe-message-guards.ts b/apps/web/src/utils/safe-message-guards.ts
similarity index 100%
rename from src/utils/safe-message-guards.ts
rename to apps/web/src/utils/safe-message-guards.ts
diff --git a/apps/web/src/utils/safe-messages.ts b/apps/web/src/utils/safe-messages.ts
new file mode 100644
index 000000000..72a1702b2
--- /dev/null
+++ b/apps/web/src/utils/safe-messages.ts
@@ -0,0 +1,128 @@
+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 '@/utils/web3'
+import { isValidAddress } from './validation'
+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 { 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 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 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/apps/web/src/utils/safe-migrations.ts b/apps/web/src/utils/safe-migrations.ts
new file mode 100644
index 000000000..f9c1b6c7d
--- /dev/null
+++ b/apps/web/src/utils/safe-migrations.ts
@@ -0,0 +1,146 @@
+import { Safe_to_l2_migration__factory, Safe_migration__factory } from '@/types/contracts'
+import { getCompatibilityFallbackHandlerDeployments } from '@safe-global/safe-deployments'
+import { type ExtendedSafeInfo } from '@/store/safeInfoSlice'
+import { getSafeContractDeployment, hasMatchingDeployment } from '@/services/contracts/deployments'
+import { sameAddress } from './addresses'
+import { getSafeToL2MigrationDeployment, getSafeMigrationDeployment } from '@safe-global/safe-deployments'
+import {
+  type MetaTransactionData,
+  OperationType,
+  type SafeTransaction,
+  type SafeVersion,
+} from '@safe-global/safe-core-sdk-types'
+import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { isValidMasterCopy } from '@/services/contracts/safeContracts'
+import { isMultiSendCalldata } from './transaction-calldata'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { __unsafe_createMultiSendTx } from '@/services/tx/tx-sender'
+import { LATEST_SAFE_VERSION } from '@/config/constants'
+
+/**
+ *
+ * If the Safe is using a invalid masterCopy this function will modify the passed in `safeTx` by making it a MultiSend that migrates the Safe to L2 as the first action.
+ *
+ * This only happens under the conditions that
+ * - The Safe's nonce is 0
+ * - The SafeTx's nonce is 0
+ * - The Safe is using an invalid masterCopy
+ * - The SafeTx is not already including a Migration
+ *
+ * @param safeTx original SafeTx
+ * @param safe
+ * @param chain
+ * @returns
+ */
+export const prependSafeToL2Migration = (
+  safeTx: SafeTransaction | undefined,
+  safe: ExtendedSafeInfo,
+  chain: ChainInfo | undefined,
+): Promise<SafeTransaction | undefined> => {
+  if (!chain) {
+    throw new Error('No Network information available')
+  }
+
+  const safeL2Deployment = getSafeContractDeployment(chain, safe.version)
+  const safeL2DeploymentAddress = safeL2Deployment?.networkAddresses[chain.chainId]
+  const safeToL2MigrationDeployment = getSafeToL2MigrationDeployment({ network: chain.chainId })
+  const safeToL2MigrationAddress = safeToL2MigrationDeployment?.networkAddresses[chain.chainId]
+
+  if (
+    !safeTx ||
+    safeTx.signatures.size > 0 ||
+    !chain.l2 ||
+    safeTx.data.nonce > 0 ||
+    isValidMasterCopy(safe.implementationVersionState) ||
+    !safeToL2MigrationAddress ||
+    !safeL2DeploymentAddress
+  ) {
+    // We do not migrate on L1s
+    // We cannot migrate if the nonce is > 0
+    // We do not modify already signed txs
+    // We do not modify supported masterCopies
+    // We cannot migrate if no migration contract or L2 contract exists
+    return Promise.resolve(safeTx)
+  }
+
+  const safeToL2MigrationInterface = Safe_to_l2_migration__factory.createInterface()
+
+  if (sameAddress(safe.implementation.value, safeL2DeploymentAddress)) {
+    // Safe already has the correct L2 masterCopy
+    // This should in theory never happen if the implementationState is valid
+    return Promise.resolve(safeTx)
+  }
+
+  // If the Safe is a L1 masterCopy on a L2 network and still has nonce 0, we prepend a call to the migration contract to the safeTx.
+  const txData = safeTx.data.data
+
+  let internalTxs: MetaTransactionData[]
+  if (isMultiSendCalldata(txData)) {
+    // Check if the first tx is already a call to the migration contract
+    internalTxs = decodeMultiSendData(txData)
+  } else {
+    internalTxs = [{ to: safeTx.data.to, operation: safeTx.data.operation, value: safeTx.data.value, data: txData }]
+  }
+
+  if (sameAddress(internalTxs[0]?.to, safeToL2MigrationAddress)) {
+    // We already migrate. Nothing to do.
+    return Promise.resolve(safeTx)
+  }
+
+  // Prepend the migration tx
+  const newTxs: MetaTransactionData[] = [
+    {
+      operation: OperationType.DelegateCall, // DELEGATE CALL REQUIRED
+      data: safeToL2MigrationInterface.encodeFunctionData('migrateToL2', [safeL2DeploymentAddress]),
+      to: safeToL2MigrationAddress,
+      value: '0',
+    },
+    ...internalTxs,
+  ]
+
+  return __unsafe_createMultiSendTx(newTxs)
+}
+
+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
+}
diff --git a/src/utils/safe-versions.ts b/apps/web/src/utils/safe-versions.ts
similarity index 100%
rename from src/utils/safe-versions.ts
rename to apps/web/src/utils/safe-versions.ts
diff --git a/apps/web/src/utils/signers.ts b/apps/web/src/utils/signers.ts
new file mode 100644
index 000000000..300734e7a
--- /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/safe-core-sdk-types'
+import type { SafeInfo } from '@safe-global/safe-gateway-typescript-sdk'
+import { checksumAddress } from './addresses'
+
+export const getAvailableSigners = (
+  wallet: ConnectedWallet | null | undefined,
+  nestedSafeOwners: string[] | null,
+  safe: SafeInfo,
+  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..02ce17a72
--- /dev/null
+++ b/apps/web/src/utils/tokens.ts
@@ -0,0 +1,64 @@
+import { getWeb3ReadOnly } from '@/hooks/wallets/web3'
+import { ERC20__factory, ERC721__factory } from '@/types/contracts'
+import { parseBytes32String } from '@ethersproject/strings'
+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
+
+// As per https://eips.ethereum.org/EIPS/eip-721#specification
+export const ERC721_IDENTIFIER = '0x80ac58cd'
+
+/**
+ * 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 = await erc20
+    .symbol()
+    .then((symbol) => symbol)
+    .catch((error) => parseBytes32String(error.value)) // Some older contracts use bytes32 instead of string
+    .finally(() => '')
+
+  const decimals = await erc20.decimals()
+
+  return {
+    address,
+    symbol,
+    decimals: Number(decimals),
+    type: TokenType.ERC20,
+  }
+}
+
+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 96%
rename from src/utils/transaction-calldata.ts
rename to apps/web/src/utils/transaction-calldata.ts
index 303cccb48..2d91e6250 100644
--- a/src/utils/transaction-calldata.ts
+++ b/apps/web/src/utils/transaction-calldata.ts
@@ -5,8 +5,8 @@ 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 { 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..85941900d
--- /dev/null
+++ b/apps/web/src/utils/transaction-guards.ts
@@ -0,0 +1,483 @@
+import type {
+  AddressEx,
+  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 {
+  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 '@/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,
+} from '@safe-global/safe-deployments'
+import { Safe__factory, Safe_to_l2_migration__factory } from '@/types/contracts'
+import { hasMatchingDeployment } from '@/services/contracts/deployments'
+import { isMultiSendCalldata } from './transaction-calldata'
+import { decodeMultiSendData } from '@safe-global/protocol-kit/dist/src/utils'
+import { OperationType } from '@safe-global/safe-core-sdk-types'
+import { LATEST_SAFE_VERSION } from '@/config/constants'
+import { extractMigrationL2MasterCopyAddress } from '@/features/multichain/utils/extract-migration-data'
+
+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
+}
+
+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 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: 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 = 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()
+/**
+ * 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
+}
+
+/**
+ * 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 isSafeToL2MigrationTxData = (data?: TransactionData): boolean => {
+  if (!data) return false
+  return !!extractMigrationL2MasterCopyAddress(data)
+}
diff --git a/apps/web/src/utils/transactions.ts b/apps/web/src/utils/transactions.ts
new file mode 100644
index 000000000..fda843b7d
--- /dev/null
+++ b/apps/web/src/utils/transactions.ts
@@ -0,0 +1,242 @@
+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 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 { 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'
+
+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)
+
+      // @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 94%
rename from src/utils/tx-history-filter.ts
rename to apps/web/src/utils/tx-history-filter.ts
index bcc4c5ba4..62788697d 100644
--- a/src/utils/tx-history-filter.ts
+++ b/apps/web/src/utils/tx-history-filter.ts
@@ -12,7 +12,7 @@ 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 +31,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
     }),
   )
@@ -119,15 +119,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 100%
rename from src/utils/tx-list.ts
rename to apps/web/src/utils/tx-list.ts
diff --git a/apps/web/src/utils/url.ts b/apps/web/src/utils/url.ts
new file mode 100644
index 000000000..a9c5eb19f
--- /dev/null
+++ b/apps/web/src/utils/url.ts
@@ -0,0 +1,45 @@
+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
+  }
+}
diff --git a/src/utils/validation.ts b/apps/web/src/utils/validation.ts
similarity index 87%
rename from src/utils/validation.ts
rename to apps/web/src/utils/validation.ts
index 639f3fb56..5cd98f595 100644
--- a/src/utils/validation.ts
+++ b/apps/web/src/utils/validation.ts
@@ -39,12 +39,19 @@ export const uniqueAddress =
   }
 
 export const addressIsNotCurrentSafe =
-  (safeAddress: string) =>
+  (safeAddress: string, message?: string) =>
   (address: string): string | undefined => {
-    const SIGNER_ADDRESS_IS_SAFE_ADDRESS_ERROR = 'Cannot use Safe Account itself as signer.'
+    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) => {
diff --git a/apps/web/src/utils/wallets.ts b/apps/web/src/utils/wallets.ts
new file mode 100644
index 000000000..9596de55d
--- /dev/null
+++ b/apps/web/src/utils/wallets.ts
@@ -0,0 +1,74 @@
+import type { EthersError } from '@/utils/ethers-utils'
+import { 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 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 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 (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/apps/web/src/utils/web3.ts
similarity index 100%
rename from src/utils/web3.ts
rename to apps/web/src/utils/web3.ts
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
new file mode 100644
index 000000000..70787e3a8
--- /dev/null
+++ b/apps/web/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "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/*"]
+    },
+    "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/config/test/msw/handlers.ts b/config/test/msw/handlers.ts
new file mode 100644
index 000000000..7eb598942
--- /dev/null
+++ b/config/test/msw/handlers.ts
@@ -0,0 +1,62 @@
+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<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..d1882045a
--- /dev/null
+++ b/config/test/presets/jest-preset.js
@@ -0,0 +1,24 @@
+/** @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
+    '^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/.*)',
+  ],
+  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..4d2c70160
--- /dev/null
+++ b/config/tsconfig/confs/base.json
@@ -0,0 +1,41 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "paths": {
+      "@safe-global/store/*": ["packages/store/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/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/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/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/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_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/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/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/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/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
index 8065e54e9..fd8188f37 100644
--- a/docs/code-style.md
+++ b/docs/code-style.md
@@ -1,39 +1,69 @@
-# 💝 Code Style Guidelines
+# Code Style Guidelines
 
-## Principles
+## Code Structure
 
-- 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
+### General Components
 
-## Functional code style
+- 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';
+  ```
 
-- 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
+### Exporting Components
 
-## Reactive programming
+- **Always prefer named exports over default exports.**
+  - Named exports make it easier to refactor and identify exports in a codebase.
 
-- 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
+### Features and Screens
 
-## Variable/function naming
+- Feature-specific components and screens should be implemented inside the `src/features/` folder.
 
-Infamously, the hardest problem in computer science.
+#### Example: Feature File Structure
 
-- 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`
+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/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
index 2e8002bbd..6868b7c00 100644
--- a/docs/release-procedure.md
+++ b/docs/release-procedure.md
@@ -1,62 +1,15 @@
-# Releasing to production
+# Releasing to Production
 
-The code is being actively developed on the `dev` branch. Pull requests are made against this branch.
+The code is being actively developed on the `main` 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.
+When we want to make a release, we create a new branch from `main` called `mobile-release/vX.Y.Z` where `X.Y.Z` is the
+version number of the release.
 
-After the PR is tested and approved by QA, it's merged into the `main` branch. `Main` is automatically deployed to the staging environment.
+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.
 
-Schematically:
-```
-<feature branches> –> dev -> release -> main
-```
+The release has to be tested by QA and once approved can be promoted to the production lane.
 
-We prepare at least one release every sprint. Sprints are two weeks long.
+## Triggering Maestro E2E tests
 
-### 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`
+On the release PR add the github label `eas-build-ios:build-and-maestro-test` to trigger the e2e tests in Expo CI.
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..e572e8463 100644
--- a/package.json
+++ b/package.json
@@ -1,163 +1,41 @@
 {
-  "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.0",
+  "workspaces": [
+    "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}\""
   },
   "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.13.4",
+    "@safe-global/protocol-kit/ethers": "6.13.4",
+    "@safe-global/api-kit/ethers": "6.13.4",
+    "@gnosis.pm/zodiac/ethers": "6.13.4",
+    "@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",
+    "@safe-global/safe-deployments@npm:^1.37.28": "patch:@safe-global/safe-deployments@npm%3A1.37.36#~/.yarn/patches/@safe-global-safe-deployments-npm-1.37.36-7beb5df7ca.patch",
+    "@safe-global/safe-deployments@npm:^1.37.22": "patch:@safe-global/safe-deployments@npm%3A1.37.36#~/.yarn/patches/@safe-global-safe-deployments-npm-1.37.36-7beb5df7ca.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.0",
+    "prettier": "^3.4.2"
   },
-  "nextBundleAnalysis": {
-    "budget": null,
-    "budgetPercentIncreaseRed": 20,
-    "minimumChangeThreshold": 0,
-    "showDetails": true
+  "packageManager": "yarn@4.5.3",
+  "dependencies": {
+    "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..9554f8bcd
--- /dev/null
+++ b/packages/store/package.json
@@ -0,0 +1,20 @@
+{
+  "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": {
+    "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..3b3175833
--- /dev/null
+++ b/packages/store/scripts/api-schema/schema.json
@@ -0,0 +1,6760 @@
+{
+  "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/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/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": {
+        "operationId": "notificationsRegisterDeviceV1",
+        "parameters": [],
+        "requestBody": {
+          "required": true,
+          "content": {
+            "application/json": {
+              "schema": {
+                "$ref": "#/components/schemas/RegisterDeviceDto"
+              }
+            }
+          }
+        },
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": ["notifications"]
+      }
+    },
+    "/v1/chains/{chainId}/notifications/devices/{uuid}": {
+      "delete": {
+        "operationId": "notificationsUnregisterDeviceV1",
+        "parameters": [
+          {
+            "name": "chainId",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          },
+          {
+            "name": "uuid",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": ""
+          }
+        },
+        "tags": ["notifications"]
+      }
+    },
+    "/v1/chains/{chainId}/notifications/devices/{uuid}/safes/{safeAddress}": {
+      "delete": {
+        "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": ""
+          }
+        },
+        "tags": ["notifications"]
+      }
+    },
+    "/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": {
+        "operationId": "ownersGetAllSafesByOwnerV1",
+        "parameters": [
+          {
+            "name": "ownerAddress",
+            "required": true,
+            "in": "path",
+            "schema": {
+              "type": "string"
+            }
+          }
+        ],
+        "responses": {
+          "200": {
+            "description": "",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/SafeList"
+                }
+              }
+            }
+          }
+        },
+        "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": {
+          "201": {
+            "description": ""
+          }
+        },
+        "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": ""
+          }
+        },
+        "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}/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}/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"]
+      }
+    }
+  },
+  "info": {
+    "title": "Safe Client Gateway",
+    "description": "",
+    "version": "main",
+    "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"
+          },
+          "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": {
+          "id": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "address": {
+            "type": "string"
+          }
+        },
+        "required": ["id", "name", "address"]
+      },
+      "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"
+          },
+          "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"]
+      },
+      "Token": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "decimals": {
+            "type": "number"
+          },
+          "logoUri": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string"
+          },
+          "symbol": {
+            "type": "string"
+          },
+          "type": {
+            "type": "string",
+            "enum": ["ERC721", "ERC20", "NATIVE_TOKEN", "UNKNOWN"]
+          }
+        },
+        "required": ["address", "logoUri", "name", "symbol", "type"]
+      },
+      "Balance": {
+        "type": "object",
+        "properties": {
+          "balance": {
+            "type": "string"
+          },
+          "fiatBalance": {
+            "type": "string"
+          },
+          "fiatConversion": {
+            "type": "string"
+          },
+          "tokenInfo": {
+            "$ref": "#/components/schemas/Token"
+          }
+        },
+        "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"
+          },
+          "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",
+          "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"
+          },
+          "value": {
+            "type": "string",
+            "description": "The wei amount being sent to a payable function"
+          }
+        },
+        "required": ["data"]
+      },
+      "DataDecodedParameter": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "type": {
+            "type": "string"
+          },
+          "value": {
+            "type": "object"
+          },
+          "valueDecoded": {
+            "oneOf": [
+              {
+                "type": "object"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "object"
+                }
+              }
+            ],
+            "nullable": true
+          }
+        },
+        "required": ["name", "type", "value"]
+      },
+      "DataDecoded": {
+        "type": "object",
+        "properties": {
+          "method": {
+            "type": "string"
+          },
+          "parameters": {
+            "nullable": true,
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/DataDecodedParameter"
+            }
+          }
+        },
+        "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"]
+      },
+      "AddressInfo": {
+        "type": "object",
+        "properties": {
+          "value": {
+            "type": "string"
+          },
+          "name": {
+            "type": "string",
+            "nullable": true
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          }
+        },
+        "required": ["value"]
+      },
+      "Message": {
+        "type": "object",
+        "properties": {
+          "messageHash": {
+            "type": "string"
+          },
+          "status": {
+            "type": "string"
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "name": {
+            "type": "string",
+            "nullable": true
+          },
+          "message": {
+            "type": "object"
+          },
+          "creationTimestamp": {
+            "type": "number"
+          },
+          "modifiedTimestamp": {
+            "type": "number"
+          },
+          "confirmationsSubmitted": {
+            "type": "number"
+          },
+          "confirmationsRequired": {
+            "type": "number"
+          },
+          "proposedBy": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "confirmations": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "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"
+          },
+          "logoUri": {
+            "type": "string",
+            "nullable": true
+          },
+          "name": {
+            "type": "string",
+            "nullable": true
+          },
+          "message": {
+            "type": "object"
+          },
+          "creationTimestamp": {
+            "type": "number"
+          },
+          "modifiedTimestamp": {
+            "type": "number"
+          },
+          "confirmationsSubmitted": {
+            "type": "number"
+          },
+          "confirmationsRequired": {
+            "type": "number"
+          },
+          "proposedBy": {
+            "$ref": "#/components/schemas/AddressInfo"
+          },
+          "confirmations": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "preparedSignature": {
+            "type": "string",
+            "nullable": true
+          },
+          "origin": {
+            "type": "string",
+            "nullable": true
+          },
+          "type": {
+            "type": "string"
+          }
+        },
+        "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": {
+            "type": "object"
+          },
+          "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"]
+      },
+      "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"]
+      },
+      "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"]
+      },
+      "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": [
+              "Creation",
+              "Custom",
+              "SettingsChange",
+              "Transfer",
+              "SwapOrder",
+              "SwapTransfer",
+              "TwapOrder",
+              "NativeStakingDeposit",
+              "NativeStakingValidatorsExit",
+              "NativeStakingWithdraw"
+            ]
+          },
+          "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"]
+      },
+      "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"]
+      },
+      "SettingsChangeTransaction": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": ["SettingsChange"]
+          },
+          "humanDescription": {
+            "type": "string",
+            "nullable": true
+          },
+          "dataDecoded": {
+            "$ref": "#/components/schemas/DataDecoded"
+          },
+          "settingsInfo": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/SettingsChange"
+              }
+            ]
+          }
+        },
+        "required": ["type", "dataDecoded"]
+      },
+      "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"]
+      },
+      "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"]
+      },
+      "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"
+          },
+          "executedSurplusFee": {
+            "type": "string",
+            "description": "The amount of fees paid for this order.",
+            "deprecated": true
+          },
+          "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",
+          "executedSurplusFee",
+          "executedFee",
+          "executedFeeToken",
+          "owner"
+        ]
+      },
+      "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"
+          },
+          "executedSurplusFee": {
+            "type": "string",
+            "description": "The amount of fees paid for this order.",
+            "deprecated": true
+          },
+          "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",
+          "executedSurplusFee",
+          "executedFee",
+          "executedFeeToken",
+          "owner"
+        ]
+      },
+      "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"
+          },
+          "executedSurplusFee": {
+            "type": "string",
+            "nullable": true,
+            "description": "The executed surplus fee raw amount (no decimals), or null if there are too many parts",
+            "deprecated": true
+          },
+          "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": {
+            "type": "object",
+            "description": "Whether the TWAP is valid for the entire interval or not"
+          },
+          "startTime": {
+            "type": "object",
+            "description": "The start time of the TWAP"
+          }
+        },
+        "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"]
+      },
+      "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",
+            "nullable": true
+          }
+        },
+        "required": ["to", "operation"]
+      },
+      "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": {
+              "type": "string"
+            }
+          },
+          "confirmationsRequired": {
+            "type": "number"
+          },
+          "confirmations": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          },
+          "rejectors": {
+            "type": "array",
+            "items": {
+              "$ref": "#/components/schemas/AddressInfo"
+            }
+          },
+          "gasTokenInfo": {
+            "nullable": true,
+            "allOf": [
+              {
+                "$ref": "#/components/schemas/Token"
+              }
+            ]
+          },
+          "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/SwapTransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/TwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingValidatorsExitTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingWithdrawTransactionInfo"
+              }
+            ],
+            "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"]
+      },
+      "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/SwapTransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/TwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingValidatorsExitTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingWithdrawTransactionInfo"
+              }
+            ],
+            "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": {
+          "signedSafeTxHash": {
+            "type": "string"
+          }
+        },
+        "required": ["signedSafeTxHash"]
+      },
+      "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/SwapTransferTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/TwapOrderTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingDepositTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingValidatorsExitTransactionInfo"
+              },
+              {
+                "$ref": "#/components/schemas/NativeStakingWithdrawTransactionInfo"
+              }
+            ],
+            "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"]
+      }
+    }
+  }
+}
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..fd213327c
--- /dev/null
+++ b/packages/store/scripts/openapi-config.ts
@@ -0,0 +1,73 @@
+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: true,
+  filterEndpoints: [/^(?!.*delegates).*/],
+  tag: true,
+  outputFiles: {
+    '../src/gateway/AUTO_GENERATED/about.ts': {
+      filterEndpoints: [/^about/],
+    },
+    '../src/gateway/AUTO_GENERATED/accounts.ts': {
+      filterEndpoints: [/^accounts/],
+    },
+    '../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/],
+    },
+  },
+}
+
+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..7fb6b4552
--- /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 } = injectedRtkApi
diff --git a/packages/store/src/gateway/AUTO_GENERATED/accounts.ts b/packages/store/src/gateway/AUTO_GENERATED/accounts.ts
new file mode 100644
index 000000000..75fc89334
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/accounts.ts
@@ -0,0 +1,104 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['accounts'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      accountsCreateAccountV1: build.mutation<AccountsCreateAccountV1ApiResponse, AccountsCreateAccountV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/accounts`, method: 'POST', body: queryArg.createAccountDto }),
+        invalidatesTags: ['accounts'],
+      }),
+      accountsGetDataTypesV1: build.query<AccountsGetDataTypesV1ApiResponse, AccountsGetDataTypesV1ApiArg>({
+        query: () => ({ url: `/v1/accounts/data-types` }),
+        providesTags: ['accounts'],
+      }),
+      accountsGetAccountDataSettingsV1: build.query<
+        AccountsGetAccountDataSettingsV1ApiResponse,
+        AccountsGetAccountDataSettingsV1ApiArg
+      >({
+        query: (queryArg) => ({ url: `/v1/accounts/${queryArg.address}/data-settings` }),
+        providesTags: ['accounts'],
+      }),
+      accountsUpsertAccountDataSettingsV1: build.mutation<
+        AccountsUpsertAccountDataSettingsV1ApiResponse,
+        AccountsUpsertAccountDataSettingsV1ApiArg
+      >({
+        query: (queryArg) => ({
+          url: `/v1/accounts/${queryArg.address}/data-settings`,
+          method: 'PUT',
+          body: queryArg.upsertAccountDataSettingsDto,
+        }),
+        invalidatesTags: ['accounts'],
+      }),
+      accountsGetAccountV1: build.query<AccountsGetAccountV1ApiResponse, AccountsGetAccountV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/accounts/${queryArg.address}` }),
+        providesTags: ['accounts'],
+      }),
+      accountsDeleteAccountV1: build.mutation<AccountsDeleteAccountV1ApiResponse, AccountsDeleteAccountV1ApiArg>({
+        query: (queryArg) => ({ url: `/v1/accounts/${queryArg.address}`, method: 'DELETE' }),
+        invalidatesTags: ['accounts'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type AccountsCreateAccountV1ApiResponse = /** status 200  */ Account
+export type AccountsCreateAccountV1ApiArg = {
+  createAccountDto: CreateAccountDto
+}
+export type AccountsGetDataTypesV1ApiResponse = /** status 200  */ AccountDataType[]
+export type AccountsGetDataTypesV1ApiArg = void
+export type AccountsGetAccountDataSettingsV1ApiResponse = /** status 200  */ AccountDataSetting[]
+export type AccountsGetAccountDataSettingsV1ApiArg = {
+  address: string
+}
+export type AccountsUpsertAccountDataSettingsV1ApiResponse = /** status 200  */ AccountDataSetting[]
+export type AccountsUpsertAccountDataSettingsV1ApiArg = {
+  address: string
+  upsertAccountDataSettingsDto: UpsertAccountDataSettingsDto
+}
+export type AccountsGetAccountV1ApiResponse = /** status 200  */ Account
+export type AccountsGetAccountV1ApiArg = {
+  address: string
+}
+export type AccountsDeleteAccountV1ApiResponse = unknown
+export type AccountsDeleteAccountV1ApiArg = {
+  address: string
+}
+export type Account = {
+  id: string
+  groupId?: string | null
+  address: string
+  name: string
+}
+export type CreateAccountDto = {
+  address: string
+  name: string
+}
+export type AccountDataType = {
+  id: string
+  name: string
+  description?: string | null
+  isActive: boolean
+}
+export type AccountDataSetting = {
+  dataTypeId: string
+  enabled: boolean
+}
+export type UpsertAccountDataSettingDto = {
+  dataTypeId: string
+  enabled: boolean
+}
+export type UpsertAccountDataSettingsDto = {
+  accountDataSettings: UpsertAccountDataSettingDto[]
+}
+export const {
+  useAccountsCreateAccountV1Mutation,
+  useAccountsGetDataTypesV1Query,
+  useAccountsGetAccountDataSettingsV1Query,
+  useAccountsUpsertAccountDataSettingsV1Mutation,
+  useAccountsGetAccountV1Query,
+  useAccountsDeleteAccountV1Mutation,
+} = 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..a5e675faa
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/auth.ts
@@ -0,0 +1,34 @@
+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'],
+      }),
+    }),
+    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 AuthNonce = {
+  nonce: string
+}
+export type SiweDto = {
+  message: string
+  signature: string
+}
+export const { useAuthGetNonceV1Query, useAuthVerifyV1Mutation } = 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..92ad39759
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/balances.ts
@@ -0,0 +1,58 @@
+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 Token = {
+  address: string
+  decimals?: number
+  logoUri: string
+  name: string
+  symbol: string
+  type: 'ERC721' | 'ERC20' | 'NATIVE_TOKEN' | 'UNKNOWN'
+}
+export type Balance = {
+  balance: string
+  fiatBalance: string
+  fiatConversion: string
+  tokenInfo: Token
+}
+export type Balances = {
+  fiatTotal: string
+  items: Balance[]
+}
+export const { useBalancesGetBalancesV1Query, useBalancesGetSupportedFiatCodesV1Query } = 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..e01d84634
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/chains.ts
@@ -0,0 +1,175 @@
+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
+  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,
+  useChainsGetChainV1Query,
+  useChainsGetAboutChainV1Query,
+  useChainsGetBackboneV1Query,
+  useChainsGetMasterCopiesV1Query,
+  useChainsGetIndexingStatusV1Query,
+} = 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..bfde94a37
--- /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 } = 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..775ae1c88
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/community.ts
@@ -0,0 +1,233 @@
+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,
+  useCommunityGetCampaignByIdV1Query,
+  useCommunityGetCampaignActivitiesV1Query,
+  useCommunityGetCampaignLeaderboardV1Query,
+  useCommunityGetCampaignRankV1Query,
+  useCommunityCheckEligibilityV1Mutation,
+  useCommunityGetLeaderboardV1Query,
+  useCommunityGetLockingRankV1Query,
+  useCommunityGetLockingHistoryV1Query,
+} = 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..8a13816e3
--- /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 } = 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..eecc3f582
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/data-decoded.ts
@@ -0,0 +1,47 @@
+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 DataDecodedParameter = {
+  name: string
+  type: string
+  value: object
+  valueDecoded?: ((object | null) | (object[] | null)) | null
+}
+export type DataDecoded = {
+  method: string
+  parameters?: DataDecodedParameter[] | null
+}
+export type TransactionDataDto = {
+  /** Hexadecimal value */
+  data: string
+  /** The target Ethereum address */
+  to?: string
+  /** The wei amount being sent to a payable function */
+  value?: 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..1e0baecb3
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/delegates.ts
@@ -0,0 +1,147 @@
+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,
+  useDelegatesPostDelegateV1Mutation,
+  useDelegatesDeleteDelegateV1Mutation,
+  useDelegatesGetDelegatesV2Query,
+  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..35a876901
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/messages.ts
@@ -0,0 +1,131 @@
+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 AddressInfo = {
+  value: string
+  name?: string | null
+  logoUri?: string | null
+}
+export type Message = {
+  messageHash: string
+  status: string
+  logoUri?: string | null
+  name?: string | null
+  message: object
+  creationTimestamp: number
+  modifiedTimestamp: number
+  confirmationsSubmitted: number
+  confirmationsRequired: number
+  proposedBy: AddressInfo
+  confirmations: string[]
+  preparedSignature?: string | null
+  origin?: string | null
+}
+export type MessageItem = {
+  messageHash: string
+  status: string
+  logoUri?: string | null
+  name?: string | null
+  message: object
+  creationTimestamp: number
+  modifiedTimestamp: number
+  confirmationsSubmitted: number
+  confirmationsRequired: number
+  proposedBy: AddressInfo
+  confirmations: string[]
+  preparedSignature?: string | null
+  origin?: string | null
+  type: string
+}
+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: object
+  safeAppId?: number | null
+  signature: string
+  origin?: string | null
+}
+export type UpdateMessageSignatureDto = {
+  signature: string
+}
+export const {
+  useMessagesGetMessageByHashV1Query,
+  useMessagesGetMessagesBySafeV1Query,
+  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..f93f99582
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/notifications.ts
@@ -0,0 +1,159 @@
+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'],
+      }),
+      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 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 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,
+  useNotificationsDeleteSubscriptionV2Mutation,
+  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..1495f87db
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/owners.ts
@@ -0,0 +1,47 @@
+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,
+  useOwnersGetAllSafesByOwnerV1Query,
+  useOwnersGetAllSafesByOwnerV2Query,
+} = 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..59c1cf987
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/relay.ts
@@ -0,0 +1,40 @@
+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 = unknown
+export type RelayRelayV1ApiArg = {
+  chainId: string
+  relayDto: RelayDto
+}
+export type RelayGetRelaysRemainingV1ApiResponse = unknown
+export type RelayGetRelaysRemainingV1ApiArg = {
+  chainId: string
+  safeAddress: 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 const { useRelayRelayV1Mutation, useRelayGetRelaysRemainingV1Query } = 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..ca7e59975
--- /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 } = 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..059e24905
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/safes.ts
@@ -0,0 +1,87 @@
+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, useSafesGetNoncesV1Query, useSafesGetSafeOverviewV1Query } = 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..fa291291c
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/targeted-messages.ts
@@ -0,0 +1,58 @@
+import { cgwClient as api } from '../cgwClient'
+export const addTagTypes = ['targeted-messaging'] as const
+const injectedRtkApi = api
+  .enhanceEndpoints({
+    addTagTypes,
+  })
+  .injectEndpoints({
+    endpoints: (build) => ({
+      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 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 Submission = {
+  outreachId: number
+  targetedSafeId: number
+  signerAddress: string
+  completionDate?: string | null
+}
+export type CreateSubmissionDto = {
+  completed: boolean
+}
+export const { useTargetedMessagingGetSubmissionV1Query, 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..7650d45f7
--- /dev/null
+++ b/packages/store/src/gateway/AUTO_GENERATED/transactions.ts
@@ -0,0 +1,742 @@
+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'],
+      }),
+      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'],
+      }),
+    }),
+    overrideExisting: false,
+  })
+export { injectedRtkApi as cgwApi }
+export type TransactionsGetTransactionByIdV1ApiResponse = /** status 200  */ TransactionDetails
+export type TransactionsGetTransactionByIdV1ApiArg = {
+  chainId: string
+  id: string
+}
+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 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 DataDecodedParameter = {
+  name: string
+  type: string
+  value: object
+  valueDecoded?: ((object | null) | (object[] | null)) | null
+}
+export type DataDecoded = {
+  method: string
+  parameters?: DataDecodedParameter[] | null
+}
+export type SettingsChange = {
+  type:
+    | 'ADD_OWNER'
+    | 'CHANGE_MASTER_COPY'
+    | 'CHANGE_THRESHOLD'
+    | 'DELETE_GUARD'
+    | 'DISABLE_MODULE'
+    | 'ENABLE_MODULE'
+    | 'REMOVE_OWNER'
+    | 'SET_FALLBACK_HANDLER'
+    | 'SET_GUARD'
+    | 'SWAP_OWNER'
+}
+export type SettingsChangeTransaction = {
+  type: 'SettingsChange'
+  humanDescription?: string | null
+  dataDecoded: DataDecoded
+  settingsInfo?: SettingsChange | null
+}
+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. */
+  executedSurplusFee: 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 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. */
+  executedSurplusFee: 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 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 */
+  executedSurplusFee?: 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: object
+  /** The start time of the TWAP */
+  startTime: object
+}
+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 TransactionData = {
+  hexData?: string | null
+  dataDecoded?: DataDecoded | null
+  to: AddressInfo
+  value?: string | null
+  operation: number
+  trustedDelegateCallTarget?: boolean | null
+  addressInfoIndex?: object | null
+}
+export type Token = {
+  address: string
+  decimals?: number
+  logoUri: string
+  name: string
+  symbol: string
+  type: 'ERC721' | 'ERC20' | 'NATIVE_TOKEN' | 'UNKNOWN'
+}
+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: string[]
+  confirmationsRequired: number
+  confirmations: string[]
+  rejectors: AddressInfo[]
+  gasTokenInfo?: Token | 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
+    | SwapTransferTransactionInfo
+    | TwapOrderTransactionInfo
+    | NativeStakingDepositTransactionInfo
+    | NativeStakingValidatorsExitTransactionInfo
+    | NativeStakingWithdrawTransactionInfo
+  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 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
+    | SwapTransferTransactionInfo
+    | TwapOrderTransactionInfo
+    | NativeStakingDepositTransactionInfo
+    | NativeStakingValidatorsExitTransactionInfo
+    | NativeStakingWithdrawTransactionInfo
+  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 = {
+  signedSafeTxHash: 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
+    | SwapTransferTransactionInfo
+    | TwapOrderTransactionInfo
+    | NativeStakingDepositTransactionInfo
+    | NativeStakingValidatorsExitTransactionInfo
+    | NativeStakingWithdrawTransactionInfo
+  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 const {
+  useTransactionsGetTransactionByIdV1Query,
+  useTransactionsGetMultisigTransactionsV1Query,
+  useTransactionsDeleteTransactionV1Mutation,
+  useTransactionsGetModuleTransactionsV1Query,
+  useTransactionsAddConfirmationV1Mutation,
+  useTransactionsGetIncomingTransfersV1Query,
+  useTransactionsPreviewTransactionV1Mutation,
+  useTransactionsGetTransactionQueueV1Query,
+  useTransactionsGetTransactionsHistoryV1Query,
+  useTransactionsProposeTransactionV1Mutation,
+  useTransactionsGetCreationTransactionV1Query,
+} = injectedRtkApi
diff --git a/packages/store/src/gateway/cgwClient.test.ts b/packages/store/src/gateway/cgwClient.test.ts
new file mode 100644
index 000000000..4b4b12aa5
--- /dev/null
+++ b/packages/store/src/gateway/cgwClient.test.ts
@@ -0,0 +1,67 @@
+import type { FetchArgs, BaseQueryApi } from '@reduxjs/toolkit/query/react'
+
+describe('dynamicBaseQuery', () => {
+  const api: BaseQueryApi = {
+    dispatch: jest.fn(),
+    getState: jest.fn(),
+    abort: jest.fn(),
+    signal: new AbortController().signal,
+    extra: {},
+    endpoint: 'testEndpoint',
+    type: 'query',
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  it('throws an error if baseUrl is not set', async () => {
+    jest.isolateModules(async () => {
+      const { dynamicBaseQuery } = await import('./cgwClient')
+      // Note: We do NOT set baseUrl here, so it remains null by default.
+      await expect(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 () => {
+    jest.isolateModules(async () => {
+      // Re-import a fresh instance of the module
+      const { dynamicBaseQuery, setBaseUrl, rawBaseQuery } = await import('./cgwClient')
+      // Mock rawBaseQuery
+      const mockRawBaseQuery = jest.fn().mockResolvedValue({ data: 'stringResult' })
+      Object.assign(rawBaseQuery, mockRawBaseQuery)
+
+      // Set the baseUrl
+      setBaseUrl('http://example.com')
+
+      const result = await dynamicBaseQuery('/test', api, {})
+
+      expect(mockRawBaseQuery).toHaveBeenCalledWith('http://example.com//test', api)
+      expect(result).toEqual({ data: 'stringResult' })
+    })
+  })
+
+  it('calls rawBaseQuery with correct url when baseUrl is set and args is FetchArgs', async () => {
+    jest.isolateModules(async () => {
+      const { dynamicBaseQuery, setBaseUrl, rawBaseQuery } = await import('./cgwClient')
+      const mockRawBaseQuery = jest.fn().mockResolvedValue({ data: 'objectResult' })
+      Object.assign(rawBaseQuery, mockRawBaseQuery)
+
+      setBaseUrl('http://example.com')
+
+      const args: FetchArgs = { url: 'endpoint', method: 'POST', body: { hello: 'world' } }
+      const extraOptions = { credentials: 'include' }
+
+      const result = await dynamicBaseQuery(args, api, extraOptions)
+
+      expect(mockRawBaseQuery).toHaveBeenCalledWith(
+        { url: 'http://example.com//endpoint', method: 'POST', body: { hello: 'world' } },
+        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..9e42e7f6b
--- /dev/null
+++ b/packages/store/src/gateway/cgwClient.ts
@@ -0,0 +1,37 @@
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
+import type { BaseQueryFn, FetchArgs, FetchBaseQueryError } from '@reduxjs/toolkit/query/react'
+
+let baseUrl: null | string = null
+export const setBaseUrl = (url: string) => {
+  baseUrl = url
+}
+
+export const getBaseUrl = () => {
+  return baseUrl
+}
+export const rawBaseQuery = fetchBaseQuery({
+  baseUrl: '/',
+})
+
+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}`
+  const adjustedArgs = typeof args === 'string' ? adjustedUrl : { ...args, url: adjustedUrl }
+
+  return rawBaseQuery(adjustedArgs, api, extraOptions)
+}
+
+export const cgwClient = createApi({
+  baseQuery: dynamicBaseQuery,
+  endpoints: () => ({}),
+})
diff --git a/packages/store/src/gateway/chains/index.ts b/packages/store/src/gateway/chains/index.ts
new file mode 100644
index 000000000..d47946706
--- /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/dist/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..e7965a4c9
--- /dev/null
+++ b/packages/store/src/gateway/index.ts
@@ -0,0 +1,5 @@
+export { useSafesGetSafeV1Query as useGetSafeQuery } from './AUTO_GENERATED/safes'
+export {
+  useTransactionsGetTransactionQueueV1Query as useGetPendingTxsQuery,
+  useTransactionsGetTransactionsHistoryV1Query as useGetTxsHistoryQuery,
+} from './AUTO_GENERATED/transactions'
diff --git a/packages/store/src/gateway/types.ts b/packages/store/src/gateway/types.ts
new file mode 100644
index 000000000..b1d9bb2fa
--- /dev/null
+++ b/packages/store/src/gateway/types.ts
@@ -0,0 +1,95 @@
+import {
+  CustomTransactionInfo,
+  QueuedItemPage,
+  TransactionItemPage,
+  SwapOrderTransactionInfo,
+  TwapOrderTransactionInfo,
+  SwapTransferTransactionInfo,
+  ModuleExecutionInfo,
+  MultisigExecutionInfo,
+  Transaction,
+} from './AUTO_GENERATED/transactions'
+import { SafeOverview } from './AUTO_GENERATED/safes'
+
+export type ExecutionInfo = ModuleExecutionInfo | MultisigExecutionInfo
+
+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',
+}
+
+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 type PendingTransactionItems = QueuedItemPage['results'][number]
+export type HistoryTransactionItems = TransactionItemPage['results'][number]
+
+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/tsconfig.json b/packages/store/tsconfig.json
new file mode 100644
index 000000000..c31f8ba2f
--- /dev/null
+++ b/packages/store/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../config/tsconfig/confs/base.json",
+  "compilerOptions": {
+    "rootDir": "./"
+  },
+  "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/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/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/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/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.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/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/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/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.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/PairingDetails/PairingDescription.tsx b/src/components/common/PairingDetails/PairingDescription.tsx
deleted file mode 100644
index e69de29bb..000000000
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/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/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/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/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/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/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/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/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/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-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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/RemoveOwner/SetThreshold.tsx b/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
deleted file mode 100644
index e2b99097f..000000000
--- a/src/components/tx-flow/flows/RemoveOwner/SetThreshold.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { useState } from 'react'
-import { Button, Box, CardActions, Divider, Grid, MenuItem, Select, Typography, SvgIcon, Tooltip } from '@mui/material'
-import type { ReactElement, SyntheticEvent } from 'react'
-import type { SelectChangeEvent } from '@mui/material'
-
-import EthHashInfo from '@/components/common/EthHashInfo'
-import useSafeInfo from '@/hooks/useSafeInfo'
-import TxCard from '../../common/TxCard'
-import InfoIcon from '@/public/images/notifications/info.svg'
-import { TOOLTIP_TITLES } from '@/components/tx-flow/common/constants'
-import type { RemoveOwnerFlowProps } from '.'
-
-import commonCss from '@/components/tx-flow/common/styles.module.css'
-
-export const SetThreshold = ({
-  params,
-  onSubmit,
-}: {
-  params: RemoveOwnerFlowProps
-  onSubmit: (data: RemoveOwnerFlowProps) => void
-}): ReactElement => {
-  const { safe } = useSafeInfo()
-  const [selectedThreshold, setSelectedThreshold] = useState<number>(params.threshold ?? 1)
-
-  const handleChange = (event: SelectChangeEvent<number>) => {
-    setSelectedThreshold(parseInt(event.target.value.toString()))
-  }
-
-  const onSubmitHandler = (e: SyntheticEvent) => {
-    e.preventDefault()
-    onSubmit({ ...params, threshold: selectedThreshold })
-  }
-
-  const newNumberOfOwners = safe ? safe.owners.length - 1 : 1
-
-  return (
-    <TxCard>
-      <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>
-
-        <Divider className={commonCss.nestedDivider} />
-
-        <Box my={3}>
-          <Typography variant="h4" 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 requires the confirmation of:</Typography>
-          <Grid container direction="row" alignItems="center" gap={1} mt={2}>
-            <Grid item xs={1.5}>
-              <Select value={selectedThreshold} onChange={handleChange} fullWidth>
-                {safe.owners.slice(1).map((_, idx) => (
-                  <MenuItem key={idx + 1} value={idx + 1}>
-                    {idx + 1}
-                  </MenuItem>
-                ))}
-              </Select>
-            </Grid>
-            <Grid item>
-              <Typography>out of {newNumberOfOwners} signer(s)</Typography>
-            </Grid>
-          </Grid>
-        </Box>
-
-        <Divider className={commonCss.nestedDivider} />
-
-        <CardActions>
-          <Button data-testid="next-btn" variant="contained" type="submit">
-            Next
-          </Button>
-        </CardActions>
-      </form>
-    </TxCard>
-  )
-}
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/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/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/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/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/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/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/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/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/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/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/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__/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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__/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__/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/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/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/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/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/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/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/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/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/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/wallets/consts.ts b/src/hooks/wallets/consts.ts
deleted file mode 100644
index e12c1ccd2..000000000
--- a/src/hooks/wallets/consts.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export const enum WALLET_KEYS {
-  INJECTED = 'INJECTED',
-  WALLETCONNECT_V2 = 'WALLETCONNECT_V2',
-  COINBASE = 'COINBASE',
-  LEDGER = 'LEDGER',
-  TREZOR = 'TREZOR',
-  KEYSTONE = 'KEYSTONE',
-  PK = 'PK',
-}
-
-// 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 } = {
-  [WALLET_KEYS.INJECTED]: 'detectedwallet',
-  [WALLET_KEYS.WALLETCONNECT_V2]: 'walletConnect_v2',
-  [WALLET_KEYS.COINBASE]: 'coinbase',
-  [WALLET_KEYS.LEDGER]: 'ledger',
-  [WALLET_KEYS.TREZOR]: 'trezor',
-  [WALLET_KEYS.KEYSTONE]: 'keystone',
-  [WALLET_KEYS.PK]: 'pk',
-}
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/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/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/notifications.tsx b/src/pages/settings/notifications.tsx
deleted file mode 100644
index e3f515f35..000000000
--- a/src/pages/settings/notifications.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import Head from 'next/head'
-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'
-
-const NotificationsPage: NextPage = () => {
-  const isNotificationFeatureEnabled = useHasFeature(FEATURES.PUSH_NOTIFICATIONS)
-
-  if (!isNotificationFeatureEnabled) {
-    return null
-  }
-
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Settings – Notifications'}</title>
-      </Head>
-
-      <SettingsHeader />
-
-      <main>
-        <PushNotifications />
-      </main>
-    </>
-  )
-}
-
-export default NotificationsPage
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/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/transactions/messages.tsx b/src/pages/transactions/messages.tsx
deleted file mode 100644
index c53fbd21f..000000000
--- a/src/pages/transactions/messages.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useEffect } from 'react'
-import Head from 'next/head'
-import { FEATURES } from '@/utils/chains'
-import { useRouter } from 'next/router'
-import type { NextPage } from 'next'
-
-import PaginatedMsgs from '@/components/safe-messages/PaginatedMsgs'
-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'
-
-const Messages: NextPage = () => {
-  const chain = useCurrentChain()
-  const router = useRouter()
-
-  useEffect(() => {
-    if (!chain || hasFeature(chain, FEATURES.EIP1271)) {
-      return
-    }
-
-    router.replace({ ...router, pathname: AppRoutes.transactions.history })
-  }, [router, chain])
-
-  return (
-    <>
-      <Head>
-        <title>{'Rootstock Safe – Messages'}</title>
-      </Head>
-
-      <TxHeader>
-        <SignedMessagesHelpLink />
-      </TxHeader>
-
-      <main>
-        <PaginatedMsgs />
-      </main>
-    </>
-  )
-}
-
-export default Messages
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/__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/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/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/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-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/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/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/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/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/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/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/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-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/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/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.lock b/yarn.lock
index 99d41efec..c3b20689d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1,20472 +1,35189 @@
-# 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.0.1, @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
+
+"@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/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/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/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/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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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/helpers@npm:^7.26.0":
+  version: 7.26.0
+  resolution: "@babel/helpers@npm:7.26.0"
+  dependencies:
+    "@babel/template": "npm:^7.25.9"
+    "@babel/types": "npm:^7.26.0"
+  checksum: 10/fd4757f65d10b64cfdbf4b3adb7ea6ffff9497c53e0786452f495d1f7794da7e0898261b4db65e1c62bbb9a360d7d78a1085635c23dfc3af2ab6dcba06585f86
+  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/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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-export-namespace-from@npm:^7.22.11, @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-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-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-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-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-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-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-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-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-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-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-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-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-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-object-rest-spread@npm:^7.12.13, @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-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-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-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-parameters@npm:^7.22.15, @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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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/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-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/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.13.10, @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.23.5, @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.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7":
+  version: 7.26.0
+  resolution: "@babel/runtime@npm:7.26.0"
+  dependencies:
+    regenerator-runtime: "npm:^0.14.0"
+  checksum: 10/9f4ea1c1d566c497c052d505587554e782e021e6ccd302c2ad7ae8291c8e16e3f19d4a7726fb64469e057779ea2081c28b7dbefec6d813a22f08a35712c0f699
+  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/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/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
+
+"@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:^2.3.0, @cowprotocol/app-data@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "@cowprotocol/app-data@npm:2.4.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/3b585f32011d68f2dce1be2003c849f797ffc6ac5eb199f39dc2aeb7ab2d77f8491f52d56857809a3b41dc62ac7c22151d1789bb5ab7048a4321b317f3dbd4ce
+  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
+
+"@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.2":
+  version: 0.24.2
+  resolution: "@esbuild/aix-ppc64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/android-arm64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/android-arm@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/android-x64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/darwin-arm64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/darwin-x64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/freebsd-arm64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/freebsd-x64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-arm64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-arm@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-ia32@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-loong64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-mips64el@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-ppc64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-riscv64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-s390x@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/linux-x64@npm:0.24.2"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/netbsd-arm64@npm:0.24.2":
+  version: 0.24.2
+  resolution: "@esbuild/netbsd-arm64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/netbsd-x64@npm:0.24.2"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-arm64@npm:0.24.2":
+  version: 0.24.2
+  resolution: "@esbuild/openbsd-arm64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/openbsd-x64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/sunos-x64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/win32-arm64@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/win32-ia32@npm:0.24.2"
+  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.2":
+  version: 0.24.2
+  resolution: "@esbuild/win32-x64@npm:0.24.2"
+  conditions: os=win32 & cpu=x64
+  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.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.19.0":
+  version: 0.19.1
+  resolution: "@eslint/config-array@npm:0.19.1"
+  dependencies:
+    "@eslint/object-schema": "npm:^2.1.5"
+    debug: "npm:^4.3.1"
+    minimatch: "npm:^3.1.2"
+  checksum: 10/1243b01f463de85c970c18f0994f9d1850dafe8cc8c910edb64105d845edd3cacaa0bbf028bf35a6daaf5a179021140b6a8b1dc7a2f915b42c2d35f022a9c201
+  languageName: node
+  linkType: hard
+
+"@eslint/core@npm:^0.10.0":
+  version: 0.10.0
+  resolution: "@eslint/core@npm:0.10.0"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.15"
+  checksum: 10/de41d7fa5dc468b70fb15c72829096939fc0217c41b8519af4620bc1089cb42539a15325c4c3ee3832facac1836c8c944c4a0c4d0cc8b33ffd8e95962278ae14
+  languageName: node
+  linkType: hard
+
+"@eslint/eslintrc@npm:^3.1.0, @eslint/eslintrc@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "@eslint/eslintrc@npm:3.2.0"
+  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/b32dd90ce7da68e89b88cd729db46b27aac79a2e6cb1fa75d25a6b766d586b443bfbf59622489efbd3c6f696f147b51111e81ec7cd23d70f215c5d474cad0261
+  languageName: node
+  linkType: hard
+
+"@eslint/js@npm:9.19.0, @eslint/js@npm:^9.18.0":
+  version: 9.19.0
+  resolution: "@eslint/js@npm:9.19.0"
+  checksum: 10/d8133a83330676d5f0827713af2e9bbf35530631a93520fb59ead6b827a325c54fdd7ad99f2158f895fb393c47bbc55dfdaa945998a647f3b9230f1d5324a626
+  languageName: node
+  linkType: hard
+
+"@eslint/object-schema@npm:^2.1.5":
+  version: 2.1.5
+  resolution: "@eslint/object-schema@npm:2.1.5"
+  checksum: 10/bb07ec53357047f20de923bcd61f0306d9eee83ef41daa32e633e154a44796b5bd94670169eccb8fd8cb4ff42228a43b86953a6321f789f98194baba8207b640
+  languageName: node
+  linkType: hard
+
+"@eslint/plugin-kit@npm:^0.2.5":
+  version: 0.2.5
+  resolution: "@eslint/plugin-kit@npm:0.2.5"
+  dependencies:
+    "@eslint/core": "npm:^0.10.0"
+    levn: "npm:^0.4.1"
+  checksum: 10/82d0142bc7054587bde4f75c2c517f477df7c320e4bdb47a4d5f766899a313ce65e9ce5d59428178d0be473a95292065053f69637042546b811ad89079781cbc
+  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:^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/common@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "@ethereumjs/common@npm:4.4.0"
+  dependencies:
+    "@ethereumjs/util": "npm:^9.1.0"
+  checksum: 10/dd5cc78575a762b367601f94d6af7e36cb3a5ecab45eec0c1259c433e755a16c867753aa88f331e3963791a18424ad0549682a3a6a0a160640fe846db6ce8014
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/rlp@npm:^5.0.2":
+  version: 5.0.2
+  resolution: "@ethereumjs/rlp@npm:5.0.2"
+  bin:
+    rlp: bin/rlp.cjs
+  checksum: 10/2af80d98faf7f64dfb6d739c2df7da7350ff5ad52426c3219897e843ee441215db0ffa346873200a6be6d11142edb9536e66acd62436b5005fa935baaf7eb6bd
+  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:^5.4.0":
+  version: 5.4.0
+  resolution: "@ethereumjs/tx@npm:5.4.0"
+  dependencies:
+    "@ethereumjs/common": "npm:^4.4.0"
+    "@ethereumjs/rlp": "npm:^5.0.2"
+    "@ethereumjs/util": "npm:^9.1.0"
+    ethereum-cryptography: "npm:^2.2.1"
+  checksum: 10/8d2c0a69ab37015f945f9de065cfb9f05e8e79179efeed725ea0a14760c3eb8ff900bcf915bb71ec29fe2f753db35d1b78a15ac4ddec489e87c995dec1ba6e85
+  languageName: node
+  linkType: hard
+
+"@ethereumjs/util@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "@ethereumjs/util@npm:9.1.0"
+  dependencies:
+    "@ethereumjs/rlp": "npm:^5.0.2"
+    ethereum-cryptography: "npm:^2.2.1"
+  checksum: 10/4e22c4081c63eebb808eccd54f7f91cd3407f4cac192da5f30a0d6983fe07d51f25e6a9d08624f1376e604bb7dce574aafcf0fbf0becf42f62687c11e710ac41
+  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.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/abi@npm:^5.5.0":
+  version: 5.7.0
+  resolution: "@ethersproject/abi@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/hash": "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/6ed002cbc61a7e21bc0182702345659c1984f6f8e6bad166e43aee76ea8f74766dd0f6236574a868e1b4600af27972bf25b973fae7877ae8da3afa90d3965cac
+  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.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.5.0, @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.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.5.0, @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.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.5.0, @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.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.5.0, @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.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/basex@npm:^5.5.0, @ethersproject/basex@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/basex@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+  checksum: 10/840e333e109bff2fcf8d91dcfd45fa951835844ef0e1ba710037e87291c7b5f3c189ba86f6cee2ca7de2ede5b7d59fbb930346607695855bee20d2f9f63371ef
+  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.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.5.0, @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.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.5.0, @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.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.5.0, @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, @ethersproject/hash@npm:^5.5.0, @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.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.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/hdnode@npm:^5.5.0, @ethersproject/hdnode@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/hdnode@npm:5.7.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.7.0"
+    "@ethersproject/basex": "npm:^5.7.0"
+    "@ethersproject/bignumber": "npm:^5.7.0"
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/pbkdf2": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+    "@ethersproject/sha2": "npm:^5.7.0"
+    "@ethersproject/signing-key": "npm:^5.7.0"
+    "@ethersproject/strings": "npm:^5.7.0"
+    "@ethersproject/transactions": "npm:^5.7.0"
+    "@ethersproject/wordlists": "npm:^5.7.0"
+  checksum: 10/2fbe6278c324235afaa88baa5dea24d8674c72b14ad037fe2096134d41025977f410b04fd146e333a1b6cac9482e9de62d6375d1705fd42667543f2d0eb66655
+  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.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/json-wallets@npm:^5.5.0":
+  version: 5.7.0
+  resolution: "@ethersproject/json-wallets@npm:5.7.0"
+  dependencies:
+    "@ethersproject/abstract-signer": "npm:^5.7.0"
+    "@ethersproject/address": "npm:^5.7.0"
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/hdnode": "npm:^5.7.0"
+    "@ethersproject/keccak256": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/pbkdf2": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+    "@ethersproject/random": "npm:^5.7.0"
+    "@ethersproject/strings": "npm:^5.7.0"
+    "@ethersproject/transactions": "npm:^5.7.0"
+    aes-js: "npm:3.0.0"
+    scrypt-js: "npm:3.0.1"
+  checksum: 10/4a1ef0912ffc8d18c392ae4e292948d86bffd715fe3dd3e66d1cd21f6c9267aeadad4da84261db853327f97cdfd765a377f9a87e39d4c6749223a69226faf0a1
+  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.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.5.0, @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.8.0":
+  version: 5.8.0
+  resolution: "@ethersproject/logger@npm:5.8.0"
+  checksum: 10/dab862d6cc3a4312f4c49d62b4a603f4b60707da8b8ff0fee6bdfee3cbed48b34ec8f23fedfef04dd3d24f2fa2d7ad2be753c775aa00fe24dcd400631d65004a
+  languageName: node
+  linkType: hard
+
+"@ethersproject/logger@npm:^5.5.0, @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.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.5.0, @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.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/pbkdf2@npm:^5.5.0, @ethersproject/pbkdf2@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/pbkdf2@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/sha2": "npm:^5.7.0"
+  checksum: 10/dea7ba747805e24b81dfb99e695eb329509bf5cad1a42e48475ade28e060e567458a3d5bf930f302691bded733fd3fa364f0c7adce920f9f05a5ef8c13267aaa
+  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.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.5.0, @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.2":
+  version: 5.5.2
+  resolution: "@ethersproject/providers@npm:5.5.2"
+  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/25d7f15b0a9eb72410f90ce06cffd887c11c8abfa9699895defdb52424836af52b689c31ff13bd413c932f1ddf4bb21143739fdbf753360fe60c3c018ba3a83b
+  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.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/random@npm:^5.5.0, @ethersproject/random@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/random@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+  checksum: 10/c23ec447998ce1147651bd58816db4d12dbeb404f66a03d14a13e1edb439879bab18528e1fc46b931502903ac7b1c08ea61d6a86e621a6e060fa63d41aeed3ac
+  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.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.5.0, @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.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/sha2@npm:^5.5.0, @ethersproject/sha2@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/sha2@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    hash.js: "npm:1.1.7"
+  checksum: 10/09321057c022effbff4cc2d9b9558228690b5dd916329d75c4b1ffe32ba3d24b480a367a7cc92d0f0c0b1c896814d03351ae4630e2f1f7160be2bcfbde435dbc
+  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.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.5.0, @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.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.5.0, @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.5.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.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.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.5.0, @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.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
+
+"@ethersproject/wordlists@npm:^5.5.0, @ethersproject/wordlists@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@ethersproject/wordlists@npm:5.7.0"
+  dependencies:
+    "@ethersproject/bytes": "npm:^5.7.0"
+    "@ethersproject/hash": "npm:^5.7.0"
+    "@ethersproject/logger": "npm:^5.7.0"
+    "@ethersproject/properties": "npm:^5.7.0"
+    "@ethersproject/strings": "npm:^5.7.0"
+  checksum: 10/737fca67ad743a32020f50f5b9e147e5683cfba2692367c1124a5a5538be78515865257b426ec9141daac91a70295e5e21bef7a193b79fe745f1be378562ccaa
+  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/bunyan@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "@expo/bunyan@npm:4.0.1"
+  dependencies:
+    uuid: "npm:^8.0.0"
+  checksum: 10/22d656b07967e9112c13d3d7432c73f19b777ea31f7bccbc558d59b9f7d9c81a8d94036f9b6e8665abfeb57409107fd61f05e9072d57b12c1087b77b05accbb7
+  languageName: node
+  linkType: hard
+
+"@expo/cli@npm:0.22.3":
+  version: 0.22.3
+  resolution: "@expo/cli@npm:0.22.3"
+  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:~10.0.4"
+    "@expo/config-plugins": "npm:~9.0.10"
+    "@expo/devcert": "npm:^1.1.2"
+    "@expo/env": "npm:~0.4.0"
+    "@expo/image-utils": "npm:^0.6.0"
+    "@expo/json-file": "npm:^9.0.0"
+    "@expo/metro-config": "npm:~0.19.0"
+    "@expo/osascript": "npm:^2.0.31"
+    "@expo/package-manager": "npm:^1.5.0"
+    "@expo/plist": "npm:^0.2.0"
+    "@expo/prebuild-config": "npm:^8.0.22"
+    "@expo/rudder-sdk-node": "npm:^1.1.1"
+    "@expo/spawn-async": "npm:^1.7.2"
+    "@expo/xcpretty": "npm:^4.3.0"
+    "@react-native/dev-middleware": "npm:0.76.3"
+    "@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.0.7"
+    bplist-parser: "npm:^0.3.1"
+    cacache: "npm:^18.0.2"
+    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"
+    fast-glob: "npm:^3.3.2"
+    form-data: "npm:^3.0.1"
+    freeport-async: "npm:^2.0.0"
+    fs-extra: "npm:~8.1.0"
+    getenv: "npm:^1.0.0"
+    glob: "npm:^10.4.2"
+    internal-ip: "npm:^4.3.0"
+    is-docker: "npm:^2.0.0"
+    is-wsl: "npm:^2.1.1"
+    lodash.debounce: "npm:^4.0.8"
+    minimatch: "npm:^3.0.4"
+    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.2"
+    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:^6.2.1"
+    temp-dir: "npm:^2.0.0"
+    tempy: "npm:^0.7.1"
+    terminal-link: "npm:^2.1.1"
+    undici: "npm:^6.18.2"
+    unique-string: "npm:~2.0.0"
+    wrap-ansi: "npm:^7.0.0"
+    ws: "npm:^8.12.1"
+  bin:
+    expo-internal: build/bin/cli
+  checksum: 10/67ad931ebdb185a9686a53a3389dfdc93765c8124b0e9cdbd1b00e5b2dbc0e3005be487ae02552040f462754f1c59840d127fa08086d3a75785ff368efb1abaa
+  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:^9.0.10, @expo/config-plugins@npm:~9.0.10, @expo/config-plugins@npm:~9.0.12, @expo/config-plugins@npm:~9.0.14":
+  version: 9.0.14
+  resolution: "@expo/config-plugins@npm:9.0.14"
+  dependencies:
+    "@expo/config-types": "npm:^52.0.3"
+    "@expo/json-file": "npm:~9.0.1"
+    "@expo/plist": "npm:^0.2.1"
+    "@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/7f8f88cc9b5000693b6eb719818aefc0fc7b0dcec90f330cfa3d62643b3a4feb9bcd230d61a3e7227ef31caa7746c856e7587fc7703f2011f7146e1ca7faac2e
+  languageName: node
+  linkType: hard
+
+"@expo/config-types@npm:^52.0.0, @expo/config-types@npm:^52.0.3":
+  version: 52.0.3
+  resolution: "@expo/config-types@npm:52.0.3"
+  checksum: 10/4dffe9533003db794f3f453c9acff9a7acc68fb4623c7f81b098f5fdc28d6d0befb421eda083760dbfc16d90ecaea991156c1a6cc9a2e59d46218586095c9e78
+  languageName: node
+  linkType: hard
+
+"@expo/config@npm:~10.0.4, @expo/config@npm:~10.0.6, @expo/config@npm:~10.0.8":
+  version: 10.0.8
+  resolution: "@expo/config@npm:10.0.8"
+  dependencies:
+    "@babel/code-frame": "npm:~7.10.4"
+    "@expo/config-plugins": "npm:~9.0.14"
+    "@expo/config-types": "npm:^52.0.3"
+    "@expo/json-file": "npm:^9.0.1"
+    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/178e478d36b9d6dcb92376a43cb59fdf1b539ac359502df4e5d6c7b747407e1498520b43d3b0d50c79f52f412679c5e68bdb5b79f74f7277ce51375ec96a7f5e
+  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:~0.4.0, @expo/env@npm:~0.4.1":
+  version: 0.4.1
+  resolution: "@expo/env@npm:0.4.1"
+  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/826131bf9725f2b6d24cf348f5122ee94ce503c96a8013a193afa8bbf56d86f3a115c910d1a6cf588cef91d9c0192598942d2a22f1bb4eacec02502e1d27f40b
+  languageName: node
+  linkType: hard
+
+"@expo/fingerprint@npm:0.11.3":
+  version: 0.11.3
+  resolution: "@expo/fingerprint@npm:0.11.3"
+  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:^3.0.4"
+    p-limit: "npm:^3.1.0"
+    resolve-from: "npm:^5.0.0"
+    semver: "npm:^7.6.0"
+  bin:
+    fingerprint: bin/cli.js
+  checksum: 10/5a993c7e0a9f27508bea6e47fac6a32995a5ec70219f0f87eebdcbc1b972fd1dea1c922fa903eb1ca428e96b7740af269da6a16d1fab61eab1f806a2f1663743
+  languageName: node
+  linkType: hard
+
+"@expo/image-utils@npm:^0.6.0":
+  version: 0.6.3
+  resolution: "@expo/image-utils@npm:0.6.3"
+  dependencies:
+    "@expo/spawn-async": "npm:^1.7.2"
+    chalk: "npm:^4.0.0"
+    fs-extra: "npm:9.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/aeaef02c98ce8a2b3d00e7a5b988d0be5956531ac68dc4a0182cd735afaab4f707bb8a1bd55975d6a977c082b59303d07ddc59ea3d72605270f94abac6c6683f
+  languageName: node
+  linkType: hard
+
+"@expo/json-file@npm:^9.0.0, @expo/json-file@npm:^9.0.1, @expo/json-file@npm:~9.0.0, @expo/json-file@npm:~9.0.1":
+  version: 9.0.1
+  resolution: "@expo/json-file@npm:9.0.1"
+  dependencies:
+    "@babel/code-frame": "npm:~7.10.4"
+    json5: "npm:^2.2.3"
+    write-file-atomic: "npm:^2.3.0"
+  checksum: 10/58c7467511aef692a3c6f888e262d4cdb573add66f3c4407dd3e7a7c19ee031d03a803eb0120ec48f989850d9d1cb6bc435670ad97cfc2e5066afd8b7b105348
+  languageName: node
+  linkType: hard
+
+"@expo/metro-config@npm:0.19.6, @expo/metro-config@npm:~0.19.0":
+  version: 0.19.6
+  resolution: "@expo/metro-config@npm:0.19.6"
+  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:~10.0.4"
+    "@expo/env": "npm:~0.4.0"
+    "@expo/json-file": "npm:~9.0.0"
+    "@expo/spawn-async": "npm:^1.7.2"
+    chalk: "npm:^4.1.0"
+    debug: "npm:^4.3.2"
+    fs-extra: "npm:^9.1.0"
+    getenv: "npm:^1.0.0"
+    glob: "npm:^10.4.2"
+    jsc-safe-url: "npm:^0.2.4"
+    lightningcss: "npm:~1.27.0"
+    minimatch: "npm:^3.0.4"
+    postcss: "npm:~8.4.32"
+    resolve-from: "npm:^5.0.0"
+  checksum: 10/1a98844a079f3c97854d84f5fac6b207dfc404da4ade0133b9b8c7581903dbf5f4a806fd4b7394bf009bbde39df4bfb10b09930245a017255efe88884b77013f
+  languageName: node
+  linkType: hard
+
+"@expo/metro-runtime@npm:4.0.0":
+  version: 4.0.0
+  resolution: "@expo/metro-runtime@npm:4.0.0"
+  peerDependencies:
+    react-native: "*"
+  checksum: 10/2f5bd81e4d0735dc9b99ac4f35169969eb9dc303669ddc3158f670a3c36115f87d479a6fda11c1d5acab551f1015a32271c83001e8874493f0ec58c02f8ddbf3
+  languageName: node
+  linkType: hard
+
+"@expo/osascript@npm:^2.0.31":
+  version: 2.1.4
+  resolution: "@expo/osascript@npm:2.1.4"
+  dependencies:
+    "@expo/spawn-async": "npm:^1.7.2"
+    exec-async: "npm:^2.2.0"
+  checksum: 10/d35a36bd93f0477138e0b93da8bde8098d8b1158fbbf1c4121a8fc345681eb6aff51df8639c3d32fcfc98eedc9c018d044aa56684507604968c31c238a3e53de
+  languageName: node
+  linkType: hard
+
+"@expo/package-manager@npm:^1.5.0":
+  version: 1.6.1
+  resolution: "@expo/package-manager@npm:1.6.1"
+  dependencies:
+    "@expo/json-file": "npm:^9.0.0"
+    "@expo/spawn-async": "npm:^1.7.2"
+    ansi-regex: "npm:^5.0.0"
+    chalk: "npm:^4.0.0"
+    find-up: "npm:^5.0.0"
+    js-yaml: "npm:^3.13.1"
+    micromatch: "npm:^4.0.8"
+    npm-package-arg: "npm:^11.0.0"
+    ora: "npm:^3.4.0"
+    resolve-workspace-root: "npm:^2.0.0"
+    split: "npm:^1.0.1"
+    sudo-prompt: "npm:9.1.1"
+  checksum: 10/64c08bdc64516c3085ba9bc5870efac5f93b6e8dc3f5e9e6047984df9a7043b639b024177a927b24f7eca989cf257d9ad430b6ac68900eea6c7ddf203cbed12a
+  languageName: node
+  linkType: hard
+
+"@expo/plist@npm:^0.2.0, @expo/plist@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@expo/plist@npm:0.2.1"
+  dependencies:
+    "@xmldom/xmldom": "npm:~0.7.7"
+    base64-js: "npm:^1.2.3"
+    xmlbuilder: "npm:^14.0.0"
+  checksum: 10/141c640a5ca78538695ce70312939789019b47ea1482e5641afa61b558f9484823c94816a748640f64c1bec052cc69f693f64b2e35bd358d40525162def075e7
+  languageName: node
+  linkType: hard
+
+"@expo/prebuild-config@npm:^8.0.22":
+  version: 8.0.22
+  resolution: "@expo/prebuild-config@npm:8.0.22"
+  dependencies:
+    "@expo/config": "npm:~10.0.4"
+    "@expo/config-plugins": "npm:~9.0.10"
+    "@expo/config-types": "npm:^52.0.0"
+    "@expo/image-utils": "npm:^0.6.0"
+    "@expo/json-file": "npm:^9.0.0"
+    "@react-native/normalize-colors": "npm:0.76.3"
+    debug: "npm:^4.3.1"
+    fs-extra: "npm:^9.0.0"
+    resolve-from: "npm:^5.0.0"
+    semver: "npm:^7.6.0"
+    xml2js: "npm:0.6.0"
+  checksum: 10/28780c041c2c6449ec81166c83f5b1f8e223a37e3445b94acfd69e9cd9cfb746a5178ff88133a1cb2044357c4797f0c1e341788a8947022030ebc8eed06ce966
+  languageName: node
+  linkType: hard
+
+"@expo/rudder-sdk-node@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "@expo/rudder-sdk-node@npm:1.1.1"
+  dependencies:
+    "@expo/bunyan": "npm:^4.0.0"
+    "@segment/loosely-validate-event": "npm:^2.0.0"
+    fetch-retry: "npm:^4.1.1"
+    md5: "npm:^2.2.1"
+    node-fetch: "npm:^2.6.1"
+    remove-trailing-slash: "npm:^0.1.0"
+    uuid: "npm:^8.3.2"
+  checksum: 10/e5611d51cbeb8c7517b2265e909bfc6b59f4b973b3ce08f9581e233164ab4ca2ec3b9288f895750aea1c390fa40cce136665c659a937493b08f00d606a4436f8
+  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.5.0":
+  version: 0.5.0
+  resolution: "@expo/server@npm:0.5.0"
+  dependencies:
+    "@remix-run/node": "npm:^2.12.0"
+    abort-controller: "npm:^3.0.0"
+    debug: "npm:^4.3.4"
+    source-map-support: "npm:~0.5.21"
+  checksum: 10/aec839bcd8e72dd366e7a02721a364644e84d0db4a34b402f676f3f95c1ed49770f8909108f6cb8a1ba1285e9acae3ed2ee2563f18620efdacb1b812eb5fe838
+  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, @expo/vector-icons@npm:^14.0.2":
+  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/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.14":
+  version: 0.2.14
+  resolution: "@firebase/analytics-compat@npm:0.2.14"
+  dependencies:
+    "@firebase/analytics": "npm:0.10.8"
+    "@firebase/analytics-types": "npm:0.8.2"
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/0e368159d24223076b488b27308c11e5ef50456aff49fc58e1f66616228021c61e60c3299f63ce52ddc2f7099d803e9048bc28cd952cf5c302917002c03c85ee
+  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-types@npm:0.8.2":
+  version: 0.8.2
+  resolution: "@firebase/analytics-types@npm:0.8.2"
+  checksum: 10/297fb7becbc51950c7de5809fed896c391d1e87b4d8bb4bf88f4e8760b2e32f903a7dd8e92de4424b49c4e2ecb60a44d49e2f9c68ac3f7ffe3a0194f78910392
+  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.8":
+  version: 0.10.8
+  resolution: "@firebase/analytics@npm:0.10.8"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/installations": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/152ddaf68146f02baa7060d34426c25ec13890a53942ffa2db09faa148bef35f59ee9810e6fb8f561fb3d115b71d1fb9fb111d2a0f0199aa510220782557c765
+  languageName: node
+  linkType: hard
+
+"@firebase/app-check-compat@npm:0.3.15":
+  version: 0.3.15
+  resolution: "@firebase/app-check-compat@npm:0.3.15"
+  dependencies:
+    "@firebase/app-check": "npm:0.8.8"
+    "@firebase/app-check-types": "npm:0.5.2"
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/ae541d324d5f91dbb7b479855d3380c4fe73e365013b80973a54620405093e6fd2f8e418549155b3a527530472a19b6edf6df1481a708f823eba42e376105b28
+  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-interop-types@npm:0.3.2":
+  version: 0.3.2
+  resolution: "@firebase/app-check-interop-types@npm:0.3.2"
+  checksum: 10/3effe656a4762c541838f4bde91b4498e51d48389046b930dc3dbb012e54b6ab0727f7c68a3e94198f633d57833346fc337a0847b6b03d2407030e1489d466fe
+  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.2":
+  version: 0.5.2
+  resolution: "@firebase/app-check-types@npm:0.5.2"
+  checksum: 10/2b33a7adfb7b6ebf5423940bf0af5909df69bf2d6184e12e989f6c76062077be16c31193795349862b4f8aab6b3059806b732a92995cae30fd77419f19a86c6e
+  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.8":
+  version: 0.8.8
+  resolution: "@firebase/app-check@npm:0.8.8"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/a3676f2143c8e438d7e8ac11bb163af30880f6ce6acc5cc54cfcc214b8efd5dabce14c040626f8a64a3967db144b99834f1108c2076a0eae8a6baf864b5a3d77
+  languageName: node
+  linkType: hard
+
+"@firebase/app-compat@npm:0.2.41":
+  version: 0.2.41
+  resolution: "@firebase/app-compat@npm:0.2.41"
+  dependencies:
+    "@firebase/app": "npm:0.10.11"
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  checksum: 10/67e4b0572a3c24c4acc13e2c3b55a4fc778d286bae10f1df684a142c9790b4f131519fe84087341884bd67b04b822c3f7092b9748dfa3b52086b6f82ca8a1001
+  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-types@npm:0.9.2":
+  version: 0.9.2
+  resolution: "@firebase/app-types@npm:0.9.2"
+  checksum: 10/566b3714a4d7e8180514258e4b1549bf5b28ae0383b4ff53d3532a45e114048afdd27c1fef8688d871dd9e5ad5307e749776e23f094122655ac6b0fb550eb11a
+  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.11":
+  version: 0.10.11
+  resolution: "@firebase/app@npm:0.10.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  checksum: 10/529d9e59b39e96cd97a8402e1cee508dbbb962aa1805345dc902ecbfe61709bb46ab3b821cd3b50b3d2e3e9f898515eb91cded030492e376550a97518cbcdb70
+  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/auth-compat@npm:0.5.14":
+  version: 0.5.14
+  resolution: "@firebase/auth-compat@npm:0.5.14"
+  dependencies:
+    "@firebase/auth": "npm:1.7.9"
+    "@firebase/auth-types": "npm:0.12.2"
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+    undici: "npm:6.19.7"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/85d5259e7b04b14b5d02dc1fb19b015d742c594c14138f33f13146ed9f6caa7ed9d19d65bb99aaca57e70ffd2a491e520d8638eadefbd00f839d37ef972cbbda
+  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-interop-types@npm:0.2.3":
+  version: 0.2.3
+  resolution: "@firebase/auth-interop-types@npm:0.2.3"
+  checksum: 10/e55b8ded6bd1a5e6a2845c9c7ed520bb9a8a76e4ddf90249bf685986ac7b1fb079be2fa4edcb6a3aa81d1d56870a470eadcd5a8f20b797dccd803d72ed4c80aa
+  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.2":
+  version: 0.12.2
+  resolution: "@firebase/auth-types@npm:0.12.2"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/f55449381de8e2a24ffaf19f12b5c4a093c8323034253ea7a5f7afc946327d20b09f32a483c12960862a1c4814645ea80bc4343f0a9f22db5dc048ca82773132
+  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@npm:1.7.9":
+  version: 1.7.9
+  resolution: "@firebase/auth@npm:1.7.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+    undici: "npm:6.19.7"
+  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/010013ec339c9ef7b4d9278c6cacfd8e2eb3282f27a3e4e89c42a5968955976a26277421f34fda3e9400409a22a61f632bcc03e713b3f39d71e4777bc003165d
+  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/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.9":
+  version: 0.6.9
+  resolution: "@firebase/component@npm:0.6.9"
+  dependencies:
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  checksum: 10/76c865d640e4b24a0e50876ecdc0e1199df38af562131a937b5a4bac924d61b6933339afb7906881dca509f38f3b0c511cd6b5008e061424c61b20876de9531e
+  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/database-compat@npm:1.0.8":
+  version: 1.0.8
+  resolution: "@firebase/database-compat@npm:1.0.8"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/database": "npm:1.0.8"
+    "@firebase/database-types": "npm:1.0.5"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  checksum: 10/28389efcc87da77b822cb27c31707824fe98e7b0a3bf9cbf2b0c0fccd9edd72e2681a9467b76b120281464dbfc814852ebca63d99a385a9cb68fb55c7b334105
+  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-types@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@firebase/database-types@npm:1.0.5"
+  dependencies:
+    "@firebase/app-types": "npm:0.9.2"
+    "@firebase/util": "npm:1.10.0"
+  checksum: 10/bdf667da0369dce8623987fc01cad8db09cfe1895130f69ab581d34a0ee043ca6113c32457629147ae1441a934d985ede9d7cbe104ac346de6d0c21629903a8b
+  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@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.8":
+  version: 1.0.8
+  resolution: "@firebase/database@npm:1.0.8"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.2"
+    "@firebase/auth-interop-types": "npm:0.2.3"
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    faye-websocket: "npm:0.11.4"
+    tslib: "npm:^2.1.0"
+  checksum: 10/adb199a6ad7866b418e8b319cc505e108bfc8200b5406f21857706df0849d4e5982a1b0e44e07001821edebef73c4dfffc7f96fb77a2cff10bb9ac26f17d40c3
+  languageName: node
+  linkType: hard
+
+"@firebase/firestore-compat@npm:0.3.37":
+  version: 0.3.37
+  resolution: "@firebase/firestore-compat@npm:0.3.37"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/firestore": "npm:4.7.2"
+    "@firebase/firestore-types": "npm:3.0.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/c152ba401f0d786699b25e1101d77351b7a6503f1a1f774efa7fecacc66aec58aca58a7b54e3f8587fcb45ffa3772d5e123ae79ddd90d0a87f2042ac34880d8a
+  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-types@npm:3.0.2":
+  version: 3.0.2
+  resolution: "@firebase/firestore-types@npm:3.0.2"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/81e91f836a026ecb70937407ca8699add7abb5b050d8815620cde97c3eec3f78f7dfbb366225758909f0df31d9f21e98a84ba62701bd27ee38b2609898c11acd
+  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.2":
+  version: 4.7.2
+  resolution: "@firebase/firestore@npm:4.7.2"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    "@firebase/webchannel-wrapper": "npm:1.0.1"
+    "@grpc/grpc-js": "npm:~1.9.0"
+    "@grpc/proto-loader": "npm:^0.7.8"
+    tslib: "npm:^2.1.0"
+    undici: "npm:6.19.7"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/066a125760bc2163bbc9c6fcde8b3f67da97791f8ce6f5ffa8ff3c40567aff97b2fe02020c3403857f104f051e4d6452aee60fe75ed5e408e467c611c397b4bb
+  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/functions-compat@npm:0.3.14":
+  version: 0.3.14
+  resolution: "@firebase/functions-compat@npm:0.3.14"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/functions": "npm:0.11.8"
+    "@firebase/functions-types": "npm:0.6.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/a8d6cbcdc646d78adecfcdc1f8fa14a5d9af2394dd69cac00c6826106b923e01d246c67fb7e09025ca7cfb876f8d5df97240cc056c64ccee8899ca5f17178a6c
+  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-types@npm:0.6.2":
+  version: 0.6.2
+  resolution: "@firebase/functions-types@npm:0.6.2"
+  checksum: 10/5b8733f9d4bd85a617d35dd10ce296d9ec0490494e584697c4eda8098ff1e865607d7880b84194e86c35d438bbcd714977c111180502d0d1b6b2da1cde1b37ca
+  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.11.8":
+  version: 0.11.8
+  resolution: "@firebase/functions@npm:0.11.8"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.2"
+    "@firebase/auth-interop-types": "npm:0.2.3"
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/messaging-interop-types": "npm:0.2.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+    undici: "npm:6.19.7"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/44f3e42df189f3f3cb3c366b38e93a0ffdfaa1a7b3f6dba624bcd9a7cda3d3271df66f2769b7cbe7e1e5ff01bf6ab3bef6c1e1e15c6646e34514d1e2ebb60555
+  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/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.9":
+  version: 0.2.9
+  resolution: "@firebase/installations-compat@npm:0.2.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/installations": "npm:0.6.9"
+    "@firebase/installations-types": "npm:0.5.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/919e1a4f4b63f5fe757a3c9cefb4a36cbab92deb4a6e15f249c94d6e80d1c6d37e5e384a460af8c17fc88e3091594bf43d036c88b704516c279b5ab8401977e1
+  languageName: node
+  linkType: hard
+
+"@firebase/installations-types@npm:0.5.2":
+  version: 0.5.2
+  resolution: "@firebase/installations-types@npm:0.5.2"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+  checksum: 10/2e795280c299d644b8c8e3fdfa5c6f20cb367dd3b7df32317211f84393fa169b33dee0cbed28de407f3b22dc8f1fb2f7a11ae5a373f8082cc570ef61ef6b91ba
+  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.9":
+  version: 0.6.9
+  resolution: "@firebase/installations@npm:0.6.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/util": "npm:1.10.0"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/349c8b7e877b002fb29f274f4d239fbca4c2c266ccb66ecfb5f1762f973a7fe1be99cc3346184d1230e6e35feb2b6f9e8b7169479fa0018b53e4a83837848619
+  languageName: node
+  linkType: hard
+
+"@firebase/logger@npm:0.4.2":
+  version: 0.4.2
+  resolution: "@firebase/logger@npm:0.4.2"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/961b4605220c0a56c5f3ccf4e6049e44c27303c1ca998c6fa1d19de785c76d93e3b1a3da455e9f40655711345d8d779912366e4f369d93eda8d08c407cc5b140
+  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.11":
+  version: 0.2.11
+  resolution: "@firebase/messaging-compat@npm:0.2.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/messaging": "npm:0.12.11"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/8ace6d65adcf891b272875b7b3f43978a15644b23f7ee796346f02eb50007c20c99719f4991772911005697613bf122167ca150d8245d0fccb2b959472b4a625
+  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-interop-types@npm:0.2.2":
+  version: 0.2.2
+  resolution: "@firebase/messaging-interop-types@npm:0.2.2"
+  checksum: 10/547f8ebf2c5a8dcbc484991b97d76bd3dc3eb4bd9d4e6ea2ffc652097c7065d92dc68d389ddb19fba41e0ce3b5f4cd757ed22f96b4744801149b0f8dbf323af7
+  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.11":
+  version: 0.12.11
+  resolution: "@firebase/messaging@npm:0.12.11"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/installations": "npm:0.6.9"
+    "@firebase/messaging-interop-types": "npm:0.2.2"
+    "@firebase/util": "npm:1.10.0"
+    idb: "npm:7.1.1"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/1de21d56c74996e99151a902e0f1ff0825d47ebff044104483a838ff5cb4883433b2f541616b033255e4fd2780b29f71982d8832edf4987c101df97ed508828a
+  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/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.9":
+  version: 0.2.9
+  resolution: "@firebase/performance-compat@npm:0.2.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/performance": "npm:0.6.9"
+    "@firebase/performance-types": "npm:0.2.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/bc4e8b0208c9bc603518e1388713ec80658ee109c6af80d429479447ccb85e8e831269383233c379ed66bf37469d13f5c234074d0c0c9e7e69e909be5fdeca4f
+  languageName: node
+  linkType: hard
+
+"@firebase/performance-types@npm:0.2.2":
+  version: 0.2.2
+  resolution: "@firebase/performance-types@npm:0.2.2"
+  checksum: 10/d25ae06cb75ab6b44ffacf7affadc1f651881f283e58381c444eb63b62dfb74c33c544ab89843518ec1d15367ba7c4343b4d6b22de1f1df35126a1283baa578d
+  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.6.9":
+  version: 0.6.9
+  resolution: "@firebase/performance@npm:0.6.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/installations": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/d682d0b1e342ed3eda1a5ddab39c8ddac33afc9edb2c7335a2f9a28eb8c268b975bbf450a3bad5443138edebaf2aa731dca0b774bcf3211a6dc215b35d86d849
+  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.9":
+  version: 0.2.9
+  resolution: "@firebase/remote-config-compat@npm:0.2.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/remote-config": "npm:0.4.9"
+    "@firebase/remote-config-types": "npm:0.3.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/a6db7509512d8d22b7ddf1127c741715e379e04e5b3246372bb0302d7c84afb421a94550adebecddcce5def115d61729a9580940dce6e65f8d77f9af30f69fe1
+  languageName: node
+  linkType: hard
+
+"@firebase/remote-config-types@npm:0.3.2":
+  version: 0.3.2
+  resolution: "@firebase/remote-config-types@npm:0.3.2"
+  checksum: 10/6c91599c653825708aba9fe9e4562997f108c3e4f3eaf5d188f31c859a6ad013414aa7a213b6b021b68049dd0dd57158546dbc9fb64384652274ef7f57ce7d7d
+  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@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.4.9":
+  version: 0.4.9
+  resolution: "@firebase/remote-config@npm:0.4.9"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/installations": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/f14189f38c8cf75db16bf8b85dd004486b1dd8242f62d697c716fa85cd32928aed549ccea8c632a528870a424fc7f04f1132a14b3b099276cd7696c78e644b28
+  languageName: node
+  linkType: hard
+
+"@firebase/storage-compat@npm:0.3.12":
+  version: 0.3.12
+  resolution: "@firebase/storage-compat@npm:0.3.12"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/storage": "npm:0.13.2"
+    "@firebase/storage-types": "npm:0.8.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app-compat": 0.x
+  checksum: 10/4eea49a57f1d7537da697e5ff8b4e035ff1af69e416e7eab14485753c39c25eaa5a71bd2bafba0985ac6a7ce803f98f2f2f83c613c78c8f74bce286e3259b8ec
+  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-types@npm:0.8.2":
+  version: 0.8.2
+  resolution: "@firebase/storage-types@npm:0.8.2"
+  peerDependencies:
+    "@firebase/app-types": 0.x
+    "@firebase/util": 1.x
+  checksum: 10/e00716932370d2004dc9f7ef6d7e3aff72305b91569fa6ec15e8bc2ec784b03a150391e8be2c063234edbbfda7796da915d48e26ce2f1f7c5d3343acd39afd99
+  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.2":
+  version: 0.13.2
+  resolution: "@firebase/storage@npm:0.13.2"
+  dependencies:
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+    undici: "npm:6.19.7"
+  peerDependencies:
+    "@firebase/app": 0.x
+  checksum: 10/d887f80cf95ef5daa80ffb2e6d564d25abb8a3e84099bee9730c95082597a12028bbf73bfe66fca2df3cdf04eaadea8e9d74ec0a826f946bc8f002293a9983ea
+  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/util@npm:1.10.0":
+  version: 1.10.0
+  resolution: "@firebase/util@npm:1.10.0"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/eb161f1c6294ff097f3c40236820e9e6e29cd6582e5e1254148157143272493580535ee2cb9e7c6055d3909b3ef39d8b64086895b071c665827acb66742b63eb
+  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/vertexai-preview@npm:0.0.4":
+  version: 0.0.4
+  resolution: "@firebase/vertexai-preview@npm:0.0.4"
+  dependencies:
+    "@firebase/app-check-interop-types": "npm:0.3.2"
+    "@firebase/component": "npm:0.6.9"
+    "@firebase/logger": "npm:0.4.2"
+    "@firebase/util": "npm:1.10.0"
+    tslib: "npm:^2.1.0"
+  peerDependencies:
+    "@firebase/app": 0.x
+    "@firebase/app-types": 0.x
+  checksum: 10/8ec48d81f48aebdcc63b65d802c67bf36880f256e5c2f5f3b152dc91c8c0e924053fba2fac5218716612f8ee720b25d0822337a214f16f5b7e51ce0247dfc4e5
+  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/webchannel-wrapper@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@firebase/webchannel-wrapper@npm:1.0.1"
+  checksum: 10/22fc7e1e6dd36ab7c13f3a6c1ff51f4d405304424dc323cb146109e7a3ab3b592e2ddb29f53197ee5719a8448cdedb98d9e86a080f9365e389f8429b1c6555c2
+  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.6":
+  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.26.24":
+  version: 0.26.28
+  resolution: "@floating-ui/react@npm:0.26.28"
+  dependencies:
+    "@floating-ui/react-dom": "npm:^2.1.2"
+    "@floating-ui/utils": "npm:^0.2.8"
+    tabbable: "npm:^6.0.0"
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 10/7f8e6b27db48b68ca94756687af21857be04e7360ac922d7c8e22411f2895df6384af7bd40f4b48663d3cc5809bb5c6574cd9c9ea15543ec747b9a8e1c8c3008
+  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
+
+"@formatjs/ecma402-abstract@npm:1.11.4":
+  version: 1.11.4
+  resolution: "@formatjs/ecma402-abstract@npm:1.11.4"
+  dependencies:
+    "@formatjs/intl-localematcher": "npm:0.2.25"
+    tslib: "npm:^2.1.0"
+  checksum: 10/2bdab58db3fc78cba3bb6b6c4abe98bde20c599ab2834438faaff45d7dbdaa32b1a8a7a898bc4a038e8ae3e2baf9d48ec287be798c2588dc7a32e4cdbfd0039f
+  languageName: node
+  linkType: hard
+
+"@formatjs/fast-memoize@npm:1.2.1":
+  version: 1.2.1
+  resolution: "@formatjs/fast-memoize@npm:1.2.1"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/7df9e941142be16e5862afe7387926cec44ec136d2c2f9a7e1598cb6c8c23a65e420ed90251ec9b48df083f5473b10d6fbbee2e9fc7233d5bf1f27efffba59a7
+  languageName: node
+  linkType: hard
+
+"@formatjs/icu-messageformat-parser@npm:2.1.0":
+  version: 2.1.0
+  resolution: "@formatjs/icu-messageformat-parser@npm:2.1.0"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:1.11.4"
+    "@formatjs/icu-skeleton-parser": "npm:1.3.6"
+    tslib: "npm:^2.1.0"
+  checksum: 10/74b5bee8ec2d793e2ad6084f53013dc6a5a4205190fe7fb15d36a5169a659fda6ccb1815812acc9d4e02edaaba9656180cad7e74cd9c4484aeb981ae3f5f81d7
+  languageName: node
+  linkType: hard
+
+"@formatjs/icu-skeleton-parser@npm:1.3.6":
+  version: 1.3.6
+  resolution: "@formatjs/icu-skeleton-parser@npm:1.3.6"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:1.11.4"
+    tslib: "npm:^2.1.0"
+  checksum: 10/01a1b86d208cc8453707d688e5c0d023c7a7ea1d26e59968cdeb2f33976bcb1d22030a4438d88587b32563c651108186cb4ddebf23a047e3b263d47c6d905b2f
+  languageName: node
+  linkType: hard
+
+"@formatjs/intl-localematcher@npm:0.2.25":
+  version: 0.2.25
+  resolution: "@formatjs/intl-localematcher@npm:0.2.25"
+  dependencies:
+    tslib: "npm:^2.1.0"
+  checksum: 10/ee00ddc23317dc47a58831aaca5112e101d8bb1f38adc0ecfe1a9d7e008d0bb1091519f07e1d7d805b0c1e28f2c3e75f697ae479e22423445814412c7669284c
+  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.0.6":
+  version: 5.0.6
+  resolution: "@gorhom/bottom-sheet@npm:5.0.6"
+  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/b8beb6bb4d80828deed5c74c8b19926cbb4887d530d07c19eaaa1d8faae6c79f942f83baad076c84d065f357f6666cbc257799fe8fc58cb375e6cbebf52b6227
+  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
+
+"@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.1":
+  version: 0.4.1
+  resolution: "@humanwhocodes/retry@npm:0.4.1"
+  checksum: 10/39fafc7319e88f61befebd5e1b4f0136534ea6a9bd10d74366698187bd63544210ec5d79a87ed4d91297f1cc64c4c53d45fb0077a2abfdce212cf0d3862d5f04
+  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.6.3":
+  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, @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.1.0":
+  version: 1.4.0
+  resolution: "@ledgerhq/context-module@npm:1.4.0"
+  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.7.0
+  checksum: 10/9a284a4cd6bba08cbb7fcbcfa726817c18fb9dccdcf7168868246c8b9bffea11d64e57c4e8aa011f145ccf8ce8a5f26878fede1b4f2098562343c982fab5d256
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/cryptoassets-evm-signatures@npm:^13.5.6":
+  version: 13.5.6
+  resolution: "@ledgerhq/cryptoassets-evm-signatures@npm:13.5.6"
+  dependencies:
+    "@ledgerhq/live-env": "npm:^2.8.0"
+    axios: "npm:1.7.7"
+  checksum: 10/4320c22ae60fbb95f08acba9ae90a35378f74a335abef670ed35440f5d9bba5f8413bd9a4d2130e97cbeeeb98708e95353de066cf7016e9ca29f4a9edf91d3d5
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/device-management-kit@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "@ledgerhq/device-management-kit@npm:0.5.1"
+  dependencies:
+    "@ledgerhq/device-transport-kit-mock-client": "npm:1.1.0"
+    "@sentry/minimal": "npm:^6.19.7"
+    "@statelyai/inspect": "npm:^0.4.0"
+    axios: "npm:^1.7.7"
+    inversify: "npm:^6.0.3"
+    inversify-logger-middleware: "npm:^3.1.0"
+    purify-ts: "npm:^2.1.0"
+    reflect-metadata: "npm:^0.2.2"
+    rxjs: "npm:^7.8.1"
+    semver: "npm:^7.6.3"
+    uuid: "npm:^10.0.0"
+    xstate: "npm:^5.18.2"
+  checksum: 10/7cfc836d4ac60991d0237abdc7137e06e5b331b06ea488e00d70c54a15788de6b325154ef22ff25a9a4664447f1f87bf320638a622ed02855a41b7e683494224
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/device-signer-kit-ethereum@npm:^1.1.0":
+  version: 1.4.0
+  resolution: "@ledgerhq/device-signer-kit-ethereum@npm:1.4.0"
+  dependencies:
+    "@ledgerhq/signer-utils": "npm:1.0.5"
+    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.7.0"
+    xstate: "npm:5.19.2"
+  peerDependencies:
+    "@ledgerhq/context-module": ^1.4.0
+    "@ledgerhq/device-management-kit": ^0.7.0
+  checksum: 10/f1d9057c813569878ee4dbe00513d0b5d10e1275a63454c75db610f0cdce68606f508bac82a3f542fb4fbd420f0949dc5fa5a81948d49efda0704645de74b538
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/device-transport-kit-mock-client@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@ledgerhq/device-transport-kit-mock-client@npm:1.1.0"
+  checksum: 10/92fe49953b8f21e6164b28a29db9ecee808c05009f3e9ae21c2ce5b8d26b17a277755eb6653f20989cb19decda06894c39031232595615d3180b42537244cc5f
+  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/devices@npm:^8.4.4":
+  version: 8.4.4
+  resolution: "@ledgerhq/devices@npm:8.4.4"
+  dependencies:
+    "@ledgerhq/errors": "npm:^6.19.1"
+    "@ledgerhq/logs": "npm:^6.12.0"
+    rxjs: "npm:^7.8.1"
+    semver: "npm:^7.3.5"
+  checksum: 10/57136fc45ae2fa42b3cf93eb7cc3542fd84010390b3d0a536d342c7e92f90e475d608b1774f17a547419edddd7df0d0b1b1dbd6d2c778009ebab0fc3ec313f67
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/domain-service@npm:^1.2.29":
+  version: 1.2.29
+  resolution: "@ledgerhq/domain-service@npm:1.2.29"
+  dependencies:
+    "@ledgerhq/errors": "npm:^6.19.1"
+    "@ledgerhq/logs": "npm:^6.12.0"
+    "@ledgerhq/types-live": "npm:^6.70.0"
+    axios: "npm:1.7.7"
+    eip55: "npm:^2.1.1"
+    react: "npm:^18.2.0"
+    react-dom: "npm:^18.2.0"
+  checksum: 10/edc3d0c1294477ec89446c24d48c0526a82b935c971634154f92b352038435af2690b4e3d4cc9581e355c644c49d484892e996c4f563b600b85bb47b57b4df5c
+  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.19.1":
+  version: 6.19.1
+  resolution: "@ledgerhq/errors@npm:6.19.1"
+  checksum: 10/8265c6d73c314a4aabbe060ec29e2feebb4e904fe811bf7a9c53cde08e713dcbceded9d927ebb2f0ffc47a7b16524379d4a7e9aa3d61945b8a832be7cd5cf69b
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/evm-tools@npm:^1.6.2":
+  version: 1.6.2
+  resolution: "@ledgerhq/evm-tools@npm:1.6.2"
+  dependencies:
+    "@ethersproject/constants": "npm:^5.7.0"
+    "@ethersproject/hash": "npm:^5.7.0"
+    "@ledgerhq/cryptoassets-evm-signatures": "npm:^13.5.6"
+    "@ledgerhq/live-env": "npm:^2.8.0"
+    axios: "npm:1.7.7"
+    crypto-js: "npm:4.2.0"
+  checksum: 10/43cf4d894fbf68821a052cb941c9997dfe9ac2a2e60cd49185b5de68091913fe271777e35ffb1bb5a22df14c2555286ed12b25c9b51e30e200b28348ff5c90e7
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-app-eth@npm:^6.19.0":
+  version: 6.45.4
+  resolution: "@ledgerhq/hw-app-eth@npm:6.45.4"
+  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.6"
+    "@ledgerhq/domain-service": "npm:^1.2.29"
+    "@ledgerhq/errors": "npm:^6.19.1"
+    "@ledgerhq/evm-tools": "npm:^1.6.2"
+    "@ledgerhq/hw-transport": "npm:^6.31.4"
+    "@ledgerhq/hw-transport-mocker": "npm:^6.29.4"
+    "@ledgerhq/logs": "npm:^6.12.0"
+    "@ledgerhq/types-live": "npm:^6.70.0"
+    axios: "npm:1.7.7"
+    bignumber.js: "npm:^9.1.2"
+    jest-sonar: "npm:0.2.16"
+    semver: "npm:^7.3.5"
+  checksum: 10/f29c20b8e83f9990fc4b44465f1cfa381b84525faf388f12b18c67d9c281a8fc3e28525f983b3cd45028788dbda87a9902f4a48dd84fb121f2f78e737b6a9854
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/hw-transport-mocker@npm:^6.29.4":
+  version: 6.29.4
+  resolution: "@ledgerhq/hw-transport-mocker@npm:6.29.4"
+  dependencies:
+    "@ledgerhq/hw-transport": "npm:^6.31.4"
+    "@ledgerhq/logs": "npm:^6.12.0"
+    rxjs: "npm:^7.8.1"
+  checksum: 10/6f1568b1723ee6964872b09b712714bacf33c87e83413a33420b7ba11e3c30fa6786f02d2cf7b8bc9b3560f4b5c3b166017d5e0a960267a7824a153687fe32ed
+  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.4
+  resolution: "@ledgerhq/hw-transport-webusb@npm:6.29.4"
+  dependencies:
+    "@ledgerhq/devices": "npm:^8.4.4"
+    "@ledgerhq/errors": "npm:^6.19.1"
+    "@ledgerhq/hw-transport": "npm:^6.31.4"
+    "@ledgerhq/logs": "npm:^6.12.0"
+  checksum: 10/58601374ce76c9cb4b371d6c293e5cb65c44f963e3526f27aa1b064cbd7fb482e88eb00e6dfb0165768cf0b29a1b86d90c4ccd29603d9b01fda817f719bb6e17
+  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.4":
+  version: 6.31.4
+  resolution: "@ledgerhq/hw-transport@npm:6.31.4"
+  dependencies:
+    "@ledgerhq/devices": "npm:^8.4.4"
+    "@ledgerhq/errors": "npm:^6.19.1"
+    "@ledgerhq/logs": "npm:^6.12.0"
+    events: "npm:^3.3.0"
+  checksum: 10/cf101e5b818e95e59031241d556dbec24658f54104910e414be493bc4b90b0aea50f5d4b3339a237dd0b12845bb2683c845f3a82f2ea9da4e077b68d1e1f7e48
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/live-env@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "@ledgerhq/live-env@npm:2.8.0"
+  dependencies:
+    rxjs: "npm:^7.8.1"
+    utility-types: "npm:^3.10.0"
+  checksum: 10/9a8c5f2fba80a033814985b4721afce1d29eaefbb56c4a74c9ba3fe1ea16dd76b40dba95b18ec9422aa0072fce4158434151ecc16fd568c543297e9f1e85b9bb
+  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.12.0":
+  version: 6.12.0
+  resolution: "@ledgerhq/logs@npm:6.12.0"
+  checksum: 10/a0a01f5d6edb0c14e7a42d24ab67ce362219517f6a50d0572c917f4f7988a1e2e9363e3d0fb170fe267f054e1e30a111564de44276e01c538b258d902c546421
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/signer-utils@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@ledgerhq/signer-utils@npm:1.0.5"
+  peerDependencies:
+    "@ledgerhq/device-management-kit": ^0.7.0
+  checksum: 10/dff7b268f22e6f7c742823afc55ba58973c41c31bb98421cd855551e12ddbd5c36b2897f994e1fdf5ecb47f24bdc0ad78a327af83cb4ea8b8067b3d48756da63
+  languageName: node
+  linkType: hard
+
+"@ledgerhq/types-live@npm:^6.70.0":
+  version: 6.70.0
+  resolution: "@ledgerhq/types-live@npm:6.70.0"
+  dependencies:
+    bignumber.js: "npm:^9.1.2"
+    rxjs: "npm:^7.8.1"
+  checksum: 10/84e29545be1635e21f31027a559f641940fc7ad380cd22a5d4a7a8f271977f8208c08e4adb1edac55472f73f7347c16d3696ece3c6e397b546aa5e29f3202d81
+  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
+
+"@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, @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/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-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-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-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-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-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-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-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
+
+"@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.4.2, @noble/curves@npm:~1.4.0":
+  version: 1.4.2
+  resolution: "@noble/curves@npm:1.4.2"
+  dependencies:
+    "@noble/hashes": "npm:1.4.0"
+  checksum: 10/f433a2e8811ae345109388eadfa18ef2b0004c1f79417553241db4f0ad0d59550be6298a4f43d989c627e9f7551ffae6e402a4edf0173981e6da95fc7cab5123
+  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.0.0, @noble/curves@npm:~1.9.0":
+  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/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.4.0, @noble/hashes@npm:~1.4.0":
+  version: 1.4.0
+  resolution: "@noble/hashes@npm:1.4.0"
+  checksum: 10/e156e65794c473794c52fa9d06baf1eb20903d0d96719530f523cc4450f6c721a957c544796e6efd0197b2296e7cd70efeb312f861465e17940a3e3c7e0febc6
+  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.3.3, @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.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:^3.1.0":
+  version: 3.1.1
+  resolution: "@npmcli/fs@npm:3.1.1"
+  dependencies:
+    semver: "npm:^7.3.5"
+  checksum: 10/1e0e04087049b24b38bc0b30d87a9388ee3ca1d3fdfc347c2f77d84fcfe6a51f250bc57ba2c1f614d7e4285c6c62bf8c769bc19aa0949ea39e5b043ee023b0bd
+  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
+
+"@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
+
+"@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.0.0":
+  version: 1.0.0
+  resolution: "@radix-ui/react-compose-refs@npm:1.0.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.13.10"
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: 10/fb98be2e275a1a758ccac647780ff5b04be8dcf25dcea1592db3b691fecf719c4c0700126da605b2f512dd89caa111352b9fad59528d736b4e0e9a0e134a74a1
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-slot@npm:1.0.1":
+  version: 1.0.1
+  resolution: "@radix-ui/react-slot@npm:1.0.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.13.10"
+    "@radix-ui/react-compose-refs": "npm:1.0.0"
+  peerDependencies:
+    react: ^16.8 || ^17.0 || ^18.0
+  checksum: 10/b00fc6ec54a20785263540d9e4a0e3a13d9bc54d7af49b64f6a268eba4a6560c291bd95bbaa7cf7609fdf6fd0ebae54605bb01313de3fa180b06f2a321e9a3b4
+  languageName: node
+  linkType: hard
+
+"@react-native-async-storage/async-storage@npm:1.23.1":
+  version: 1.23.1
+  resolution: "@react-native-async-storage/async-storage@npm:1.23.1"
+  dependencies:
+    merge-options: "npm:^3.0.4"
+  peerDependencies:
+    react-native: ^0.0.0-0 || >=0.60 <1.0
+  checksum: 10/9d0acc7edb0ba9ee414d6e62c656e5d571c9d9615e7e9f4748865b965178998f2e73786b8050387ada00ddb6faaca97b5cf2e010ceaeebe91571991364a0f515
+  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.2.0":
+  version: 8.2.0
+  resolution: "@react-native-community/datetimepicker@npm:8.2.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/57b51a9423d3ba49029e2d9905db040f7091285c51578eef5273baf3dd2e22bde6d1a17962a8dc5e0ac588dccff0ab36c9774f9da76363fca458ec42d30c4d66
+  languageName: node
+  linkType: hard
+
+"@react-native-community/slider@npm:4.5.5":
+  version: 4.5.5
+  resolution: "@react-native-community/slider@npm:4.5.5"
+  checksum: 10/8c49f7e0b7d7c37b91c936805106e88ee31011dc210d5c237c07e35d330870536b560b48e6212195fffc2e2706b16c31715b6cebbb2cc33127702bff9850f134
+  languageName: node
+  linkType: hard
+
+"@react-native-firebase/app@npm:^21.7.1":
+  version: 21.7.1
+  resolution: "@react-native-firebase/app@npm:21.7.1"
+  dependencies:
+    firebase: "npm:10.13.2"
+  peerDependencies:
+    expo: ">=47.0.0"
+    react: "*"
+    react-native: "*"
+  peerDependenciesMeta:
+    expo:
+      optional: true
+  checksum: 10/33e35907cb564f6e4537eba963b202070c596c34a84027cccc343567d96f714f444cfa3e56a3f2c276c0aa9eef274a5b223f4308e70b8f0fc628db4362c24e3e
+  languageName: node
+  linkType: hard
+
+"@react-native-firebase/messaging@npm:^21.7.1":
+  version: 21.7.1
+  resolution: "@react-native-firebase/messaging@npm:21.7.1"
+  peerDependencies:
+    "@react-native-firebase/app": 21.7.1
+    expo: ">=47.0.0"
+  peerDependenciesMeta:
+    expo:
+      optional: true
+  checksum: 10/035a7e07fb2ff4d7f5b60eb7ba17c55b72f4c0438649085059e724e14bbf3d7a433701e7e22ea92450ca72c14b5b1d71ecdee2d49b6a5eae7cca4e3411b6138f
+  languageName: node
+  linkType: hard
+
+"@react-native-menu/menu@npm:^1.1.6":
+  version: 1.1.7
+  resolution: "@react-native-menu/menu@npm:1.1.7"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/59571ef815cb395a4961e2e68883cc6bb8b3c35b3d5153f49b5f5b46b255035a07369baf7c54628fbf5c7ed71202dc20e9317a7df54dff09e9de533285c61c28
+  languageName: node
+  linkType: hard
+
+"@react-native/assets-registry@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/assets-registry@npm:0.76.3"
+  checksum: 10/e56bf32d5900933474ff77b5441a285d6494fa8762eefcb3d3d1ffac85bade6464437142eb156f9c7214bff1a4107ff2054fe96d6e33f74b9b26001868706678
+  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-preset@npm:0.76.3, @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/community-cli-plugin@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/community-cli-plugin@npm:0.76.3"
+  dependencies:
+    "@react-native/dev-middleware": "npm:0.76.3"
+    "@react-native/metro-babel-transformer": "npm:0.76.3"
+    chalk: "npm:^4.0.0"
+    execa: "npm:^5.1.1"
+    invariant: "npm:^2.2.4"
+    metro: "npm:^0.81.0"
+    metro-config: "npm:^0.81.0"
+    metro-core: "npm:^0.81.0"
+    node-fetch: "npm:^2.2.0"
+    readline: "npm:^1.3.0"
+    semver: "npm:^7.1.3"
+  peerDependencies:
+    "@react-native-community/cli-server-api": "*"
+  peerDependenciesMeta:
+    "@react-native-community/cli-server-api":
+      optional: true
+  checksum: 10/c415f26bdebb9c32230423879ca206a34343a644c307e4efc07d09a677b1394ef945b1b65d615c84913227cd03bf205315728c8cd9188e5cb51c5cb3b12b589d
+  languageName: node
+  linkType: hard
+
+"@react-native/debugger-frontend@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/debugger-frontend@npm:0.76.3"
+  checksum: 10/6a652a3c18fad1850ec369588e60c4503306ff307404028019d34b31789e9ccb63343d4e8c6b6263dd994f609579380e827e1f42daaacd770d3be636de1ef836
+  languageName: node
+  linkType: hard
+
+"@react-native/dev-middleware@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/dev-middleware@npm:0.76.3"
+  dependencies:
+    "@isaacs/ttlcache": "npm:^1.4.1"
+    "@react-native/debugger-frontend": "npm:0.76.3"
+    chrome-launcher: "npm:^0.15.2"
+    chromium-edge-launcher: "npm:^0.2.0"
+    connect: "npm:^3.6.5"
+    debug: "npm:^2.2.0"
+    nullthrows: "npm:^1.1.1"
+    open: "npm:^7.0.3"
+    selfsigned: "npm:^2.4.1"
+    serve-static: "npm:^1.13.1"
+    ws: "npm:^6.2.3"
+  checksum: 10/d104275f7276837b92cc230dfdeeb8406f834518516bac99c82e81e54487540407627b670705f9b7f8e8a3a506bf7ee86043b4c4b37d6ce970d58309d8f5d251
+  languageName: node
+  linkType: hard
+
+"@react-native/gradle-plugin@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/gradle-plugin@npm:0.76.3"
+  checksum: 10/331263f289418b5416f298328d8ef7b1cf7cc4fcb13707d941f666414c4628d59b2fba988ec4dc38b3a9dbcd2e937053e2259aec7dbdcac890017914ea24516d
+  languageName: node
+  linkType: hard
+
+"@react-native/js-polyfills@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/js-polyfills@npm:0.76.3"
+  checksum: 10/6bf86f6003a26fcee796a5e6642eea0c8b8f49016d5fb8c39a5c13397b7c3c26cc0e3c96c9dc40ac8983148a252904ec6fa2201fcbe6c47819bde891d2db0a77
+  languageName: node
+  linkType: hard
+
+"@react-native/metro-babel-transformer@npm:0.76.3":
+  version: 0.76.3
+  resolution: "@react-native/metro-babel-transformer@npm:0.76.3"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@react-native/babel-preset": "npm:0.76.3"
+    hermes-parser: "npm:0.23.1"
+    nullthrows: "npm:^1.1.1"
+  peerDependencies:
+    "@babel/core": "*"
+  checksum: 10/00cc1092042a530665ceadae6315441de8efb41448f2011fdfa7f586c8787346ec90c68f740980b56b1271cea2436497d82b78f5f1551b8df83eab032d05b251
+  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.76.3":
+  version: 0.76.3
+  resolution: "@react-native/normalize-colors@npm:0.76.3"
+  checksum: 10/5675856bba8184f2049249cc217dc417857408fba6c4043d8ad2c941a33eba00af2574fa9e884c1f8073c99bd945308a310bbf89f63e67f17f4e6c11fdebf4fa
+  languageName: node
+  linkType: hard
+
+"@react-native/normalize-colors@npm:0.76.5":
+  version: 0.76.5
+  resolution: "@react-native/normalize-colors@npm:0.76.5"
+  checksum: 10/ebe4df00677e779443c54a36acf034d51f582eebdb5745c7c185ad49d4f5ed9302c1b7560c59f0c5a278b02768057c2b97ab431e7af2d8f2a97c6b848f377210
+  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.76.3":
+  version: 0.76.3
+  resolution: "@react-native/virtualized-lists@npm:0.76.3"
+  dependencies:
+    invariant: "npm:^2.2.4"
+    nullthrows: "npm:^1.1.1"
+  peerDependencies:
+    "@types/react": ^18.2.6
+    react: "*"
+    react-native: "*"
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/e3a43d669ff00379f93a03c8de4fddc88c0eafd30b1da9927c9613208e8b04bb1a41d1c955c29a2a7a0390ec318bc14aca6364541c9e29e0f803cedc8c0d2542
+  languageName: node
+  linkType: hard
+
+"@react-navigation/bottom-tabs@npm:^7.2.0":
+  version: 7.2.0
+  resolution: "@react-navigation/bottom-tabs@npm:7.2.0"
+  dependencies:
+    "@react-navigation/elements": "npm:^2.2.5"
+    color: "npm:^4.2.3"
+  peerDependencies:
+    "@react-navigation/native": ^7.0.14
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-safe-area-context: ">= 4.0.0"
+    react-native-screens: ">= 4.0.0"
+  checksum: 10/b4e830751f9494504d8446c96dce3af488406cee92af0172996439fd1dcf24baf4f2ff2a1ad77cc6ef5a0265d08bf0f3431f4ac7e8d5ca80e5c8564f20479418
+  languageName: node
+  linkType: hard
+
+"@react-navigation/core@npm:^7.3.1":
+  version: 7.3.1
+  resolution: "@react-navigation/core@npm:7.3.1"
+  dependencies:
+    "@react-navigation/routers": "npm:^7.1.2"
+    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/94800b6b0a55cd9e7ffafbd508f434f65db4ce72d9a5f7d0420e6ca560d97c10ff95957a20a7f438fff28f1b96f37397cd433537058a076dc50e94ccd0c27975
+  languageName: node
+  linkType: hard
+
+"@react-navigation/elements@npm:^2.2.5":
+  version: 2.2.5
+  resolution: "@react-navigation/elements@npm:2.2.5"
+  dependencies:
+    color: "npm:^4.2.3"
+  peerDependencies:
+    "@react-native-masked-view/masked-view": ">= 0.2.0"
+    "@react-navigation/native": ^7.0.14
+    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/f50a37ab35c80b9061ec2f540a656c90a4926e78585511dde5664d1ba5c2887918c33489f4518ff910a47bdba63390ae8ae8edceaf7f78335befe6f881067236
+  languageName: node
+  linkType: hard
+
+"@react-navigation/material-top-tabs@npm:^7.1.0":
+  version: 7.1.0
+  resolution: "@react-navigation/material-top-tabs@npm:7.1.0"
+  dependencies:
+    "@react-navigation/elements": "npm:^2.2.5"
+    color: "npm:^4.2.3"
+    react-native-tab-view: "npm:^4.0.5"
+  peerDependencies:
+    "@react-navigation/native": ^7.0.14
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-pager-view: ">= 6.0.0"
+  checksum: 10/ae243d8e888ac522ac456248bdb41ae98115ca6709c0b4aa8f77a53faec79813e951028a0ead0751e7b1b639bfd7468e632ee34e3f981359ee5c92bd6f58c9b7
+  languageName: node
+  linkType: hard
+
+"@react-navigation/native-stack@npm:^7.2.0":
+  version: 7.2.0
+  resolution: "@react-navigation/native-stack@npm:7.2.0"
+  dependencies:
+    "@react-navigation/elements": "npm:^2.2.5"
+    warn-once: "npm:^0.1.1"
+  peerDependencies:
+    "@react-navigation/native": ^7.0.14
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-safe-area-context: ">= 4.0.0"
+    react-native-screens: ">= 4.0.0"
+  checksum: 10/54c6c7163e34a0dcafdbe2c2f0566bae9255aeac8dffd62af0f3b05771f2c74210c67beb4493557ba44470b5895aa76fd7e48a78c06b0d6528be0137805a5351
+  languageName: node
+  linkType: hard
+
+"@react-navigation/native@npm:^7.0.14":
+  version: 7.0.14
+  resolution: "@react-navigation/native@npm:7.0.14"
+  dependencies:
+    "@react-navigation/core": "npm:^7.3.1"
+    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/6a9987da929141c11bc711c2c44998e4ef74160cc6aba902cf268350b8c78a91f999d90a5be09390063d99d1ef38fb6b43008393a0d1854a96ef41a1aa59395f
+  languageName: node
+  linkType: hard
+
+"@react-navigation/routers@npm:^7.1.2":
+  version: 7.1.2
+  resolution: "@react-navigation/routers@npm:7.1.2"
+  dependencies:
+    nanoid: "npm:3.3.8"
+  checksum: 10/8bc2f3907768e82898ea4b2daf83f301f40bdad50da2cb6d6b8382f0eb6da0804ec5beb88b183efdce2eb03f16d80b05e59a08e81e9809d99084605ad0f4dfb9
+  languageName: node
+  linkType: hard
+
+"@redux-devtools/core@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "@redux-devtools/core@npm:4.0.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.23.5"
+    "@redux-devtools/instrument": "npm:^2.2.0"
+    lodash: "npm:^4.17.21"
+  peerDependencies:
+    react: ^16.8.4 || ^17.0.0 || ^18.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/4206c1cff3dafe2b16843f396f939f4ffb4d92714f4bb3ea3a2f1860add919d0b40757ffd43e59cc8b7c0d9c5427e8fe9247a6a3c6c3c67dda419b5d6320de6e
+  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.0.0":
+  version: 3.0.1
+  resolution: "@redux-devtools/utils@npm:3.0.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.25.7"
+    "@redux-devtools/core": "npm:^4.0.0"
+    "@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.0.7"
+    redux: "npm:^5.0.1"
+  peerDependencies:
+    "@redux-devtools/core": ^4.0.0
+    immutable: ^4.3.7
+    redux: ^4.0.0 || ^5.0.0
+  checksum: 10/9e7e49571dc18b326db3328e889e215bb7a7492d33e1b5f44cf62b94b46b6c734b6c7e9a8e96dd8ae917fff9124159ab21977d1287a0d1964eff7cb387ccf00d
+  languageName: node
+  linkType: hard
+
+"@reduxjs/toolkit@npm:^2.4.0, @reduxjs/toolkit@npm:^2.5.0":
+  version: 2.5.0
+  resolution: "@reduxjs/toolkit@npm:2.5.0"
+  dependencies:
+    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/b24ee7e89bd00c5f3ee5df12cbc1b6395784ff215b9bf75d2c1b211d8494af220057ced666f49c6e815b723252bc3eb704f7be4a3c261ab06ee7b776f4565d4b
+  languageName: node
+  linkType: hard
+
+"@remix-run/node@npm:^2.12.0":
+  version: 2.15.0
+  resolution: "@remix-run/node@npm:2.15.0"
+  dependencies:
+    "@remix-run/server-runtime": "npm:2.15.0"
+    "@remix-run/web-fetch": "npm:^4.4.2"
+    "@web3-storage/multipart-parser": "npm:^1.0.0"
+    cookie-signature: "npm:^1.1.0"
+    source-map-support: "npm:^0.5.21"
+    stream-slice: "npm:^0.1.2"
+    undici: "npm:^6.11.1"
+  peerDependencies:
+    typescript: ^5.1.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/aa7b087e33e10b66d0737ea6de51cc51de595a596dd982fef4059a68d21cc47ab60582bb7c786bd25e43dd4354df681df4caa9c99009e77d6dd9a650ecf6d3ea
+  languageName: node
+  linkType: hard
+
+"@remix-run/router@npm:1.21.0":
+  version: 1.21.0
+  resolution: "@remix-run/router@npm:1.21.0"
+  checksum: 10/cf0fb69d19c1b79095ff67c59cea89086f3982a9a54c8a993818a60fc76e0ebab5a8db647c1a96a662729fad8e806ddd0a96622adf473f5a9f0b99998b2dbad4
+  languageName: node
+  linkType: hard
+
+"@remix-run/server-runtime@npm:2.15.0":
+  version: 2.15.0
+  resolution: "@remix-run/server-runtime@npm:2.15.0"
+  dependencies:
+    "@remix-run/router": "npm:1.21.0"
+    "@types/cookie": "npm:^0.6.0"
+    "@web3-storage/multipart-parser": "npm:^1.0.0"
+    cookie: "npm:^0.6.0"
+    set-cookie-parser: "npm:^2.4.8"
+    source-map: "npm:^0.7.3"
+    turbo-stream: "npm:2.4.0"
+  peerDependencies:
+    typescript: ^5.1.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/df2718b9e592b47e2f8c13f818126ffb00bd7a0a87186db640864c741ad68b65c255b54438a7eae9d346cf7569a6e4eda75c8c1f187b969975a0cd152556db02
+  languageName: node
+  linkType: hard
+
+"@remix-run/web-blob@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@remix-run/web-blob@npm:3.1.0"
+  dependencies:
+    "@remix-run/web-stream": "npm:^1.1.0"
+    web-encoding: "npm:1.1.5"
+  checksum: 10/24b95b90e2a5bfb17478c9e88a03c8de8db2cc6cbe744ee845cd8bfc278744f3d0a6f782f63b3361eef59488f544b60172fb98c628f113c936f597b303bc58f3
+  languageName: node
+  linkType: hard
+
+"@remix-run/web-fetch@npm:^4.4.2":
+  version: 4.4.2
+  resolution: "@remix-run/web-fetch@npm:4.4.2"
+  dependencies:
+    "@remix-run/web-blob": "npm:^3.1.0"
+    "@remix-run/web-file": "npm:^3.1.0"
+    "@remix-run/web-form-data": "npm:^3.1.0"
+    "@remix-run/web-stream": "npm:^1.1.0"
+    "@web3-storage/multipart-parser": "npm:^1.0.0"
+    abort-controller: "npm:^3.0.0"
+    data-uri-to-buffer: "npm:^3.0.1"
+    mrmime: "npm:^1.0.0"
+  checksum: 10/46961dae587d1d9eb1c678113cf8fcbe0e5779b3fdedd8b136c7065b47e967056d1508924992a58887b03ab406c44c838bca5d0f7d08a4bbaab9609178c3fe4b
+  languageName: node
+  linkType: hard
+
+"@remix-run/web-file@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@remix-run/web-file@npm:3.1.0"
+  dependencies:
+    "@remix-run/web-blob": "npm:^3.1.0"
+  checksum: 10/c5ce184fc8e3a8d5736798c9fa784a3416890382be707da927926d173e67227dc60ae2494be680bf0074a00fac5a9a737387ce820349fb2fecdc31be034854a0
+  languageName: node
+  linkType: hard
+
+"@remix-run/web-form-data@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@remix-run/web-form-data@npm:3.1.0"
+  dependencies:
+    web-encoding: "npm:1.1.5"
+  checksum: 10/4eaa98da8f8827d2fd6e676920c6352679b35e0fd11f83d99f8a1ee009e8e51a0c710e8d228cd481ad00a81b3afe53a1db97321f3c6c16e14a3d67858e238a91
+  languageName: node
+  linkType: hard
+
+"@remix-run/web-stream@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@remix-run/web-stream@npm:1.1.0"
+  dependencies:
+    web-streams-polyfill: "npm:^3.1.1"
+  checksum: 10/9904b1539feee3a86d667e9803783dfc78e21b665a4e67edfd795bd1acee753fda88f50abbebf7cffa010539ed5287b4a0d09f55101b80f2c891c15db1066eea
+  languageName: node
+  linkType: hard
+
+"@reown/walletkit@npm:^1.1.1":
+  version: 1.1.2
+  resolution: "@reown/walletkit@npm:1.1.2"
+  dependencies:
+    "@walletconnect/core": "npm:2.17.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.17.3"
+    "@walletconnect/types": "npm:2.17.3"
+    "@walletconnect/utils": "npm:2.17.3"
+  checksum: 10/0cc4bbca0dcdd2bdee8ee2e18a8c2231f3673c9b4ecb40e30f2f78f88ffe760a35b1cb02b18eafd0af10f0014b84d5272438b7e67964fcecc1e83d18fd913d80
+  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
+
+"@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:^2.3.0"
+    "@eslint/js": "npm:^9.18.0"
+    "@ethersproject/shims": "npm:^5.7.0"
+    "@expo/config-plugins": "npm:^9.0.10"
+    "@expo/vector-icons": "npm:^14.0.2"
+    "@gorhom/bottom-sheet": "npm:^5.0.6"
+    "@notifee/react-native": "npm:^9.1.8"
+    "@react-native-async-storage/async-storage": "npm:1.23.1"
+    "@react-native-clipboard/clipboard": "npm:^1.15.0"
+    "@react-native-community/blur": "npm:^4.4.1"
+    "@react-native-community/datetimepicker": "npm:8.2.0"
+    "@react-native-community/slider": "npm:4.5.5"
+    "@react-native-firebase/app": "npm:^21.7.1"
+    "@react-native-firebase/messaging": "npm:^21.7.1"
+    "@react-native-menu/menu": "npm:^1.1.6"
+    "@react-native/babel-preset": "npm:^0.76.2"
+    "@react-navigation/material-top-tabs": "npm:^7.1.0"
+    "@react-navigation/native": "npm:^7.0.14"
+    "@reduxjs/toolkit": "npm:^2.4.0"
+    "@rtk-query/codegen-openapi": "npm:^2.0.0"
+    "@safe-global/store": "workspace:^"
+    "@safe-global/test": "workspace:^"
+    "@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.117.1"
+    "@tamagui/babel-plugin": "npm:^1.121.12"
+    "@tamagui/config": "npm:^1.117.1"
+    "@tamagui/font-dm-sans": "npm:^1.121.3"
+    "@tamagui/toast": "npm:^1.117.1"
+    "@testing-library/react-native": "npm:^12.7.2"
+    "@types/eslint__js": "npm:^8.42.3"
+    "@types/jest": "npm:^29.5.12"
+    "@types/lodash": "npm:^4.17.13"
+    "@types/node": "npm:^22.9.1"
+    "@types/react": "npm:~18.3.12"
+    babel-loader: "npm:^8.4.1"
+    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.19.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.13.4"
+    expo: "npm:~52.0.14"
+    expo-blur: "npm:~14.0.1"
+    expo-build-properties: "npm:^0.13.2"
+    expo-constants: "npm:~17.0.4"
+    expo-dev-client: "npm:~5.0.5"
+    expo-font: "npm:~13.0.3"
+    expo-image: "npm:~2.0.3"
+    expo-linear-gradient: "npm:^14.0.1"
+    expo-linking: "npm:~7.0.3"
+    expo-router: "npm:~4.0.15"
+    expo-splash-screen: "npm:^0.29.16"
+    expo-status-bar: "npm:~2.0.0"
+    expo-system-ui: "npm:~4.0.6"
+    expo-web-browser: "npm:~14.0.1"
+    globals: "npm:^15.14.0"
+    jest: "npm:^29.7.0"
+    jest-expo: "npm:~52.0.2"
+    lodash: "npm:^4.17.21"
+    moti: "npm:^0.29.0"
+    react: "npm:18.3.1"
+    react-dom: "npm:^18.3.1"
+    react-native: "npm:0.76.3"
+    react-native-collapsible-tab-view: "npm:^8.0.0"
+    react-native-device-crypto: "npm:^0.1.7"
+    react-native-device-info: "npm:^14.0.1"
+    react-native-draggable-flatlist: "npm:^4.0.1"
+    react-native-gesture-handler: "npm:~2.20.2"
+    react-native-keychain: "npm:^9.2.2"
+    react-native-mmkv: "npm:^3.1.0"
+    react-native-pager-view: "npm:^6.5.1"
+    react-native-quick-crypto: "npm:^0.7.11"
+    react-native-reanimated: "npm:^3.16.7"
+    react-native-safe-area-context: "npm:4.12.0"
+    react-native-screens: "npm:^4.0.0"
+    react-native-svg: "npm:15.8.0"
+    react-native-web: "npm:^0.19.13"
+    react-redux: "npm:^9.1.2"
+    redux: "npm:^5.0.1"
+    redux-devtools-expo-dev-plugin: "npm:^1.0.0"
+    redux-persist: "npm:^6.0.0"
+    storybook: "npm:^8.4.6"
+    tamagui: "npm:^1.117.1"
+    timezone-mock: "npm:^1.3.6"
+    ts-node: "npm:^10.9.2"
+    tsconfig-paths-webpack-plugin: "npm:^4.2.0"
+    typescript: "npm:~5.3.3"
+    typescript-eslint: "npm:^8.8.1"
+  languageName: unknown
+  linkType: soft
+
+"@safe-global/protocol-kit@npm:^4.1.5":
+  version: 4.1.5
+  resolution: "@safe-global/protocol-kit@npm:4.1.5"
+  dependencies:
+    "@noble/hashes": "npm:^1.3.3"
+    "@safe-global/safe-core-sdk-types": "npm:^5.1.0"
+    "@safe-global/safe-deployments": "npm:^1.37.28"
+    "@safe-global/safe-modules-deployments": "npm:^2.2.1"
+    abitype: "npm:^1.0.2"
+    ethereumjs-util: "npm:^7.1.5"
+    ethers: "npm:^6.13.1"
+    semver: "npm:^7.6.2"
+  checksum: 10/e4b4b78527080954fe9523e31571cbe82ef5a6ef0a73dcd5037329761ecf06670f4759da7dbc4fdd1b73bc016314b7297aecd893fb39f98bde69b46ff2e4374a
+  languageName: node
+  linkType: hard
+
+"@safe-global/protocol-kit@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "@safe-global/protocol-kit@npm:5.1.1"
+  dependencies:
+    "@noble/curves": "npm:^1.6.0"
+    "@peculiar/asn1-schema": "npm:^2.3.13"
+    "@safe-global/safe-deployments": "npm:^1.37.22"
+    "@safe-global/safe-modules-deployments": "npm:^2.2.4"
+    "@safe-global/types-kit": "npm:^1.0.1"
+    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/1cd58d9906e4d1102aaf27c51f0bdabaada08d7c8925c1baacacd2ec2622ca610280011e4a0569c28d84f86ad388e7137ba48abb700f9b9af3611d2ca31044da
+  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-core-sdk-types@npm:^5.0.1, @safe-global/safe-core-sdk-types@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "@safe-global/safe-core-sdk-types@npm:5.1.0"
+  dependencies:
+    abitype: "npm:^1.0.2"
+  checksum: 10/2ad129abe2367084c75b906dfa06bc4c2b43413fc00048164168b9fd9336a4ea7494b624d61282963062a20e6c6fe45ac28cd9c16c8b787f26ce19f0d8d054e9
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-deployments@npm:1.37.36":
+  version: 1.37.36
+  resolution: "@safe-global/safe-deployments@npm:1.37.36"
+  dependencies:
+    semver: "npm:^7.6.2"
+  checksum: 10/d8f9447353e65009ccb9a09753f79e4d2390926783c3d056979ede875a500ee4d53829cad82996cd1c6ad622a9806842ea99b2a720abe0fe55034b34137e65c3
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-deployments@patch:@safe-global/safe-deployments@npm%3A1.37.36#~/.yarn/patches/@safe-global-safe-deployments-npm-1.37.36-7beb5df7ca.patch":
+  version: 1.37.36
+  resolution: "@safe-global/safe-deployments@patch:@safe-global/safe-deployments@npm%3A1.37.36#~/.yarn/patches/@safe-global-safe-deployments-npm-1.37.36-7beb5df7ca.patch::version=1.37.36&hash=a56c9f"
+  dependencies:
+    semver: "npm:^7.6.2"
+  checksum: 10/bb564a74d5e394997c805bdeb1f439dfa2489dae171c1400e90ce521dd584435a40d78c8ae96b118863aaa53baa593128dd6cd39a0bb3d98c34378c10f078850
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-gateway-typescript-sdk@npm:3.22.7, @safe-global/safe-gateway-typescript-sdk@npm:^3.5.3":
+  version: 3.22.7
+  resolution: "@safe-global/safe-gateway-typescript-sdk@npm:3.22.7"
+  checksum: 10/0b16b943be3f268ceb17b962053b152046f0c9126c764fcbc7ddf3b34974396e75d3c29d2515b993c35cec9d583282b28b20d8f065582de425350d73d1f7e237
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-modules-deployments@npm:2.2.6":
+  version: 2.2.6
+  resolution: "@safe-global/safe-modules-deployments@npm:2.2.6"
+  checksum: 10/2788918cf955784e19723d7be4097b0485a85eaf326596ba0fdbcc3aff82a34848f5e537b0493fdeadb30292e2878703c55b8271b8e1fe487957b8d0645eeb75
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-modules-deployments@patch:@safe-global/safe-modules-deployments@npm%3A2.2.6#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.6-78a093615c.patch":
+  version: 2.2.6
+  resolution: "@safe-global/safe-modules-deployments@patch:@safe-global/safe-modules-deployments@npm%3A2.2.6#~/.yarn/patches/@safe-global-safe-modules-deployments-npm-2.2.6-78a093615c.patch::version=2.2.6&hash=9ffe80"
+  checksum: 10/5792b4a08cf0d68cdd5abaaf4a059b099eef9fab5344b3535322fd41558fb265dcefe226eb5b92bc604636e177799cbd56bdc06706bf7e53ca88eb4d3502b46b
+  languageName: node
+  linkType: hard
+
+"@safe-global/safe-wallet@workspace:.":
+  version: 0.0.0-use.local
+  resolution: "@safe-global/safe-wallet@workspace:."
+  dependencies:
+    husky: "npm:^9.1.6"
+    lint-staged: "npm:^15.2.10"
+    msw: "npm:^2.7.0"
+    prettier: "npm:^3.4.2"
+    react-markdown: "npm:9.0.1"
+  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"
+    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/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:^2.4.0"
+    "@cowprotocol/widget-react": "npm:^0.13.0"
+    "@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.1.0"
+    "@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.1.0"
+    "@ledgerhq/device-management-kit": "npm:^0.5.1"
+    "@ledgerhq/device-signer-kit-ethereum": "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"
+    "@openzeppelin/contracts": "npm:^4.9.6"
+    "@reduxjs/toolkit": "npm:^2.5.0"
+    "@reown/walletkit": "npm:^1.1.1"
+    "@safe-global/api-kit": "npm:^2.4.6"
+    "@safe-global/protocol-kit": "npm:^4.1.5"
+    "@safe-global/safe-apps-sdk": "npm:^9.1.0"
+    "@safe-global/safe-client-gateway-sdk": "npm:v1.60.1"
+    "@safe-global/safe-core-sdk-types": "npm:^5.0.1"
+    "@safe-global/safe-deployments": "patch:@safe-global/safe-deployments@npm%3A1.37.36#~/.yarn/patches/@safe-global-safe-deployments-npm-1.37.36-7beb5df7ca.patch"
+    "@safe-global/safe-gateway-typescript-sdk": "npm:3.22.7"
+    "@safe-global/safe-modules-deployments": "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/store": "workspace:^"
+    "@safe-global/test": "workspace:^"
+    "@sentry/react": "npm:^7.91.0"
+    "@sentry/types": "npm:^7.74.0"
+    "@spindl-xyz/attribution-lite": "npm:^1.4.0"
+    "@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.4"
+    "@types/js-cookie": "npm:^3.0.6"
+    "@types/lodash": "npm:^4.14.182"
+    "@types/mdx": "npm:^2.0.13"
+    "@types/node": "npm:18.11.18"
+    "@types/qrcode": "npm:^1.5.5"
+    "@types/react": "npm:^19.0.0"
+    "@types/react-dom": "npm:^19.0.0"
+    "@types/react-gtm-module": "npm:^2.0.3"
+    "@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.17.2"
+    "@walletconnect/utils": "npm:^2.17.3"
+    "@web3-onboard/coinbase": "npm:^2.4.2"
+    "@web3-onboard/core": "npm:2.21.4"
+    "@web3-onboard/injected-wallets": "npm:^2.11.2"
+    "@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": "npm:2.4.3"
+    "@web3-onboard/walletconnect": "npm:^2.6.1"
+    blo: "npm:^1.1.1"
+    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.19.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.13.4"
+    exponential-backoff: "npm:^3.1.0"
+    fake-indexeddb: "npm:^4.0.2"
+    firebase: "npm:^11.1.0"
+    fuse.js: "npm:^7.0.0"
+    gray-matter: "npm:^4.0.3"
+    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"
+    mockdate: "npm:^3.0.5"
+    msw: "npm:^2.7.0"
+    next: "npm:^15.1.2"
+    papaparse: "npm:^5.3.2"
+    prettier: "npm:^3.3.3"
+    qrcode.react: "npm:^3.1.0"
+    react: "npm:^19.0.0"
+    react-dom: "npm:^19.0.0"
+    react-dropzone: "npm:^14.2.3"
+    react-gtm-module: "npm:^2.0.11"
+    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.0.0"
+    semver: "npm:^7.6.3"
+    storybook: "npm:^8.3.4"
+    ts-prune: "npm:^0.10.3"
+    typechain: "npm:^8.3.2"
+    typescript: "npm:^5.4.5"
+    typescript-plugin-css-modules: "npm:^4.2.2"
+    webpack: "npm:^5.97.1"
+    zodiac-roles-deployments: "npm:^2.3.4"
+  languageName: unknown
+  linkType: soft
+
+"@scure/base@npm:^1.1.3, @scure/base@npm:~1.2.5":
+  version: 1.2.5
+  resolution: "@scure/base@npm:1.2.5"
+  checksum: 10/9a963a27424a373b62760c9ae7099ae496be67eb5b31205639f529f0dbcb2228a827222a36d22842cc2acda78e300a3430d46d84de5d8d4b791208955360853e
+  languageName: node
+  linkType: hard
+
+"@scure/base@npm:~1.1.0, @scure/base@npm:~1.1.2, @scure/base@npm:~1.1.6":
+  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/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.4.0":
+  version: 1.4.0
+  resolution: "@scure/bip32@npm:1.4.0"
+  dependencies:
+    "@noble/curves": "npm:~1.4.0"
+    "@noble/hashes": "npm:~1.4.0"
+    "@scure/base": "npm:~1.1.6"
+  checksum: 10/6cd5062d902564d9e970597ec8b1adacb415b2eadfbb95aee1a1a0480a52eb0de4d294d3753aa8b48548064c9795ed108d348a31a8ce3fc88785377bb12c63b9
+  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.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.3.0":
+  version: 1.3.0
+  resolution: "@scure/bip39@npm:1.3.0"
+  dependencies:
+    "@noble/hashes": "npm:~1.4.0"
+    "@scure/base": "npm:~1.1.6"
+  checksum: 10/7d71fd58153de22fe8cd65b525f6958a80487bc9d0fbc32c71c328aeafe41fa259f989d2f1e0fa4fdfeaf83b8fcf9310d52ed9862987e46c2f2bfb9dd8cf9fc1
+  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.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
+
+"@segment/loosely-validate-event@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@segment/loosely-validate-event@npm:2.0.0"
+  dependencies:
+    component-type: "npm:^1.2.1"
+    join-component: "npm:^1.1.0"
+  checksum: 10/4e0b097de2c564673acceb5a0688bb8cf045bab4a1ffed1be19293a6bd2859af723e0d012349ff1d51433a6aad19f729383a302c3c0a9fc831e251cd16ade5ad
+  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
+
+"@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.7.0":
+  version: 0.7.0
+  resolution: "@solana-program/compute-budget@npm:0.7.0"
+  peerDependencies:
+    "@solana/kit": ^2.1.0
+  checksum: 10/340a6d525935c97cc84a9d470088ab59d8aeb77e2f308182c7576393d1a7eb0003b9346e05fc542f42ff17dbfb63c13fcd404d38eacba363e9362ff5bbdadfbf
+  languageName: node
+  linkType: hard
+
+"@solana-program/stake@npm:^0.2.0":
+  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.0":
+  version: 0.4.1
+  resolution: "@solana-program/token-2022@npm:0.4.1"
+  peerDependencies:
+    "@solana/kit": ^2.1.0
+    "@solana/sysvars": ^2.1.0
+  checksum: 10/99fef0adee772bc1a3dce7bf08dc2f9b48207e80116ecc60a3caf267f7c9092905cc734e5350dbe0ea888c67a38a04e00949e3e9e70b96909a650e92334b7c36
+  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.1.1":
+  version: 2.1.1
+  resolution: "@solana/accounts@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/rpc-spec": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/595515c38c40cb8370482e9edf3d55683d29a9952efd26e3de7d46695c3c88af76426e63db823b5a885bd57a4db67439a68b915b8d0df254b244b90ec493da31
+  languageName: node
+  linkType: hard
+
+"@solana/addresses@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/addresses@npm:2.1.1"
+  dependencies:
+    "@solana/assertions": "npm:2.1.1"
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/nominal-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/0350aa5c96c9862701e5414ca14007fafe7b9c4dfd2623bc041ff7efe6a63afac37d9bf01f860c26ae0f252e5bca7af9059a20f944fe3dc273d0558f2da69d34
+  languageName: node
+  linkType: hard
+
+"@solana/assertions@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/assertions@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/3424d6e5066b4abfa07a606e9ab95c4c856cf91d57bc812df2815fdd30ec84b8a85d611baa79a78021cfcc6501cac7d46a22364c7f33768f243750329e6459f6
+  languageName: node
+  linkType: hard
+
+"@solana/codecs-core@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/codecs-core@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/b0c426b5028cdfc9a71d55d61ca1b9815c951cdf3557142512a89418fd5cde75b4e1214f548f0e4fd5b8d3431bd51cd5da0ddfeb1afc40742cbc041cc4a04412
+  languageName: node
+  linkType: hard
+
+"@solana/codecs-data-structures@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/codecs-data-structures@npm:2.1.1"
+  dependencies:
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-numbers": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/8241bcc96bca906a5987c1b725b03969bf89cb30d9b4853e7c3766e6d6e401aa2a368f2a35eec88c40e2be86687e12b4d156f86febddaefda444167072cbaac8
+  languageName: node
+  linkType: hard
+
+"@solana/codecs-numbers@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/codecs-numbers@npm:2.1.1"
+  dependencies:
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/eb28724fee926a5b2416527d452f1a5d73b4db776319f629662320452edd4e457f4b7cf4b022bc8a45de7cf9730f650698026b56e894c5cf21bf16682b7d35fe
+  languageName: node
+  linkType: hard
+
+"@solana/codecs-strings@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/codecs-strings@npm:2.1.1"
+  dependencies:
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-numbers": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    fastestsmallesttextencoderdecoder: ^1.0.22
+    typescript: ">=5.3.3"
+  checksum: 10/7ade3b9342f7adeb28263cced496c24228d81165da14ed4f35923a6452308bb836de154665340931614fc5e842e6d196d05afc59921beb151e56c952d93657ed
+  languageName: node
+  linkType: hard
+
+"@solana/codecs@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/codecs@npm:2.1.1"
+  dependencies:
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-data-structures": "npm:2.1.1"
+    "@solana/codecs-numbers": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/options": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/2bc0af5deee37722967cf400dcb2c67a6786663e332c761f0092c3b9dd246c757586bf8504db24b64b4a57f6e90d5e2f8c0dbbc10894811cdf947f8b5445aa28
+  languageName: node
+  linkType: hard
+
+"@solana/errors@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/errors@npm:2.1.1"
+  dependencies:
+    chalk: "npm:^5.4.1"
+    commander: "npm:^13.1.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  bin:
+    errors: bin/cli.mjs
+  checksum: 10/afd9290e5e924c68dd98f5d6dd3490b28dc03d94b4063146f33eec83967686c5895d7560bc8b829ee781dfd9221ae732f2ac0cb41551f33d3baffb58efc5f645
+  languageName: node
+  linkType: hard
+
+"@solana/fast-stable-stringify@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/fast-stable-stringify@npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/39873162dcb78d3539f23be05d5b442c205e8d6cc25dffc7990a61acefc9bafa020ac06e7d241ad1ce007cdc58e9ce7dbe6146e36862106df85ac29a416dd76a
+  languageName: node
+  linkType: hard
+
+"@solana/functional@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/functional@npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/bc890f3104aac4c04a364bb122fdddaecfa10d74aec0db13d21b2782cf57d2933d202c75a19611a64e8cb1347095d24edbe35260247b37b67bd18c09cb3a5cff
+  languageName: node
+  linkType: hard
+
+"@solana/instructions@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/instructions@npm:2.1.1"
+  dependencies:
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/4fb1a4ab9cb944649ef7a30ec87e209b177a23feae9330e48d8225d29fd4ef3d047b86282698624b1a972dd56e2b0e9dde49edb1f8f29816dc0e8cb9e3c5be93
+  languageName: node
+  linkType: hard
+
+"@solana/keys@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/keys@npm:2.1.1"
+  dependencies:
+    "@solana/assertions": "npm:2.1.1"
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/nominal-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/2542a5c998540bf1c885c279bcb29582b9075ea4cc52ea2332c381f5d3683004b9adbd0a9a1300885eef4f04582577266d00a58a59a434ad4e6b3a52612de97b
+  languageName: node
+  linkType: hard
+
+"@solana/kit@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "@solana/kit@npm:2.1.1"
+  dependencies:
+    "@solana/accounts": "npm:2.1.1"
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/codecs": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/functional": "npm:2.1.1"
+    "@solana/instructions": "npm:2.1.1"
+    "@solana/keys": "npm:2.1.1"
+    "@solana/programs": "npm:2.1.1"
+    "@solana/rpc": "npm:2.1.1"
+    "@solana/rpc-parsed-types": "npm:2.1.1"
+    "@solana/rpc-spec-types": "npm:2.1.1"
+    "@solana/rpc-subscriptions": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+    "@solana/signers": "npm:2.1.1"
+    "@solana/sysvars": "npm:2.1.1"
+    "@solana/transaction-confirmation": "npm:2.1.1"
+    "@solana/transaction-messages": "npm:2.1.1"
+    "@solana/transactions": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/220a203ac4fa126bb90cb88dc095fe9f301fd7d6ee208804b7a1f6f0fa9f3886691754e2c2db6b8ef2682beb2d257222ab421744772852877e26498d3241d68d
+  languageName: node
+  linkType: hard
+
+"@solana/nominal-types@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/nominal-types@npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/e114329abca077ae896bad26c82fd248fdd63034912021ccc17327bacfe7639e063c743c0becdba326e95fd4fd73e99f3e8b91e1a411e37b478ca72c5efae93b
+  languageName: node
+  linkType: hard
+
+"@solana/options@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/options@npm:2.1.1"
+  dependencies:
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-data-structures": "npm:2.1.1"
+    "@solana/codecs-numbers": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/54df511341c66f81f9f9ae3d893b84e44cda0c18869f8a59f4b5c9e5c0fe9b675da1f314059bad7e1411b19cd09c4a81d0af73e200188fe1be249a43f630ca19
+  languageName: node
+  linkType: hard
+
+"@solana/programs@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/programs@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/20b6e716cc2db4b527ff9ab40265bc0866786eb222865bb9fa5046621a5a000d379fde96f926a01ccc6a658aa1adf7dcfd4f3261009276477371fe6617a3edc1
+  languageName: node
+  linkType: hard
+
+"@solana/promises@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/promises@npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/0b0d22c869f9bb64c6e6c0eae396cb926588c82bf01cbdebef28c04a5c73ef60fc9fe239dd608138f68c48387144d9cabecc0c8be92a47bf727a1e60e142a337
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-api@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-api@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/keys": "npm:2.1.1"
+    "@solana/rpc-parsed-types": "npm:2.1.1"
+    "@solana/rpc-spec": "npm:2.1.1"
+    "@solana/rpc-transformers": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+    "@solana/transaction-messages": "npm:2.1.1"
+    "@solana/transactions": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/e275f814558f161f794058912ed289726e8e0e0c36ca7e3ca07739d32ae9c36473df310b09dbbaf5b2723477392f1efe2be7b11bceb4ff00940d6beae80f94b1
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-parsed-types@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-parsed-types@npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/c1b990203cc74ee9d0486fba5d13ee8e89d3363e054adf86a7de947ae643d5635590fb8f36f9dba05e63c9b7b99c5055e9032d18af22adedea62f3c386d28555
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-spec-types@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-spec-types@npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/429227135011b21b86c9398d45334fd17ecd5d848a006394c0f6b7f1d62a01764e58c87ce6c0c91fc7dde3d01334955c84ed2169e473fc5a5034029310adbef2
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-spec@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-spec@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+    "@solana/rpc-spec-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/a8a1d05c18d467521e73f914bab83f18ef97fede48b3fc273cef445faaef7904a7f1f2623f2ff975fe70ae05b1698cde78ee128d4e7c6b8849d79f982cc677d6
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-subscriptions-api@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-subscriptions-api@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/keys": "npm:2.1.1"
+    "@solana/rpc-subscriptions-spec": "npm:2.1.1"
+    "@solana/rpc-transformers": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+    "@solana/transaction-messages": "npm:2.1.1"
+    "@solana/transactions": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/a14deaa16d967053a80954b375a2df7468d62f6a80d7118190e5fc2376dac05f5adb58a9ad474f706960baddbdec9666fee1539b93ad76b3c0d4379eea1779a1
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-subscriptions-channel-websocket@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-subscriptions-channel-websocket@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+    "@solana/functional": "npm:2.1.1"
+    "@solana/rpc-subscriptions-spec": "npm:2.1.1"
+    "@solana/subscribable": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+    ws: ^8.18.0
+  checksum: 10/c50c24e495ba52e14db00e101100544d288ed7324cdaae7c703b8c117291e8d8ccdf6ced970c88e7e3e88ff6fbc813a59c793e121f41a933251c850a9c673aac
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-subscriptions-spec@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-subscriptions-spec@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+    "@solana/promises": "npm:2.1.1"
+    "@solana/rpc-spec-types": "npm:2.1.1"
+    "@solana/subscribable": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/2c924e8c2494d31c60f5ce496471c96ea744959521f6c03d0aeb1d02b5ce872ea5213520fc6b994769de972a4b4cf098374e8dab3c0bfb89536af84d5ccb72db
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-subscriptions@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-subscriptions@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+    "@solana/fast-stable-stringify": "npm:2.1.1"
+    "@solana/functional": "npm:2.1.1"
+    "@solana/promises": "npm:2.1.1"
+    "@solana/rpc-spec-types": "npm:2.1.1"
+    "@solana/rpc-subscriptions-api": "npm:2.1.1"
+    "@solana/rpc-subscriptions-channel-websocket": "npm:2.1.1"
+    "@solana/rpc-subscriptions-spec": "npm:2.1.1"
+    "@solana/rpc-transformers": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+    "@solana/subscribable": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/288c6fa7588e37acb9573ced34b50c3ccc3680cd4903221ed821466ae404505a17dd535d6eeeae035cf4bffe001fc73aa76371d5a13d1dc5f498a02450f931b1
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-transformers@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-transformers@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+    "@solana/functional": "npm:2.1.1"
+    "@solana/nominal-types": "npm:2.1.1"
+    "@solana/rpc-spec-types": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/6850b0626cb7dfb9b8eea5bb2460b427f81e4ff9caf5d061ba9926d6d74dba4ac4d9d9452fb70750dbdb0435fce1161fddcbfe6b9d31c0776556def194895f22
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-transport-http@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-transport-http@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+    "@solana/rpc-spec": "npm:2.1.1"
+    "@solana/rpc-spec-types": "npm:2.1.1"
+    undici-types: "npm:^7.9.0"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/45c0f3a43ba346da4efd1f3777c53efda28994c52f2949852375bc9b61d7e84efefa14ff400f09a31eb7a5ebf3512880146c8c3189b6ef07b8ceee0d4ecf18aa
+  languageName: node
+  linkType: hard
+
+"@solana/rpc-types@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc-types@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-numbers": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/nominal-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/6556bf40781cb5d93b2a3e7fded8d865193b7f098e271031cbca3ddeb4b3ce4667df39a3a0b096edd729353ef6ea9573f62632f5441ef52112794cc0fca26248
+  languageName: node
+  linkType: hard
+
+"@solana/rpc@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/rpc@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+    "@solana/fast-stable-stringify": "npm:2.1.1"
+    "@solana/functional": "npm:2.1.1"
+    "@solana/rpc-api": "npm:2.1.1"
+    "@solana/rpc-spec": "npm:2.1.1"
+    "@solana/rpc-spec-types": "npm:2.1.1"
+    "@solana/rpc-transformers": "npm:2.1.1"
+    "@solana/rpc-transport-http": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/21fa7cb822b6af175a97d48aff5ae952baa3262236969ae482b63f3a115671f71542472936a354cfe00b83218fb78fe848dee6631fd14bb8a7edba6a715e5f70
+  languageName: node
+  linkType: hard
+
+"@solana/signers@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/signers@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/instructions": "npm:2.1.1"
+    "@solana/keys": "npm:2.1.1"
+    "@solana/nominal-types": "npm:2.1.1"
+    "@solana/transaction-messages": "npm:2.1.1"
+    "@solana/transactions": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/f4ba638205e29d5a1245b8d095680007698b97d057404e60fa75ea5d7e2de6acaf54fdd7205b937fa73e644a861b998c78d01bc5177d10800d25ce11a96193cd
+  languageName: node
+  linkType: hard
+
+"@solana/subscribable@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/subscribable@npm:2.1.1"
+  dependencies:
+    "@solana/errors": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/37c797ba664d25695f7f440dccfebaa1b35831b3f8ffa11043db946e4cdb60ff1f753b4bf6f0cfec5b4b816f0090941ab8d1c0dec00c92750f51e0df363c5514
+  languageName: node
+  linkType: hard
+
+"@solana/sysvars@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/sysvars@npm:2.1.1"
+  dependencies:
+    "@solana/accounts": "npm:2.1.1"
+    "@solana/codecs": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/06569d0e255282968dc87bce3d7237258119a63e82637725cd5009a8c3d95d7aba29c9a74d81175e7f989cfc7b3007a6130d1b4ccf47cf93955d2f964fb796f5
+  languageName: node
+  linkType: hard
+
+"@solana/transaction-confirmation@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/transaction-confirmation@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/keys": "npm:2.1.1"
+    "@solana/promises": "npm:2.1.1"
+    "@solana/rpc": "npm:2.1.1"
+    "@solana/rpc-subscriptions": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+    "@solana/transaction-messages": "npm:2.1.1"
+    "@solana/transactions": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/862b7e0584d0d5f40b2a33e326fdc986b1001d7b9ce32dc4798e38ed1bf5bb43c46c090d68d97b0081a82d868c4df763182f07b2a3dc6cc5f363b6bec3ac9dec
+  languageName: node
+  linkType: hard
+
+"@solana/transaction-messages@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/transaction-messages@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-data-structures": "npm:2.1.1"
+    "@solana/codecs-numbers": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/functional": "npm:2.1.1"
+    "@solana/instructions": "npm:2.1.1"
+    "@solana/nominal-types": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/0266f4e427a3789c5566cd89852a507a00237011d160ff950d6f00255a91e75c7e38a184dd1914e6db5d8ff35cbad018c64831791114a0d671600a348dc3faac
+  languageName: node
+  linkType: hard
+
+"@solana/transactions@npm:2.1.1":
+  version: 2.1.1
+  resolution: "@solana/transactions@npm:2.1.1"
+  dependencies:
+    "@solana/addresses": "npm:2.1.1"
+    "@solana/codecs-core": "npm:2.1.1"
+    "@solana/codecs-data-structures": "npm:2.1.1"
+    "@solana/codecs-numbers": "npm:2.1.1"
+    "@solana/codecs-strings": "npm:2.1.1"
+    "@solana/errors": "npm:2.1.1"
+    "@solana/functional": "npm:2.1.1"
+    "@solana/instructions": "npm:2.1.1"
+    "@solana/keys": "npm:2.1.1"
+    "@solana/nominal-types": "npm:2.1.1"
+    "@solana/rpc-types": "npm:2.1.1"
+    "@solana/transaction-messages": "npm:2.1.1"
+  peerDependencies:
+    typescript: ">=5.3.3"
+  checksum: 10/7f77df2bb62ec797839ccfedf0c3aeabd0cce7348808d6a3e7a8a4338fe788956a4c5f89cc92b7fac999a0095a6c1fbd466dd92bd2af468473cf08370c664181
+  languageName: node
+  linkType: hard
+
+"@spindl-xyz/attribution-lite@npm:^1.4.0":
+  version: 1.8.0
+  resolution: "@spindl-xyz/attribution-lite@npm:1.8.0"
+  checksum: 10/da2cfdde056cd9249a8949ac879f73e2da7a2103675cd2352ee0ad4d42a9edcf30610d1e1105ca8b274a5c35133e690c025d0ff221577904d9dd384fbc733bb2
+  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
+
+"@statelyai/inspect@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "@statelyai/inspect@npm:0.4.0"
+  dependencies:
+    fast-safe-stringify: "npm:^2.1.1"
+    isomorphic-ws: "npm:^5.0.0"
+    partysocket: "npm:^0.0.25"
+    safe-stable-stringify: "npm:^2.4.3"
+    superjson: "npm:^1.13.3"
+    uuid: "npm:^9.0.1"
+  peerDependencies:
+    xstate: ^5.5.1
+  checksum: 10/042071bf454399586057fa7b5592aaf96cde22424a273ac70db785298dc2353447c3643afe52e036789e5f93848c8dda746231512eb553e323886c4a1b09026d
+  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.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/accordion@npm:1.119.0"
+  dependencies:
+    "@tamagui/collapsible": "npm:1.119.0"
+    "@tamagui/collection": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/7b205f04f982c289e537d46192937b8fdf3b4383e657e90bcd21e12c484aeae5e6462497008d06df585082a5cd79740a73a0e6e0ba8eddd62d894ad5e63da2d5
+  languageName: node
+  linkType: hard
+
+"@tamagui/adapt@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/adapt@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/portal": "npm:1.119.0"
+  checksum: 10/863cf9706bcb06be9f644cd49dba9e20992bf8139362e59f8eebebdc54e992554138eb9de73ce7119c8709f089ee4102f1c3f56dd997728caa830af97174676f
+  languageName: node
+  linkType: hard
+
+"@tamagui/alert-dialog@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/alert-dialog@npm:1.119.0"
+  dependencies:
+    "@tamagui/animate-presence": "npm:1.119.0"
+    "@tamagui/aria-hidden": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/dialog": "npm:1.119.0"
+    "@tamagui/dismissable": "npm:1.119.0"
+    "@tamagui/focus-scope": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/popper": "npm:1.119.0"
+    "@tamagui/portal": "npm:1.119.0"
+    "@tamagui/remove-scroll": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/27637c086611f2bfd27928bdd8c9d4a8b9768a914ca6b2f6cc966ae170daf5ca76b6c0e3b2670f1f4a767427689ee9c0e9cce81d057ab475e9b38845a3e60778
+  languageName: node
+  linkType: hard
+
+"@tamagui/animate-presence@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/animate-presence@npm:1.119.0"
+  dependencies:
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/use-constant": "npm:1.119.0"
+    "@tamagui/use-force-update": "npm:1.119.0"
+    "@tamagui/use-presence": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  checksum: 10/eac23c726a75b657dd42efd7f697d1cbbb7099afc68cab3092e64614f6c6715f96a48fa9664a48f931379f412fa3e3207b09a8d3351b7686d5be1e7cdda0ddce
+  languageName: node
+  linkType: hard
+
+"@tamagui/animate@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/animate@npm:1.119.0"
+  dependencies:
+    "@tamagui/animate-presence": "npm:1.119.0"
+  checksum: 10/fef915a45e3875a037e9773e28e99fec75222b2ef0a316e9b45cb21e8b3d1aadf30ca800907f1e57432ad3d716e589b2828c85dc9322255b5e73a420ea529509
+  languageName: node
+  linkType: hard
+
+"@tamagui/animations-css@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/animations-css@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/cubic-bezier-animator": "npm:1.119.0"
+    "@tamagui/use-presence": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/d105ab5d3f22c2b404198c997bace1685b8211f9cea338e6c208059cfbc981d077f2462b166e3d91b45eaee22fa7c9dd4e0a2bb81d8c2677b2fd948188e19985
+  languageName: node
+  linkType: hard
+
+"@tamagui/animations-css@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/animations-css@npm:1.121.12"
+  dependencies:
+    "@tamagui/constants": "npm:1.121.12"
+    "@tamagui/cubic-bezier-animator": "npm:1.121.12"
+    "@tamagui/use-presence": "npm:1.121.12"
+    "@tamagui/web": "npm:1.121.12"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10/06986c05286b2dedaf60d8faa5bffb957eccf703366d847dfd2dad3de666661e91a69e5b5037d56e4e2b575c19c809be3d7c8b55a1b157f612cd730d81c0f182
+  languageName: node
+  linkType: hard
+
+"@tamagui/animations-moti@npm:1.119.0, @tamagui/animations-moti@npm:^1.117.1":
+  version: 1.119.0
+  resolution: "@tamagui/animations-moti@npm:1.119.0"
+  dependencies:
+    "@tamagui/use-presence": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+    moti: "npm:^0.29.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/b641fefd460b61edb4437158e793b377fbe3759c5597c9bc68981f4cc091a1dc6727c43220be12a734fa6c5dcc93d71a2acecfb5a61a947142aec60ff7efdc44
+  languageName: node
+  linkType: hard
+
+"@tamagui/animations-react-native@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/animations-react-native@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/use-presence": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/05a33dac26bea55faf8d4085dc29ff96373cfed614483f533f496e13d3e949cb22b47b5f39864e9009a3255c20c637cf5ba0b18561f468dab9f69fb75de9cf87
+  languageName: node
+  linkType: hard
+
+"@tamagui/aria-hidden@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/aria-hidden@npm:1.119.0"
+  dependencies:
+    aria-hidden: "npm:^1.1.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/174b967f44d0d173c04c1c14542c13c350259166e3b8207d83d6bec51d51088fb689f8791cba130160e7a2262b080a2e5b550652f04089c7e868b10e109b8a64
+  languageName: node
+  linkType: hard
+
+"@tamagui/avatar@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/avatar@npm:1.119.0"
+  dependencies:
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/image": "npm:1.119.0"
+    "@tamagui/shapes": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/e7eb46030376e7fa881d23b9d1e64ea67fb7afb8447b31ac4b7c5232d1eff91ae52dacdcc727e6a55049c10dabe1372dcc5a3a907aafb9d473728275e5236567
+  languageName: node
+  linkType: hard
+
+"@tamagui/babel-plugin-fully-specified@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/babel-plugin-fully-specified@npm:1.121.12"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+  checksum: 10/5fb406b7b7902f736984da7aecc5fa11882e3605beb4c07ee0eede48e6772e3ea054db650e6745a2981d803f1cd11e582cb297811afb3215fd4ff2e3f84a038e
+  languageName: node
+  linkType: hard
+
+"@tamagui/babel-plugin@npm:^1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/babel-plugin@npm:1.121.12"
+  dependencies:
+    "@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.121.12"
+  checksum: 10/59dfc4deec9dd8651a84f61c444c439c89fd5d9dc1c8e540afcca69ac2242a1fa975ad29c3ab34050b8466962e36d5c908d509545c70aa8ab286eba2de673de7
+  languageName: node
+  linkType: hard
+
+"@tamagui/build@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/build@npm:1.121.12"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    "@swc/core": "npm:^1.7.21"
+    "@tamagui/babel-plugin-fully-specified": "npm:1.121.12"
+    "@types/fs-extra": "npm:^9.0.13"
+    chokidar: "npm:^3.5.2"
+    esbuild: "npm:^0.24.2"
+    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"
+    typescript: "npm:^5.7.2"
+  bin:
+    tamagui-build: tamagui-build.js
+    teesx: teesx.sh
+  checksum: 10/ccebb456f7d5e1eb1a23ad16e1d1d87f75160056069ab1c211bc40277a5a392203fefed1d97b0e7957f5f172e94823560bc091c62e50d02f77dba8b44fe95d92
+  languageName: node
+  linkType: hard
+
+"@tamagui/button@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/button@npm:1.119.0"
+  dependencies:
+    "@tamagui/font-size": "npm:1.119.0"
+    "@tamagui/get-button-sized": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/helpers-tamagui": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/96a5ce5044643a972997dd0285ffbdb004ce4fa358d7a08d6242684953106b31298bd3c2db2c561dce05aa777d31a60876b564d2558ae6aab71e76e3c85d6e49
+  languageName: node
+  linkType: hard
+
+"@tamagui/card@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/card@npm:1.119.0"
+  dependencies:
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/82b11ea11f04176054dfb473f811596a0b212820f6e0174a5bdbdb287d4c2bf30a2234c86837ec42a14f46786d5abb687afe88ae44c4e065378f18452ddbfbc3
+  languageName: node
+  linkType: hard
+
+"@tamagui/checkbox-headless@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/checkbox-headless@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/label": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-previous": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/32d8b4316100ed611c635054f9e254dff9b6434a8d9264f98f0dd3ee588bcea4e8ea6edaf4e544e18092f051c1ddc0b285d6dcbf590cdcd476945722012df72f
+  languageName: node
+  linkType: hard
+
+"@tamagui/checkbox@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/checkbox@npm:1.119.0"
+  dependencies:
+    "@tamagui/checkbox-headless": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/font-size": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/helpers-tamagui": "npm:1.119.0"
+    "@tamagui/label": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-previous": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/b52f66664f7fe7b9282c68e633903f9aeb845c34556ab94c508939935dc5760828f66870da2f05d1c87b62c442cceb5e733b426eed9ffe89fe398cfc3b322e64
+  languageName: node
+  linkType: hard
+
+"@tamagui/cli-color@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/cli-color@npm:1.121.12"
+  checksum: 10/9521b3e6bb79566972c36392c357a878455838b970f680c80e988dd2123b72606907ae3352c4ba54c699a1b0ec9d1a5e79eed0b7b1e4189a6c4b0e1ec9a39938
+  languageName: node
+  linkType: hard
+
+"@tamagui/collapsible@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/collapsible@npm:1.119.0"
+  dependencies:
+    "@tamagui/animate-presence": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/0450ccc9f2264432a4f3d32aa4a641b6f95dc56a358360e63c1e1f86ed5329cfffc1c711efb97a62578a7dee56289445aac0a342d0a312cded19c68aa474016f
+  languageName: node
+  linkType: hard
+
+"@tamagui/collection@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/collection@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/edfad3d467a01134d8e2c7ff17b213a5be6155da7735c2ad32bfa2c4cedc6d2f8a9ced960fab36bbd97ee7cfd6034219c009f31783e64670f23506ffca0407ed
+  languageName: node
+  linkType: hard
+
+"@tamagui/colors@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/colors@npm:1.119.0"
+  checksum: 10/9444f353fb7880686e6c22fb8f72ae16ef9dbc8e84c81cfd27768e72c16cc4054621145329525d5d8581fa94a64411b4c9d989a404ab97759887e31a6bb0e972
+  languageName: node
+  linkType: hard
+
+"@tamagui/compose-refs@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/compose-refs@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/abc8c747c4997d6632636bcd9e498b8e414b1326796d5663c7722ec3611b832c404380c91c74bd7a88b59917efe214d9695ba828d30ba778c6edfd8fea7b2344
+  languageName: node
+  linkType: hard
+
+"@tamagui/compose-refs@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/compose-refs@npm:1.121.12"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2b4b46afd460f21beff05a38be753ddc4b0fb546026ad00c8b175a7ec7271cda5a43e6d01da4aa165e957158f8a231f9b4a5e4ddb2f286a666d483254c599b2d
+  languageName: node
+  linkType: hard
+
+"@tamagui/config-default@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/config-default@npm:1.121.12"
+  dependencies:
+    "@tamagui/animations-css": "npm:1.121.12"
+    "@tamagui/core": "npm:1.121.12"
+    "@tamagui/shorthands": "npm:1.121.12"
+  checksum: 10/6b1ab4328c5a0ca90a858f75664fde9b6b5db74de086ca3d506a1259e78cf039a0f8a54251aa0adb1b9beb2dc33dcdd6cbc751356faa805010d5b16cf9e035a9
+  languageName: node
+  linkType: hard
+
+"@tamagui/config@npm:^1.117.1":
+  version: 1.119.0
+  resolution: "@tamagui/config@npm:1.119.0"
+  dependencies:
+    "@tamagui/animations-css": "npm:1.119.0"
+    "@tamagui/animations-moti": "npm:1.119.0"
+    "@tamagui/animations-react-native": "npm:1.119.0"
+    "@tamagui/colors": "npm:1.119.0"
+    "@tamagui/font-inter": "npm:1.119.0"
+    "@tamagui/font-silkscreen": "npm:1.119.0"
+    "@tamagui/react-native-media-driver": "npm:1.119.0"
+    "@tamagui/shorthands": "npm:1.119.0"
+    "@tamagui/themes": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  checksum: 10/b53ce7b580d69af18395d511c15422b8496cc7a608eea576910c8a3aa62477b4783b4765f08b8abf40f012c26f4e83f7b457b87520853b2c80ad9916b4444111
+  languageName: node
+  linkType: hard
+
+"@tamagui/constants@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/constants@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/32df92f27257137b02c2ad6d02aaa3027f59597b4fcfbb2441d273bd196302c026049d7ec93a032a3f5a5c8a501a3692c9989dcae2606d910d74986e679c0ad6
+  languageName: node
+  linkType: hard
+
+"@tamagui/constants@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/constants@npm:1.121.12"
+  peerDependencies:
+    react: "*"
+  checksum: 10/a22913ce14a3effe4adfcab66d8ee45100a3db44505adbf6668a3b71cd1089698ee133e7635bceca68ae027c32ce2d38a84a85f9e72b7ad1eb5376c563771b99
+  languageName: node
+  linkType: hard
+
+"@tamagui/core@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/core@npm:1.119.0"
+  dependencies:
+    "@tamagui/react-native-use-pressable": "npm:1.119.0"
+    "@tamagui/react-native-use-responder-events": "npm:1.119.0"
+    "@tamagui/use-event": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  checksum: 10/ad92b71e37792601f6014e93a7119af407f22b3b506979eec18c72d139afc4ecca7c46d06d6910a111ca1e36811c73943f16964b14ac431ee6529a66429735d4
+  languageName: node
+  linkType: hard
+
+"@tamagui/core@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/core@npm:1.121.12"
+  dependencies:
+    "@tamagui/react-native-media-driver": "npm:1.121.12"
+    "@tamagui/react-native-use-pressable": "npm:1.121.12"
+    "@tamagui/react-native-use-responder-events": "npm:1.121.12"
+    "@tamagui/use-event": "npm:1.121.12"
+    "@tamagui/web": "npm:1.121.12"
+  checksum: 10/3113e1da003c8cfc7c19b142c45bdd6410b33ed2e4002901d7d04aed10eae53b9a63dfa1c4a6d72e579d940fa04f4b8cfc37220f948e856079361b1d36b3b61b
+  languageName: node
+  linkType: hard
+
+"@tamagui/create-context@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/create-context@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2462ad6a5bbb18f1bcf0b0fab36ad33442788b347e32e105cfe7fdca6d595dc1d8df536da60bc4d75023e21a6e1c38a4b2112590b4faa13242395bd67e8af106
+  languageName: node
+  linkType: hard
+
+"@tamagui/create-theme@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/create-theme@npm:1.119.0"
+  dependencies:
+    "@tamagui/web": "npm:1.119.0"
+  checksum: 10/6ef14304ac400630bec8d6c7d8e2ec3794e50ee36215bc445deaaf868153f6f279bc962489f9031b3ac85fa1f90910ce6a5550965ca8426e678fa2a367fb270c
+  languageName: node
+  linkType: hard
+
+"@tamagui/create-theme@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/create-theme@npm:1.121.12"
+  dependencies:
+    "@tamagui/web": "npm:1.121.12"
+  checksum: 10/e20be41869ff3d3118e962a5d6aab22066cfbb31f5cba3b11d537e77aecdc3baf207444a8817ea6430bf539e251bcc2b8725614826959528a610425a76997e03
+  languageName: node
+  linkType: hard
+
+"@tamagui/cubic-bezier-animator@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/cubic-bezier-animator@npm:1.119.0"
+  checksum: 10/222093f70b9d54d31fc12a6c7659cc9d797d6e915e63ab5e407c692ea61d7210628a0bcc1943767369bb710f2dcbb6680371c9a568552a796dab7f7574ec7998
+  languageName: node
+  linkType: hard
+
+"@tamagui/cubic-bezier-animator@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/cubic-bezier-animator@npm:1.121.12"
+  checksum: 10/152bdaa6317939a93c04ecaa0f41fec42904faffbdf8fe2e3700fa96ab9d1a3ea9c33bacd12e988e885ab97e2fde59da466c9911da8176dbbe9b521c35c3f95c
+  languageName: node
+  linkType: hard
+
+"@tamagui/dialog@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/dialog@npm:1.119.0"
+  dependencies:
+    "@tamagui/adapt": "npm:1.119.0"
+    "@tamagui/animate-presence": "npm:1.119.0"
+    "@tamagui/aria-hidden": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/dismissable": "npm:1.119.0"
+    "@tamagui/focus-scope": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/popper": "npm:1.119.0"
+    "@tamagui/portal": "npm:1.119.0"
+    "@tamagui/remove-scroll": "npm:1.119.0"
+    "@tamagui/sheet": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/484b9e167064977113dd9f93bba70bc6c6b9cb5d27300a8d6224d3d17101f2bfc0123ea41ac932a1b8bbce314ba535779e51cb525ccbd20cd41b70bbb6c5d8dc
+  languageName: node
+  linkType: hard
+
+"@tamagui/dismissable@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/dismissable@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/use-escape-keydown": "npm:1.119.0"
+    "@tamagui/use-event": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/5a200c9ad0cb1d6bf3fae5acebb7b30717fc23796af44f3362197a8890978f3051f7a370cbdb5caa1dd92df6f372afdb90a3dc76855ebb89a4aa0aa6ade2b4e9
+  languageName: node
+  linkType: hard
+
+"@tamagui/elements@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/elements@npm:1.119.0"
+  dependencies:
+    "@tamagui/core": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/cfc22124829034a425727fd22627bb9f069e13107eab69a26ab4a70671482dd83d21b9e121ab18f0b7cfd697ef87a8c1e528bb82faa9463d3c579e991b975db5
+  languageName: node
+  linkType: hard
+
+"@tamagui/fake-react-native@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/fake-react-native@npm:1.119.0"
+  checksum: 10/592c062261751ce6285c42e81c994e71ca2e4b8cf67b36b9d0b4257aafbecd90e933921e04dc6fad4954ca8530b2049cae37c9e66d496bba9a8e26d2e77bcf10
+  languageName: node
+  linkType: hard
+
+"@tamagui/fake-react-native@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/fake-react-native@npm:1.121.12"
+  checksum: 10/07dacfb5383a85dc53f38b929b21d5852180af290e1941155fa256faedff79ac5ff3f80ca8739a3abf72e5ec89806bbcb8e128e382c884b5bf4e95d52750f156
+  languageName: node
+  linkType: hard
+
+"@tamagui/floating@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/floating@npm:1.119.0"
+  dependencies:
+    "@floating-ui/react-dom": "npm:^2.1.2"
+    "@floating-ui/react-native": "npm:^0.10.6"
+  peerDependencies:
+    react: "*"
+  checksum: 10/00a8243e82da895674b905a86e9e61f52363096a9625308e99968c82d2e16c6f164ba5db7f47b9a6bc146570692da6bbe6b11f46a430ad27237e849cafc2dae2
+  languageName: node
+  linkType: hard
+
+"@tamagui/focus-scope@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/focus-scope@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/start-transition": "npm:1.119.0"
+    "@tamagui/use-event": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/adad53f405daa4643cda5332df01ff1e3e253aac554625f88497ecabe4d6fd00eac6bdf4f325fc240d5525b9744df0beb48a350e08e561eb4fcd6391e860013e
+  languageName: node
+  linkType: hard
+
+"@tamagui/focusable@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/focusable@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/66cd2535c7748f303aa0d6d2905ed11d4b32aa5d86b85b700e0050705642899e1599e8b5b08fda24954f0c6fc259dbdf67afcce5add6b1aa8827f26887f34a39
+  languageName: node
+  linkType: hard
+
+"@tamagui/font-dm-sans@npm:^1.121.3":
+  version: 1.121.3
+  resolution: "@tamagui/font-dm-sans@npm:1.121.3"
+  checksum: 10/90187a62c0cd668ef6bcd3810ae47b889a85dda316d023a3ada6cc959beae920ddf0f9a0a849b59d87eb7a5e7e065a1d305daeef44f7bb382c5909e16ff1ae9d
+  languageName: node
+  linkType: hard
+
+"@tamagui/font-inter@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/font-inter@npm:1.119.0"
+  dependencies:
+    "@tamagui/core": "npm:1.119.0"
+  checksum: 10/58163f8efefec0c65d2a0165231e1d0234b9af9ef4335ff3293a18fa560f22cba43bdd1e1c6fe388fc8d643bcd05fa4977cafe3ffe3e2bf2bcf84d1f0bbb2d1d
+  languageName: node
+  linkType: hard
+
+"@tamagui/font-silkscreen@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/font-silkscreen@npm:1.119.0"
+  dependencies:
+    "@tamagui/core": "npm:1.119.0"
+  checksum: 10/34bec4d124e47bd6470fda9e3cbb35f22191e541b9f75d345a43acf135b09374860d6374d988bb75f0011dec209a16497560e4a8a931b4e6436e26a11609a6f7
+  languageName: node
+  linkType: hard
+
+"@tamagui/font-size@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/font-size@npm:1.119.0"
+  dependencies:
+    "@tamagui/core": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2fa4d8c5817679fc7931ba2480ec7a1f7e843a663a6695451939139faf6eb421cc0f847e71303958014e7a301e5bdc88731dc62a05231ee7da01369b00617164
+  languageName: node
+  linkType: hard
+
+"@tamagui/form@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/form@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/get-button-sized": "npm:1.119.0"
+    "@tamagui/get-font-sized": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/0fd4f9dbe9da3e8ea8f7ca76761762e106a2a497782152604c03540503c320e0014d7f9aa299d316a363ea8559be548c1ce5af5791cd29dd2184d4a270bbf8c0
+  languageName: node
+  linkType: hard
+
+"@tamagui/generate-themes@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/generate-themes@npm:1.121.12"
+  dependencies:
+    "@tamagui/create-theme": "npm:1.121.12"
+    "@tamagui/theme-builder": "npm:1.121.12"
+    "@tamagui/types": "npm:1.121.12"
+    esbuild-register: "npm:^3.6.0"
+    fs-extra: "npm:^11.2.0"
+  checksum: 10/7ed721d02015df7581a36b1c184327bb46165500c1f1e8e3644e28e9c065c2088222b971c544e5be1e9c98cce8facafdbb7e715b72399fdf898208da46eadb13
+  languageName: node
+  linkType: hard
+
+"@tamagui/get-button-sized@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/get-button-sized@npm:1.119.0"
+  dependencies:
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/7f0679b2c633aee93cdde26e9fb9c60b9cea08119360c058306f3a297342dcc21ea9ec969316e34e79b6131c5998924f41ad20bbea4fed2571f18898f4ad0b21
+  languageName: node
+  linkType: hard
+
+"@tamagui/get-font-sized@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/get-font-sized@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/cf783c254c2208fcce01fc5fb01fd6513a12f6036e33c27beb6a4809d5ef62ce4edbb14e057c253e6a97968e48b852c000072f8654fb38f28c776171253a2788
+  languageName: node
+  linkType: hard
+
+"@tamagui/get-token@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/get-token@npm:1.119.0"
+  dependencies:
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/e9a60b398961c8d59bc24bceeb3c629b4615010e4872e2e4218548026b60b571cc7fea7d9d886ce5d5815f0f2909864390ea0a5e6ddbe0bd59e1849bb081f684
+  languageName: node
+  linkType: hard
+
+"@tamagui/group@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/group@npm:1.119.0"
+  dependencies:
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/ab58ca946162f72d8491d5ee23041c140e514450a32d1d5b1639bfd38343fc019d7d5ed3732bc0a5735cd0c26b7be0db7b90060ff182bf5f11c0816e0afd1495
+  languageName: node
+  linkType: hard
+
+"@tamagui/helpers-node@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/helpers-node@npm:1.121.12"
+  dependencies:
+    "@tamagui/types": "npm:1.121.12"
+  checksum: 10/59e4a0ac238ca22cab217ef0489084530f91e5fb2fafcee831c31409039143ea7f78fef0e365657e7f2020b90c3ec5010293e228a3cc33d36b0df7de5d85ceb1
+  languageName: node
+  linkType: hard
+
+"@tamagui/helpers-tamagui@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/helpers-tamagui@npm:1.119.0"
+  dependencies:
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/878997f481e07c79b180192bcb9a6262b1a1b3617eb452cdeed5d813edae7ddddc4ec17bd951e3d6032d8b6bae7644d481b28d33d3376989fa21d35d173bdb1a
+  languageName: node
+  linkType: hard
+
+"@tamagui/helpers@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/helpers@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/simple-hash": "npm:1.119.0"
+  checksum: 10/3d941b7fcd33f0959928a665eaeb483a37be60bd2fbf3f6e0278d7e7f820483a52f517317f2711f569625badc2739ab95597fb15b804b2da9c5642b52273b764
+  languageName: node
+  linkType: hard
+
+"@tamagui/helpers@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/helpers@npm:1.121.12"
+  dependencies:
+    "@tamagui/constants": "npm:1.121.12"
+    "@tamagui/simple-hash": "npm:1.121.12"
+  checksum: 10/bfc38a6d74942643ea8c528b1221b989b4dd39739e763968fee25a01a98257df6f61623a7bf4c7aa3edf881a0804e71f19f9da3c95da9b9f434256f94b889e43
+  languageName: node
+  linkType: hard
+
+"@tamagui/image@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/image@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/04bbea7cc22450e9181c4dcde470e0273f33467ecc91f393bf2dbf0d887763b8439381d895dc98538e8ed3dbd72cd153f4d10cde1d425a35efba098635ab402a
+  languageName: node
+  linkType: hard
+
+"@tamagui/label@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/label@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/get-button-sized": "npm:1.119.0"
+    "@tamagui/get-font-sized": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/74fed94d05f4c1ea8c76e79a2e965a77ea6b7729b3217b39d642caee936bbf43e3f2a7254a405d10fab1e17e62748501353a16d0479f07c9f433da4d4434b28f
+  languageName: node
+  linkType: hard
+
+"@tamagui/linear-gradient@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/linear-gradient@npm:1.119.0"
+  dependencies:
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/b45f8fcccd1586c610ffa5e20709c7207fe3f13f1f2752b6f0e06e2157cc0cb3accc17cc6c38290427e1f0d016dcb9f353fed762d4d53797fca6193690cce1cc
+  languageName: node
+  linkType: hard
+
+"@tamagui/list-item@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/list-item@npm:1.119.0"
+  dependencies:
+    "@tamagui/font-size": "npm:1.119.0"
+    "@tamagui/get-font-sized": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/helpers-tamagui": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/cb713811a8860ba1ece3d6767f842d53603d84ca9a35d840a9f2ffeef52bd506cff70e5f3995e74dc9aa7ca24f14e1b8c4a94973a0280fa66ec849f9624b01b4
+  languageName: node
+  linkType: hard
+
+"@tamagui/normalize-css-color@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/normalize-css-color@npm:1.119.0"
+  dependencies:
+    "@react-native/normalize-color": "npm:^2.1.0"
+  checksum: 10/158c680d69b162c38468e9004b11fbb3948a9dabbc639bdce00b42a9c369e9b042a5a3cd00bdf78391edfd938ee5f87dac43630f60212f1dfb962b37f200a342
+  languageName: node
+  linkType: hard
+
+"@tamagui/normalize-css-color@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/normalize-css-color@npm:1.121.12"
+  dependencies:
+    "@react-native/normalize-color": "npm:^2.1.0"
+  checksum: 10/59ca2116355dd4fe19090bc1f43cb794429ed7f8ef6bafb7647c10b00740f2f7cf6c05225bd845751df9e540fe0e1c450f7a44cd86bd6d5c1829a82f62e6265f
+  languageName: node
+  linkType: hard
+
+"@tamagui/polyfill-dev@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/polyfill-dev@npm:1.119.0"
+  checksum: 10/6055c33f013992f21142c227f7480eddd826d037bace4a3c7555bb158200dbb04068e0c02575fb3415df6a55a992b957faa949b0fceb0730320af3b7ff7512ad
+  languageName: node
+  linkType: hard
+
+"@tamagui/popover@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/popover@npm:1.119.0"
+  dependencies:
+    "@floating-ui/react": "npm:^0.26.24"
+    "@tamagui/adapt": "npm:1.119.0"
+    "@tamagui/animate": "npm:1.119.0"
+    "@tamagui/aria-hidden": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/dismissable": "npm:1.119.0"
+    "@tamagui/floating": "npm:1.119.0"
+    "@tamagui/focus-scope": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/popper": "npm:1.119.0"
+    "@tamagui/portal": "npm:1.119.0"
+    "@tamagui/remove-scroll": "npm:1.119.0"
+    "@tamagui/scroll-view": "npm:1.119.0"
+    "@tamagui/sheet": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    react-freeze: "npm:^1.0.3"
+  peerDependencies:
+    react: "*"
+  checksum: 10/b5cbfdbb83559cd2b182748f25ca07f06c62916c1af9869868fcdefd31d50f4db0b65dc0c89f11a86e944b444c6e8fc76f7978896cb2c8bc3000782f88ab12c2
+  languageName: node
+  linkType: hard
+
+"@tamagui/popper@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/popper@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/floating": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/start-transition": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/0d5eb2df04a1548d0504efc8348a748f1e9cc8bd5642d9998dc67a6fb3b11c5ec92a9e694279d7cb646e6880727cd18d1dc6a4abe5f6dcc9d6b4c0c62485264a
+  languageName: node
+  linkType: hard
+
+"@tamagui/portal@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/portal@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/start-transition": "npm:1.119.0"
+    "@tamagui/use-did-finish-ssr": "npm:1.119.0"
+    "@tamagui/use-event": "npm:1.119.0"
+  checksum: 10/959da3052db39b8c241b2c7f9811760f3bc42caabaee1c8b513896d1897cb66f3a12b710880bd0da8b2f080cab185ba96be9d837645307d0678713fda744d0cc
+  languageName: node
+  linkType: hard
+
+"@tamagui/progress@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/progress@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/f8c510ae02bb1583e1bcb7e0d4e436b89aa0936f9e9b78cc85a33a4a94a729f486f825c77e72c26a2054661124ea3c38a4c0e4a9e1984ac36af51ffddb471d83
+  languageName: node
+  linkType: hard
+
+"@tamagui/proxy-worm@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/proxy-worm@npm:1.121.12"
+  checksum: 10/982407562030d3944e3ebb0b5e3036c899183937117eb3c1a0b5068b3a31888a53c004bb0fced236b6bde5c518b03eed032a12bedb99eb19095fd6128b364881
+  languageName: node
+  linkType: hard
+
+"@tamagui/radio-group@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/radio-group@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/label": "npm:1.119.0"
+    "@tamagui/radio-headless": "npm:1.119.0"
+    "@tamagui/roving-focus": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-previous": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/810f1abb2d2785f2963f6f00eb7b3091686356c7ebcc3c7f1938cfd2ad0c81dda2f1d6d76d45669d6b9cd9b04e2f385978422bf9176ef913fd2f78424690d863
+  languageName: node
+  linkType: hard
+
+"@tamagui/radio-headless@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/radio-headless@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/label": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-previous": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/805d3f8c32c23fa38385f0325606993a29ee56e27fda03bc87a9fa37f8fb2ab2c8a98ef6469e3cc3863983c3f6128a032b3840fe695c7daa99354481a37b38b6
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-media-driver@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/react-native-media-driver@npm:1.119.0"
+  dependencies:
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react-native: "*"
+  checksum: 10/cda0c124bd72204a6f77fa8ee3b71a064ad903ccd49ad465eeb83618ea73765fbf31ab36888dc940f386ada5c179c54daed368622e84700abc49f7c7d3c48db2
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-media-driver@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/react-native-media-driver@npm:1.121.12"
+  dependencies:
+    "@tamagui/web": "npm:1.121.12"
+  peerDependencies:
+    react-native: "*"
+  checksum: 10/89e0577e99ac7438314ba38777dfc6a644c8f6625ec065dce6777d89dccab0f1a5eeaa5958941bd4e2d41f6527229aa3333c5867910a40900126279fa4d0e3f0
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-use-pressable@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/react-native-use-pressable@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/9c5d58e7da68a6254817beedb6ba92cd2165f41b89826f0c5338d13ae8725367485a284d4ea095825f2f549d6c27bdf0614021c5fc62f10977af52f591f379a2
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-use-pressable@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/react-native-use-pressable@npm:1.121.12"
+  peerDependencies:
+    react: "*"
+  checksum: 10/7f154f12eda486c0fab608433a2d23213d199a43c98ff1b82b338732058814dc000f619b54906f474107a34bf5c9fc2f6f54ddb9c49d418e763ff16a7b953e77
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-use-responder-events@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/react-native-use-responder-events@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/d60e7d3f3125863d8a8dec4df02a70b4bc0556db1689b119f830444716b62b15d8160a28ce28bbfb449cccc6f14768fc4582c1d48440921e6877b2b9192b55f8
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-use-responder-events@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/react-native-use-responder-events@npm:1.121.12"
+  peerDependencies:
+    react: "*"
+  checksum: 10/f64ca50c56e01b3c357f5f022ceed90d599e2a7867f115949d12cc7b1b9d8950cc9e4fefc2f463f8ee752ddf7ba98311bd15009cf0c5bbc8bd8e47b6e09b3b16
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-web-internals@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/react-native-web-internals@npm:1.121.12"
+  dependencies:
+    "@tamagui/normalize-css-color": "npm:1.121.12"
+    "@tamagui/react-native-use-pressable": "npm:1.121.12"
+    "@tamagui/react-native-use-responder-events": "npm:1.121.12"
+    "@tamagui/simple-hash": "npm:1.121.12"
+    "@tamagui/web": "npm:1.121.12"
+  checksum: 10/b76a24a94b4fa08da95780d12c49ad9941f9bcda9f3c9d93fde0418a75e9f9a90791492672524c8ec53fd27a547cac44a88fcfe29502d4d0c9863d4485f76479
+  languageName: node
+  linkType: hard
+
+"@tamagui/react-native-web-lite@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/react-native-web-lite@npm:1.121.12"
+  dependencies:
+    "@tamagui/normalize-css-color": "npm:1.121.12"
+    "@tamagui/react-native-use-pressable": "npm:1.121.12"
+    "@tamagui/react-native-use-responder-events": "npm:1.121.12"
+    "@tamagui/react-native-web-internals": "npm:1.121.12"
+    invariant: "npm:^2.2.4"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2205b81556cda2f8072c745b42a17278c382112df4e49d81cddd35e8f82774db70c550b86af399dfa1438d1a3a867d30a1802063a726b1285f9b63e8c047f923
+  languageName: node
+  linkType: hard
+
+"@tamagui/remove-scroll@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/remove-scroll@npm:1.119.0"
+  dependencies:
+    react-remove-scroll: "npm:^2.6.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/468e467c68194052460b6881c5aa5f6c2eb8fb918a03dddb9ae8323fa40b90d88c469f5b31aee67ee87f8f06f874327cbab180aef4aa5fc0298453935bcf0320
+  languageName: node
+  linkType: hard
+
+"@tamagui/roving-focus@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/roving-focus@npm:1.119.0"
+  dependencies:
+    "@tamagui/collection": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-direction": "npm:1.119.0"
+    "@tamagui/use-event": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/f3c33ff8d2a31c00d0a848a223eaa30cf706d4d294374bae6f86e6aba85f8a757650785a220bbce23a4a846ad5cd3968a8bb60079d99dd8f9b0eaade0ccec566
+  languageName: node
+  linkType: hard
+
+"@tamagui/scroll-view@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/scroll-view@npm:1.119.0"
+  dependencies:
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/fe960d896815fb35feb424e417619ff8779ec78cd6b9b0f9cea59c3c7ce4aeffd96785977e147d5634f870c6a6dd925f6a53e08c23e141e534b3b22bb951aa35
+  languageName: node
+  linkType: hard
+
+"@tamagui/select@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/select@npm:1.119.0"
+  dependencies:
+    "@floating-ui/react": "npm:^0.26.24"
+    "@floating-ui/react-dom": "npm:^2.1.2"
+    "@floating-ui/react-native": "npm:^0.10.6"
+    "@tamagui/adapt": "npm:1.119.0"
+    "@tamagui/animate-presence": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/dismissable": "npm:1.119.0"
+    "@tamagui/focus-scope": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/list-item": "npm:1.119.0"
+    "@tamagui/portal": "npm:1.119.0"
+    "@tamagui/remove-scroll": "npm:1.119.0"
+    "@tamagui/separator": "npm:1.119.0"
+    "@tamagui/sheet": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-debounce": "npm:1.119.0"
+    "@tamagui/use-event": "npm:1.119.0"
+    "@tamagui/use-previous": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/187c7292b9a2cc00b3c9ac2147b50487f02272234110e8717581cd0ea96d62fffa48c4674904dac772dfbcaa9d21fa6b3a44bc704118aa8dd0f5743f792924bd
+  languageName: node
+  linkType: hard
+
+"@tamagui/separator@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/separator@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/15e401d5b0107bb58c17cfbddef283f7723f6a87406a75094fb98bea773be1b3c3217ae0b11471ef218b43fad9132e1d65d2d455a34f3592f93d64a1cc6fd3a3
+  languageName: node
+  linkType: hard
+
+"@tamagui/shapes@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/shapes@npm:1.119.0"
+  dependencies:
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/92ddbcda915c6b5a29916934b7209d3ee1b579246b9a521ce58177a1efc73018fbffb5e83eace94ea5464a22810fdae9a22f4dfbae32da2cab9ba6778466ec8d
+  languageName: node
+  linkType: hard
+
+"@tamagui/sheet@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/sheet@npm:1.119.0"
+  dependencies:
+    "@tamagui/adapt": "npm:1.119.0"
+    "@tamagui/animate-presence": "npm:1.119.0"
+    "@tamagui/animations-react-native": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/portal": "npm:1.119.0"
+    "@tamagui/remove-scroll": "npm:1.119.0"
+    "@tamagui/scroll-view": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-constant": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-did-finish-ssr": "npm:1.119.0"
+    "@tamagui/use-keyboard-visible": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/7be8c90f3ea95c2abe291c2e1cb3e6b4baca11915379ed9ce755a8fdfa8c7b03d3a759e33114f13fbf3df74644e659cf183c52f31abae484a44d63802a153b49
+  languageName: node
+  linkType: hard
+
+"@tamagui/shorthands@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/shorthands@npm:1.119.0"
+  checksum: 10/a7ca299ca4f8e840eed76f5a4ab1fcea1ac8bdef85a1d412954a16519a41a0fc96985493acc19686697e722288ecabbe91c886e6d20130dd646d8231ab9b4fb1
+  languageName: node
+  linkType: hard
+
+"@tamagui/shorthands@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/shorthands@npm:1.121.12"
+  dependencies:
+    "@tamagui/web": "npm:1.121.12"
+  checksum: 10/1d7afe832e52e3ca17853e4869b5803f0aa584918d3944230f21864ed753489bfea98418f258ea9d6b41d263b9b6ed0b933d7b89682b91aa3217f82407a0276c
+  languageName: node
+  linkType: hard
+
+"@tamagui/simple-hash@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/simple-hash@npm:1.119.0"
+  checksum: 10/55a1864e47b1d37ae504913d20b71733e3ef88775f868977b2a47a7bb4357f3771f300962e579a316585800e9de0110a6034325500381447c9c1cdead7b157a8
+  languageName: node
+  linkType: hard
+
+"@tamagui/simple-hash@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/simple-hash@npm:1.121.12"
+  checksum: 10/a64e964cd06933f83bba60d0633667b134b8df07f40176d17a4588be5c75896c17cb1a4e975782c0f0142b7df354007bcaa76206c1253d06bfd679ac0a41a9aa
+  languageName: node
+  linkType: hard
+
+"@tamagui/slider@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/slider@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-debounce": "npm:1.119.0"
+    "@tamagui/use-direction": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/04baa7c81871dc0d0f413b10a0b6f33b1bdb2b75a80a81900d26594d62efe0c31df294ec91558a747ddcde94b60e31fad7ece1e6afb17f44b8f2f62ce69d7631
+  languageName: node
+  linkType: hard
+
+"@tamagui/stacks@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/stacks@npm:1.119.0"
+  dependencies:
+    "@tamagui/core": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/461cf0c995a1cdb17866794380ef772a65589a0e39263df131a41a7279ebf9cbc2c58e45e5fc1ed3f3ad9a0dc1ef46abbb8e3ea4ecd54418058436e8ef8c3dee
+  languageName: node
+  linkType: hard
+
+"@tamagui/start-transition@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/start-transition@npm:1.119.0"
+  checksum: 10/00c849e9f740c7453620379918a0d648be77fc44d302bb4280ce9c7cb0c6a994e310d6387f461bbd55c1cf8d8db74cf914ef91307357967d00372bbf58e2ad5e
+  languageName: node
+  linkType: hard
+
+"@tamagui/static@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/static@npm:1.121.12"
+  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.121.12"
+    "@tamagui/cli-color": "npm:1.121.12"
+    "@tamagui/config-default": "npm:1.121.12"
+    "@tamagui/core": "npm:1.121.12"
+    "@tamagui/fake-react-native": "npm:1.121.12"
+    "@tamagui/generate-themes": "npm:1.121.12"
+    "@tamagui/helpers": "npm:1.121.12"
+    "@tamagui/helpers-node": "npm:1.121.12"
+    "@tamagui/proxy-worm": "npm:1.121.12"
+    "@tamagui/react-native-web-internals": "npm:1.121.12"
+    "@tamagui/react-native-web-lite": "npm:1.121.12"
+    "@tamagui/shorthands": "npm:1.121.12"
+    "@tamagui/types": "npm:1.121.12"
+    babel-literal-to-ast: "npm:^2.1.0"
+    browserslist: "npm:^4.22.2"
+    check-dependency-version-consistency: "npm:^4.1.0"
+    esbuild: "npm:^0.24.2"
+    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.19.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/ee875cefbeea0da2ce418cdc835b7b9511bb7ce98c6639b8849217f63006c98fb20fe5bf0288a90e5b362b0811ce183c601bb97a16e7f1cde07fff68b3806689
+  languageName: node
+  linkType: hard
+
+"@tamagui/switch-headless@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/switch-headless@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/label": "npm:1.119.0"
+    "@tamagui/use-previous": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/4b693e483abbe7f497b7f04fa3c9b8bdc4d1cf002bce34c54c11e9d4d94356c03a3067ff7b828d30fdf2680d3957e4c78a82bb7e9b9649e414f8fe2bfbeadebb
+  languageName: node
+  linkType: hard
+
+"@tamagui/switch@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/switch@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/label": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/switch-headless": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-previous": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/d42fe87408ba473f79e7ab97af6e994b553dc008e3435f625a84fb939038ac0644fbce484ecbcf2f41c5a881dae565460be622cee3b33531cb557395d6bf5ce9
+  languageName: node
+  linkType: hard
+
+"@tamagui/tabs@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/tabs@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/get-button-sized": "npm:1.119.0"
+    "@tamagui/group": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/roving-focus": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-direction": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/d33778c3828d2de279cad0bc3e0898c83f62123abb526f06efffa837d6928759071971c86d1f876c813fd908e4cce3477d3adc2681396a2680f48819ecc8666b
+  languageName: node
+  linkType: hard
+
+"@tamagui/text@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/text@npm:1.119.0"
+  dependencies:
+    "@tamagui/get-font-sized": "npm:1.119.0"
+    "@tamagui/helpers-tamagui": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/48387fa0129af0393f08f9a1497e206495a4d67ef29f2ef296823f3df5a7bd29bd92d2074850b972c1b2e36fa958df21739e3b0b0587c7bd258ecac50ac9c5c9
+  languageName: node
+  linkType: hard
+
+"@tamagui/theme-builder@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/theme-builder@npm:1.119.0"
+  dependencies:
+    "@tamagui/create-theme": "npm:1.119.0"
+    color2k: "npm:^2.0.2"
+  checksum: 10/b222edf0b1f496f19f35fd3789ed4a7feb0eee9c706092cc4d32168636c8a6fd098e2d5f7e510fc7e309d4b52cbc18b50696f4c879d8073bea8705963a5c1de9
+  languageName: node
+  linkType: hard
+
+"@tamagui/theme-builder@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/theme-builder@npm:1.121.12"
+  dependencies:
+    "@tamagui/create-theme": "npm:1.121.12"
+    color2k: "npm:^2.0.2"
+  checksum: 10/439dc58e23d7cfb3bbf3bd6ff42de65eb82b2af2383f6b5da1fc8766b48833555addb7f206cc3d2f34c3e649726532365a66a56596d3160f46d2c168a39935e8
+  languageName: node
+  linkType: hard
+
+"@tamagui/theme@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/theme@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/eeecdb64c569103de1de30a6132e4a5c67dbcaa5a1263ac9073198f9ad06c92d297b7fa108f89b612b660dacc7e1f00b565a84ea0623cc387277bd84ea475e98
+  languageName: node
+  linkType: hard
+
+"@tamagui/themes@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/themes@npm:1.119.0"
+  dependencies:
+    "@tamagui/colors": "npm:1.119.0"
+    "@tamagui/create-theme": "npm:1.119.0"
+    "@tamagui/theme-builder": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  checksum: 10/baebb1237d7e788a386942becb68f065ae0ed59e25fe1395bfa1d8c1effad572256f06594440aedae799aba3ff8ae1f7167c8cf4e5eda2bd6ee904f914cc9bdb
+  languageName: node
+  linkType: hard
+
+"@tamagui/timer@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/timer@npm:1.119.0"
+  checksum: 10/025cf3fede642132e24ea762a826ee697306e86ca15f3b2430fb72f11ddc0b2e126aece8a2208d818b75e7a8a710e1c51219d29231fb33962f73d12088cb07e3
+  languageName: node
+  linkType: hard
+
+"@tamagui/timer@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/timer@npm:1.121.12"
+  checksum: 10/6e4a161d7ce6fcf1f605535a75a7b832c9ee34b85b87e9dcfa2580f474a48f0d7feac621261f149b249a09e20e1fbf84e21faf1beada2350f0cb290e465b3ae3
+  languageName: node
+  linkType: hard
+
+"@tamagui/toast@npm:^1.117.1":
+  version: 1.119.0
+  resolution: "@tamagui/toast@npm:1.119.0"
+  dependencies:
+    "@tamagui/animate-presence": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/dismissable": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/portal": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/start-transition": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/visually-hidden": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/81690f9b9260a64b4a5834000d1e1d8c334ed316b788b5734ffe1a13b2435b58af8c5cd2c4dd8d562d687cc7a2be3bb93842794b59da955055593c73c6f82eda
+  languageName: node
+  linkType: hard
+
+"@tamagui/toggle-group@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/toggle-group@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/font-size": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/group": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/helpers-tamagui": "npm:1.119.0"
+    "@tamagui/roving-focus": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-direction": "npm:1.119.0"
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/6713b477ee705399de4bfbe40e3e86fd93406621e0e2e0963ec8321c39ae198e29d1acb4b3d27272b880b1b6a80abc3d82f570c70856ba28fba0b7643773db7d
+  languageName: node
+  linkType: hard
+
+"@tamagui/tooltip@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/tooltip@npm:1.119.0"
+  dependencies:
+    "@floating-ui/react": "npm:^0.26.24"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/floating": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/popover": "npm:1.119.0"
+    "@tamagui/popper": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/add94016046ea72b618b283ead2aab1d9629a55c17ccc59d069def206b92bb7a29c3a98cd42cfbfa477f5dc40ad588fec7c561bdb84712fb9983f41625e528b3
+  languageName: node
+  linkType: hard
+
+"@tamagui/types@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/types@npm:1.119.0"
+  checksum: 10/5b30e5adc046b042f294530158e5605b0294d02770bf2be86b1292da66e011e575f57057cb500a30474c33cfceb2bc85a136b7c31c774582798b542e51da0343
+  languageName: node
+  linkType: hard
+
+"@tamagui/types@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/types@npm:1.121.12"
+  checksum: 10/1e730ee3a2b69656e50d86223ae63c508e1f9ab50b3dbb8a2c40d4a675f8ef9f9eae485457e51806330afa8ab428e469fb3ff5626a9a96c3bfd72f38884cca46
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-callback-ref@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-callback-ref@npm:1.119.0"
+  checksum: 10/0688bc80254c94d75c4cf1a5b7f70a1af102cccb25dbe1a41439b0520d1a88e120e2d3f3488947252b0f7561f6c2c7a0e22c08804a67fab627f3b87c2394e8aa
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-constant@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-constant@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/7d5d740c7ee293c1cef28b7c2da780201e0ed253336ab6f65c634748f495a5f93529770bfb07a8d8fb61654902abb897578447669338ca790bd19b29416bae58
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-controllable-state@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-controllable-state@npm:1.119.0"
+  dependencies:
+    "@tamagui/start-transition": "npm:1.119.0"
+    "@tamagui/use-event": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/c87da9b0ee1cc21a89c60b492e12fffd0dc68c2c09852e6e704a6ecf0e749cbff833e412021e520e473bff24795a8f800d8496fda4005bf78b1fe2a5a49fb3d0
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-debounce@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-debounce@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/2cd536023459f0627dde323ffe61ca73d0f024e0b25012e8a596d3d8787840c91975349adad0866f3b5884b85dfed8cfed1803a11794a27c32426638f5f73a0d
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-did-finish-ssr@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-did-finish-ssr@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/66cb9a231709eb706b8dc298326198fb3f59369ca148cf11c0b02a3c02170abf476b60257bb2531a4905ccc254f9ab874591cb5980d92e688a86f0ffcabe9ae3
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-did-finish-ssr@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/use-did-finish-ssr@npm:1.121.12"
+  peerDependencies:
+    react: "*"
+  checksum: 10/1d9ecc6bc34f7931929d40b24bbdb3ffeed3d346927ce774d39f9dd5134f2bbe5436d0b28888be9036f315567a01078e92537c9831f578921b86ede7fae0919f
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-direction@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-direction@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/35925ce078a71e4b33c8787a1ce74a1b018617f18f175ede3db341e1fa055d3a15c00167717159fe0f66c7ee1c887b74ea0678a6762bc7b04c0e4c51ce6e56aa
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-escape-keydown@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-escape-keydown@npm:1.119.0"
+  dependencies:
+    "@tamagui/use-callback-ref": "npm:1.119.0"
+  checksum: 10/a0426be7c4bcf7687853cd8ed04a66e24eadc1c9a57277393c77db8d0713b7e71fcb1b28a568ce20c5afab76becb28d4ea2ef455b65c3a9f4bd31e2aae80c2d0
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-event@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-event@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/91cb8faf6c537f14aedebcab8044877b4500cd8f7f101b2cffaabe9b9c43a58b25ed04f854efbef6c91b76b68d0195d1514f7b296a3eade7bc613c33a152a4e2
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-event@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/use-event@npm:1.121.12"
+  dependencies:
+    "@tamagui/constants": "npm:1.121.12"
+  peerDependencies:
+    react: "*"
+  checksum: 10/47f25974dc58ec926510b8001b18db9549c918e564503e917ef960a7a609582a4e57a26d9db94d18c7776c914d0ee6d70272395fc11f691c14ef38cf8c87e5cf
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-force-update@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-force-update@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/25ed55c391f1a0842da79e49fd2d2faf34d4c29ad66bb07074b12ba4d2c1be988d4571fd2f9ee671f8b591f0d80220e5fea1660f3269a081d912e1305cfb64ce
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-force-update@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/use-force-update@npm:1.121.12"
+  peerDependencies:
+    react: "*"
+  checksum: 10/1d6c590f20b6a54c58e2bf6f656940b57ebb43fb0739136a0feeb0641315e3158bdbf8e8a284ffeae36fe8dd33bf3f098120f0a204d5e6df5b7dd764bfe15dde
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-keyboard-visible@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-keyboard-visible@npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/3cd6d6675ee013003c1e66176ba5cbbfe7c79779c6e49645dca5a073b4b3f0115272ee41a5f4b2fafa99e80ce70c3676d0061f5243d27cd3864ec7095e33c1a8
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-presence@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-presence@npm:1.119.0"
+  dependencies:
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/82c2e1c8ac4f7eca47fcbe79b02ec62965b88f3604f187503e4ba2a882e5ec8b7d0a18a919a5f70610ef59e8d8c5ca5e7ee4f2da746ed56700eeaf3c5c18e21a
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-presence@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/use-presence@npm:1.121.12"
+  dependencies:
+    "@tamagui/web": "npm:1.121.12"
+  peerDependencies:
+    react: "*"
+  checksum: 10/b9617d6ee43c26ef0d32c6080bfe95c4ce5ccc13f7168d9d9dbc0adf361be46f9a221b6c0042c805d5b2b123b085b68d34857f85c0768cc623ba1a1f71994159
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-previous@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-previous@npm:1.119.0"
+  checksum: 10/7ada11baf20e189a8a1a169cbd994c899a67399ea7bac53badc6662d7a3f591b9d298575f41c82f98a76113ee610805624e387fc6afd1ae0b4d96744ee4bcd90
+  languageName: node
+  linkType: hard
+
+"@tamagui/use-window-dimensions@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/use-window-dimensions@npm:1.119.0"
+  dependencies:
+    "@tamagui/constants": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/688095a773ae7effb1264edd7e3474115afc0f696aa118c7e0863638c380a14839be11240bf6657cac0b3d1eb8920f86c07ff52365235dcb79ed4afb547cd147
+  languageName: node
+  linkType: hard
+
+"@tamagui/visually-hidden@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/visually-hidden@npm:1.119.0"
+  dependencies:
+    "@tamagui/web": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/8ec517c55a23dafeefc43ecfa960a5d66bf6b55055cae49004decee972ef14c9c4ff6a4c028a3aa05a3d01e68038728beedc3dd158b0f6e342b496c2e59d2630
+  languageName: node
+  linkType: hard
+
+"@tamagui/web@npm:1.119.0":
+  version: 1.119.0
+  resolution: "@tamagui/web@npm:1.119.0"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/helpers": "npm:1.119.0"
+    "@tamagui/normalize-css-color": "npm:1.119.0"
+    "@tamagui/timer": "npm:1.119.0"
+    "@tamagui/types": "npm:1.119.0"
+    "@tamagui/use-did-finish-ssr": "npm:1.119.0"
+    "@tamagui/use-event": "npm:1.119.0"
+    "@tamagui/use-force-update": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10/715e7d88dfa0449054ed390628494cd85c828ad8317914f265ec9b5c47230f5c88fcdc393c4d738d9f116e422c6fa086c30bedb2a95f883c18d1684f7a812c4e
+  languageName: node
+  linkType: hard
+
+"@tamagui/web@npm:1.121.12":
+  version: 1.121.12
+  resolution: "@tamagui/web@npm:1.121.12"
+  dependencies:
+    "@tamagui/compose-refs": "npm:1.121.12"
+    "@tamagui/constants": "npm:1.121.12"
+    "@tamagui/helpers": "npm:1.121.12"
+    "@tamagui/normalize-css-color": "npm:1.121.12"
+    "@tamagui/timer": "npm:1.121.12"
+    "@tamagui/types": "npm:1.121.12"
+    "@tamagui/use-did-finish-ssr": "npm:1.121.12"
+    "@tamagui/use-event": "npm:1.121.12"
+    "@tamagui/use-force-update": "npm:1.121.12"
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 10/105f059cafa3fcd9057aaaaf2d4667bf9f4ac2a36cddd2ee315e1f3f4a98636de552f95849baeca99853acb92ba54ee162cc8edfee697803d5641f71c87f6d1d
+  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:^12.7.2":
+  version: 12.9.0
+  resolution: "@testing-library/react-native@npm:12.9.0"
+  dependencies:
+    jest-matcher-utils: "npm:^29.7.0"
+    pretty-format: "npm:^29.7.0"
+    redent: "npm:^3.0.0"
+  peerDependencies:
+    jest: ">=28.0.0"
+    react: ">=16.8.0"
+    react-native: ">=0.59"
+    react-test-renderer: ">=16.8.0"
+  peerDependenciesMeta:
+    jest:
+      optional: true
+  checksum: 10/dcee1d836e76198a2c397fbcb7db24a40e2c45b2dcbca266a4a5d8a802a859a1e8c50755336a2d70f9eec478de964951673b78acb2e03c007b2bee5b8d8766d1
+  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.3.3":
+  version: 1.3.3
+  resolution: "@trezor/analytics@npm:1.3.3"
+  dependencies:
+    "@trezor/env-utils": "npm:1.3.2"
+    "@trezor/utils": "npm:9.3.3"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/1bf7864fabdc8b833827dbcbd14fb97da37a4b3e007cf96858124c9323ba746bb32e7cb4c58de52ef4b65cbb1c372d4144413cd12fddc099da2e510e3a82abdb
+  languageName: node
+  linkType: hard
+
+"@trezor/blockchain-link-types@npm:1.3.4":
+  version: 1.3.4
+  resolution: "@trezor/blockchain-link-types@npm:1.3.4"
+  dependencies:
+    "@trezor/type-utils": "npm:1.1.5"
+    "@trezor/utxo-lib": "npm:2.3.4"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/04d21dc233ba039bcfa864eea6ea4d14825017bef20120e21f6939729f7a146a20c84bb25de9fccaad3fc80107c322683d832750fe9559c1c54178407fdabf16
+  languageName: node
+  linkType: hard
+
+"@trezor/blockchain-link-utils@npm:1.3.4":
+  version: 1.3.4
+  resolution: "@trezor/blockchain-link-utils@npm:1.3.4"
+  dependencies:
+    "@mobily/ts-belt": "npm:^3.13.1"
+    "@trezor/env-utils": "npm:1.3.3"
+    "@trezor/utils": "npm:9.3.4"
+    xrpl: "npm:^4.2.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/4f888ab69a94394df8d9a609d369733165428877b25d2e3e0adeabb4e1c3b395ed39d2dfcb971b3d23f54ea1461d455bedf5f45aedecf94031c56185436a1344
+  languageName: node
+  linkType: hard
+
+"@trezor/blockchain-link@npm:2.4.4":
+  version: 2.4.4
+  resolution: "@trezor/blockchain-link@npm:2.4.4"
+  dependencies:
+    "@solana-program/stake": "npm:^0.2.0"
+    "@solana-program/token": "npm:^0.5.1"
+    "@solana-program/token-2022": "npm:^0.4.0"
+    "@solana/kit": "npm:^2.0.0"
+    "@trezor/blockchain-link-types": "npm:1.3.4"
+    "@trezor/blockchain-link-utils": "npm:1.3.4"
+    "@trezor/env-utils": "npm:1.3.3"
+    "@trezor/utils": "npm:9.3.4"
+    "@trezor/utxo-lib": "npm:2.3.4"
+    "@trezor/websocket-client": "npm:1.1.4"
+    "@types/web": "npm:^0.0.197"
+    events: "npm:^3.3.0"
+    socks-proxy-agent: "npm:8.0.5"
+    xrpl: "npm:^4.2.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/b6cb7798198bf515a5dad2d40326709a7fd6fb827de19ee60b19d7519d54527465af920d55193a13a6ffd0c0fd93b4a660bb4998c177bbfd5e012c807c8ad21f
+  languageName: node
+  linkType: hard
+
+"@trezor/connect-analytics@npm:1.3.2":
+  version: 1.3.2
+  resolution: "@trezor/connect-analytics@npm:1.3.2"
+  dependencies:
+    "@trezor/analytics": "npm:1.3.3"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/4999b7c63bb72283377f3954af76ea14c9390ddbf2914788a02493c8fd32f307f80ec63b9e666e7a8fa10a342a0206f47d9bb87a44b4c78f97753420a203ac21
+  languageName: node
+  linkType: hard
+
+"@trezor/connect-common@npm:0.3.4":
+  version: 0.3.4
+  resolution: "@trezor/connect-common@npm:0.3.4"
+  dependencies:
+    "@trezor/env-utils": "npm:1.3.3"
+    "@trezor/utils": "npm:9.3.4"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/f1ec1464f2e0effb7b549af4e5d2058beca5874c40123cc92e3b379f5d9aa513be18d5206202ee37e0c431efa439c4e2ec31e0add98260759762503e153aa945
+  languageName: node
+  linkType: hard
+
+"@trezor/connect-web@npm:^9.0.11":
+  version: 9.5.4
+  resolution: "@trezor/connect-web@npm:9.5.4"
+  dependencies:
+    "@trezor/connect": "npm:9.5.4"
+    "@trezor/connect-common": "npm:0.3.4"
+    "@trezor/utils": "npm:9.3.4"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/937e78ab83fd8cb74ad116645458c4ea5c67477de7f61489f4322e702831c8c88810eec9d670df90e70ab9f564b0c45399cf88db48ecf22d954e814d58832f0b
+  languageName: node
+  linkType: hard
+
+"@trezor/connect@npm:9.5.4":
+  version: 9.5.4
+  resolution: "@trezor/connect@npm:9.5.4"
+  dependencies:
+    "@ethereumjs/common": "npm:^4.4.0"
+    "@ethereumjs/tx": "npm:^5.4.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.7.0"
+    "@solana-program/system": "npm:^0.7.0"
+    "@solana-program/token": "npm:^0.5.1"
+    "@solana-program/token-2022": "npm:^0.4.0"
+    "@solana/kit": "npm:^2.0.0"
+    "@trezor/blockchain-link": "npm:2.4.4"
+    "@trezor/blockchain-link-types": "npm:1.3.4"
+    "@trezor/blockchain-link-utils": "npm:1.3.4"
+    "@trezor/connect-analytics": "npm:1.3.2"
+    "@trezor/connect-common": "npm:0.3.4"
+    "@trezor/crypto-utils": "npm:1.1.2"
+    "@trezor/device-utils": "npm:1.0.2"
+    "@trezor/protobuf": "npm:1.3.4"
+    "@trezor/protocol": "npm:1.2.5"
+    "@trezor/schema-utils": "npm:1.3.2"
+    "@trezor/transport": "npm:1.4.4"
+    "@trezor/utils": "npm:9.3.4"
+    "@trezor/utxo-lib": "npm:2.3.4"
+    blakejs: "npm:^1.2.1"
+    bs58: "npm:^6.0.0"
+    bs58check: "npm:^4.0.0"
+    cross-fetch: "npm:^4.0.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/369ea492c7eeede9679878349db6a3a7976e29ab0980f09c389c4bfd755946bbdbd7ccc38f5d2572bd6d6bfbe1ba2e54989ceb8e0e964d142fe73649356329e7
+  languageName: node
+  linkType: hard
+
+"@trezor/crypto-utils@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@trezor/crypto-utils@npm:1.1.2"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/287175c3369fb75ab923e528c89139a0b51e5488331f65d91b9910932137614fd4372025a74e8cf7e73394a268f4b8cdfc013fb24fe71b526ac8ec8841de52f3
+  languageName: node
+  linkType: hard
+
+"@trezor/device-utils@npm:1.0.2":
+  version: 1.0.2
+  resolution: "@trezor/device-utils@npm:1.0.2"
+  checksum: 10/1fa4780fb0129f1daace13c4355e073cc4d7acdf750aa99393cff05f9268ab53638ae3a6b05b44bb555338e3d1eee34cca242e1b0897096b8518a4b3f81a47a7
+  languageName: node
+  linkType: hard
+
+"@trezor/env-utils@npm:1.3.2":
+  version: 1.3.2
+  resolution: "@trezor/env-utils@npm:1.3.2"
+  dependencies:
+    ua-parser-js: "npm:^1.0.37"
+  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/5245942843bab51992c095cf104a5fe3ee92ec6055db54659a964d9ce36c2563cd41ebd1574f672dcefcfe978d5267d920dc18ce4d7a6cdff396445a9a565d2a
+  languageName: node
+  linkType: hard
+
+"@trezor/env-utils@npm:1.3.3":
+  version: 1.3.3
+  resolution: "@trezor/env-utils@npm:1.3.3"
+  dependencies:
+    ua-parser-js: "npm:^2.0.3"
+  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/81df23b1d77c506ec5b01d5bdc968e083a663ac8e171bdeccc0259c240a602ad0be53aafba4bb7fd030b0427ea22eac3dd9b6fad176a6831085f498efdef9655
+  languageName: node
+  linkType: hard
+
+"@trezor/protobuf@npm:1.3.4":
+  version: 1.3.4
+  resolution: "@trezor/protobuf@npm:1.3.4"
+  dependencies:
+    "@trezor/schema-utils": "npm:1.3.2"
+    long: "npm:5.2.5"
+    protobufjs: "npm:7.4.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/7340b939bc98b585bf6577129d460cce006c35284516ba23e090bb5904efabc18574da7b11561a3015e28c98599d1f1156457ed6a75e151f3a49e2d72e06befd
+  languageName: node
+  linkType: hard
+
+"@trezor/protocol@npm:1.2.5":
+  version: 1.2.5
+  resolution: "@trezor/protocol@npm:1.2.5"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/915032bc1bbb9feac5a01219252ee61a067ed7502fe01fe9448ddf521341fe54a63ecd2fa3353f86bb6d04511e0c653aa4bb74217108e6cc8dcea2d1a2e54862
+  languageName: node
+  linkType: hard
+
+"@trezor/schema-utils@npm:1.3.2":
+  version: 1.3.2
+  resolution: "@trezor/schema-utils@npm:1.3.2"
+  dependencies:
+    "@sinclair/typebox": "npm:^0.33.7"
+    ts-mixer: "npm:^6.0.3"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/2a69e6347d29f74e1d8a6e60c158a7e347196659a0d2f6bc92e280bf5ae65309e89b2b78274d69a6ddc8ea276a6af6f48b5deb764201b6d2aab320543d9be7bb
+  languageName: node
+  linkType: hard
+
+"@trezor/transport@npm:1.4.4":
+  version: 1.4.4
+  resolution: "@trezor/transport@npm:1.4.4"
+  dependencies:
+    "@trezor/protobuf": "npm:1.3.4"
+    "@trezor/protocol": "npm:1.2.5"
+    "@trezor/utils": "npm:9.3.4"
+    cross-fetch: "npm:^4.0.0"
+    usb: "npm:^2.15.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/d759debb0de4808a6f6e7dee67c6462e19f6011f9d494e56fede5862d2858996a423a3c6c0df2293b7e59facfb81ebbbf0ce468ae4c7536f9bf41f2e99d787ba
+  languageName: node
+  linkType: hard
+
+"@trezor/type-utils@npm:1.1.5":
+  version: 1.1.5
+  resolution: "@trezor/type-utils@npm:1.1.5"
+  checksum: 10/16e621d652c9ddc20e4433b56a66508e483c405f9d6088856cd0e5ad146687d3c943e3142ba09de7f75b8a613db12e685b067d14001ec1fec0892e9e003a56fc
+  languageName: node
+  linkType: hard
+
+"@trezor/utils@npm:9.3.3":
+  version: 9.3.3
+  resolution: "@trezor/utils@npm:9.3.3"
+  dependencies:
+    bignumber.js: "npm:^9.1.2"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/30b1f7685aa1932f67e6dafbba01bb3b8e4f070b594599a1e3cd98fb68c11c86153eabe5ff879be8e99a683ed3d49ed960bf62c1934d2ab9e680aeb595b6eebc
+  languageName: node
+  linkType: hard
+
+"@trezor/utils@npm:9.3.4":
+  version: 9.3.4
+  resolution: "@trezor/utils@npm:9.3.4"
+  dependencies:
+    bignumber.js: "npm:^9.1.2"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/d6e746be8dff2da0e108d1ac3f4aabab006e6d79ea7c5caee31f20da4b0566b0afefba8181b75ffc4a1f5828ae3c9f82891488ecd04efd00f29eb3a64baa7f4a
+  languageName: node
+  linkType: hard
+
+"@trezor/utxo-lib@npm:2.3.4":
+  version: 2.3.4
+  resolution: "@trezor/utxo-lib@npm:2.3.4"
+  dependencies:
+    "@trezor/utils": "npm:9.3.4"
+    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.1"
+    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.6"
+    typeforce: "npm:^1.18.0"
+    varuint-bitcoin: "npm:2.0.0"
+    wif: "npm:^5.0.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/6fe5f498bf838008b3aa9f5d83e592124a5bd1bc3b7cef2dc5c861a1b1b54cd328e37a88506d859bc3925599dfb440b29c849311093d18f16a9bfb7f21d058cd
+  languageName: node
+  linkType: hard
+
+"@trezor/websocket-client@npm:1.1.4":
+  version: 1.1.4
+  resolution: "@trezor/websocket-client@npm:1.1.4"
+  dependencies:
+    "@trezor/utils": "npm:9.3.4"
+    ws: "npm:^8.18.0"
+  peerDependencies:
+    tslib: ^2.6.2
+  checksum: 10/fcb7cff7605501a92a743e7adb239952a9e3e807b659dc8eacb05cd6bd49bdbe6421160b41826babefe201e52782ac4034cc475d2370e420ad7de955c8a5c265
+  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
+
+"@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/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.5.12, @types/jest@npm:^29.5.14, @types/jest@npm:^29.5.4":
+  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.5, @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.12
+  resolution: "@types/node-fetch@npm:2.6.12"
+  dependencies:
+    "@types/node": "npm:*"
+    form-data: "npm:^4.0.0"
+  checksum: 10/8107c479da83a3114fcbfa882eba95ee5175cccb5e4dd53f737a96f2559ae6262f662176b8457c1656de09ec393cc7b20a266c077e4bfb21e929976e1cf4d0f9
+  languageName: node
+  linkType: hard
+
+"@types/node-forge@npm:^1.3.0":
+  version: 1.3.11
+  resolution: "@types/node-forge@npm:1.3.11"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/670c9b377c48189186ec415e3c8ed371f141ecc1a79ab71b213b20816adeffecba44dae4f8406cc0d09e6349a4db14eb8c5893f643d8e00fa19fc035cf49dee0
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:*, @types/node@npm:>=12.12.47, @types/node@npm:>=13.7.0, @types/node@npm:^22.0.0, @types/node@npm:^22.9.1":
+  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/node@npm:18.11.18":
+  version: 18.11.18
+  resolution: "@types/node@npm:18.11.18"
+  checksum: 10/da05cf3a0036ef05cd695ac4cb265948593acbe723ba818f0ca0ce466b13ba99e1aac3a363086d6b8c7ea8f30c9233478e0293ac878a6f4b1d5515b10c392257
+  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/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:*, @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-gtm-module@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "@types/react-gtm-module@npm:2.0.4"
+  checksum: 10/635699a2d85f958ba92126cda851f9a1b46df75d3846bdc89ce2345524f73d889a266110d00492f6c23e9e42e70ec2246449a93c9cc2c6367bd643a7d2f0e88a
+  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:~18.3.12":
+  version: 18.3.18
+  resolution: "@types/react@npm:18.3.18"
+  dependencies:
+    "@types/prop-types": "npm:*"
+    csstype: "npm:^3.0.2"
+  checksum: 10/7fdd8b853e0d291d4138133f93f8d5c333da918e5804afcea61a923aab4bdfc9bb15eb21a5640959b452972b8715ddf10ffb12b3bd071898b9e37738636463f2
+  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.17.0":
+  version: 8.17.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:8.17.0"
+  dependencies:
+    "@eslint-community/regexpp": "npm:^4.10.0"
+    "@typescript-eslint/scope-manager": "npm:8.17.0"
+    "@typescript-eslint/type-utils": "npm:8.17.0"
+    "@typescript-eslint/utils": "npm:8.17.0"
+    "@typescript-eslint/visitor-keys": "npm:8.17.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": ^8.0.0 || ^8.0.0-alpha.0
+    eslint: ^8.57.0 || ^9.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/753630802632dc1bb15d4b86afe60b5280d080cc6715648f6b717093a81d31f8aa621f823d0aa5632d1cf05f3c8f4ea356eff49efd11d9f7c154cb16d2ac2d79
+  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/parser@npm:8.17.0":
+  version: 8.17.0
+  resolution: "@typescript-eslint/parser@npm:8.17.0"
+  dependencies:
+    "@typescript-eslint/scope-manager": "npm:8.17.0"
+    "@typescript-eslint/types": "npm:8.17.0"
+    "@typescript-eslint/typescript-estree": "npm:8.17.0"
+    "@typescript-eslint/visitor-keys": "npm:8.17.0"
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/464981e1424e4a7849ca7253b54092a67d33130d28ecf492efd56d5ce69e640a876b7f84e59f1e368e763125432c34e7de28d78c0eef1bda4e9a9d52de0ccac5
+  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/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.17.0":
+  version: 8.17.0
+  resolution: "@typescript-eslint/scope-manager@npm:8.17.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.17.0"
+    "@typescript-eslint/visitor-keys": "npm:8.17.0"
+  checksum: 10/fa934d9fd88070833c57a3e79c0f933d0b68884c00293a1d571889b882e5c9680ccfdc5c77a7160d5a4b8b46657f93db2468a4726a517fce4d3bc764b66f1995
+  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/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.17.0":
+  version: 8.17.0
+  resolution: "@typescript-eslint/type-utils@npm:8.17.0"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:8.17.0"
+    "@typescript-eslint/utils": "npm:8.17.0"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/a755935a0c16d6b9456effb1cad5e9605936e60799b57394cd143620dd862a90bcac12f720a009e32cafdae315fda343252117db4dc83520e0d21f1c28889792
+  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/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.17.0":
+  version: 8.17.0
+  resolution: "@typescript-eslint/types@npm:8.17.0"
+  checksum: 10/46baf69ab30dd814a390590b94ca64c407ac725cb0143590ddcaf72fa43c940cec180539752ce4af26ac7e0ae2f5f921cfd0d07b088ca680f8a28800d4d33a5f
+  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/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.17.0":
+  version: 8.17.0
+  resolution: "@typescript-eslint/typescript-estree@npm:8.17.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.17.0"
+    "@typescript-eslint/visitor-keys": "npm:8.17.0"
+    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"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/8a1f8be767b82e75d41eedda7fdb5135787ceaab480671b6d9891b5f92ee3a13f19ad6f48d5abf5e4f2afc4dd3317c621c1935505ef098f22b67be2f9d01ab7b
+  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/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.17.0":
+  version: 8.17.0
+  resolution: "@typescript-eslint/utils@npm:8.17.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@typescript-eslint/scope-manager": "npm:8.17.0"
+    "@typescript-eslint/types": "npm:8.17.0"
+    "@typescript-eslint/typescript-estree": "npm:8.17.0"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/e82934468bece55ccf633be9f3fe6cae26791fa6488b5af08ea22566f6b32e1296917e46cb1fe39bba7717ebdf0dca49935112760c4439a11af36b3b7925917a
+  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/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.17.0":
+  version: 8.17.0
+  resolution: "@typescript-eslint/visitor-keys@npm:8.17.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.17.0"
+    eslint-visitor-keys: "npm:^4.2.0"
+  checksum: 10/e7a3c3b9430ecefb8e720f735f8a94f87901f055c75dc8eec60052dfdf90cc28dd33f03c11cd8244551dc988bf98d1db9bd09ef8fd3c51236912cab3680b9c6b
+  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
+
+"@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.17.3, @walletconnect/core@npm:^2.17.2":
+  version: 2.17.3
+  resolution: "@walletconnect/core@npm:2.17.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.0.4"
+    "@walletconnect/safe-json": "npm:1.0.2"
+    "@walletconnect/time": "npm:1.0.2"
+    "@walletconnect/types": "npm:2.17.3"
+    "@walletconnect/utils": "npm:2.17.3"
+    "@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/bb7f400820fdbb79b1fb4837c99b2e0a4defec751bb2d59d36957a5e6efb54b5ff70f8219558e25a98ecc5b99c5a93e4aad997c45ad6150d4c3bb27e9d98a8a3
+  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.13.0":
+  version: 2.17.3
+  resolution: "@walletconnect/ethereum-provider@npm:2.17.3"
+  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.17.3"
+    "@walletconnect/types": "npm:2.17.3"
+    "@walletconnect/universal-provider": "npm:2.17.3"
+    "@walletconnect/utils": "npm:2.17.3"
+    events: "npm:3.3.0"
+  checksum: 10/0896df1ae6e4f6005900341d516546e4c3c8782377e59176364d86b7eb65b51a3746d395299c68a3287e5f6b91c88aff1d23f0b52f3049b9d3e35bf4c4647db4
+  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/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.17.3":
+  version: 2.17.3
+  resolution: "@walletconnect/sign-client@npm:2.17.3"
+  dependencies:
+    "@walletconnect/core": "npm:2.17.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.17.3"
+    "@walletconnect/utils": "npm:2.17.3"
+    events: "npm:3.3.0"
+  checksum: 10/bcea67582113a4bcd68096a7166870ef74174187b23787ffc2166f26c605d364857d09df92c0f2a58a4de8b2e399c68e8339bc82e96482e76a6f9867b536461c
+  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/universal-provider@npm:2.17.3":
+  version: 2.17.3
+  resolution: "@walletconnect/universal-provider@npm:2.17.3"
+  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.17.3"
+    "@walletconnect/types": "npm:2.17.3"
+    "@walletconnect/utils": "npm:2.17.3"
+    events: "npm:3.3.0"
+    lodash: "npm:4.17.21"
+  checksum: 10/2ffeaccb358a652bbb16aace909cb5e3a5e830eed6b1bcecbf631c3be6d5d0bb3bb64b38f3d7bc15fb91c5497fc409fa505b9821ee30bd7d00147960501d6150
+  languageName: node
+  linkType: hard
+
+"@walletconnect/utils@npm:2.17.3, @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.3.4, @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.21.4":
+  version: 2.21.4
+  resolution: "@web3-onboard/core@npm:2.21.4"
+  dependencies:
+    "@web3-onboard/common": "npm:^2.3.4"
+    bignumber.js: "npm:^9.0.0"
+    bnc-sdk: "npm:^4.6.7"
+    bowser: "npm:^2.11.0"
+    ethers: "npm:5.5.3"
+    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:^3.3.13"
+  checksum: 10/77011b7b7b365f2c743b537b42359d66d24776e62238348c795b2c84512fda8f525dcfa0d8802a131e5071d6d99bab4adc330edb0834affa32d3c15c6bcc8805
+  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.2":
+  version: 2.11.2
+  resolution: "@web3-onboard/injected-wallets@npm:2.11.2"
+  dependencies:
+    "@web3-onboard/common": "npm:^2.4.1"
+    joi: "npm:17.9.1"
+    lodash.uniqby: "npm:^4.7.0"
+  checksum: 10/3dd84ac8c4c71b628ac5327603ab18e801460ff655d7724c7dbebb7d7e8595f0b1d822dde903633ed991fd7d293e930ee5178476edd0fbf7f1c80a790eaff878
+  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/walletconnect@npm:^2.6.1":
+  version: 2.6.1
+  resolution: "@web3-onboard/walletconnect@npm:2.6.1"
+  dependencies:
+    "@walletconnect/ethereum-provider": "npm:^2.13.0"
+    "@web3-onboard/common": "npm:^2.4.1"
+    joi: "npm:17.9.1"
+    rxjs: "npm:^7.5.2"
+  checksum: 10/4f1c45df43e64afcc85b7e7e2e6819c98f025cb6f65e46080ed98efaa3dcf8afe33723c647553e20ae103d10f6df03635c08d1df9f160cff6023461d8ebc949d
+  languageName: node
+  linkType: hard
+
+"@web3-storage/multipart-parser@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@web3-storage/multipart-parser@npm:1.0.0"
+  checksum: 10/20d7a4330392d83f727586477fc6e709f8fca3b3664365b0d9d3041abe2aeb13f53030a3997a28a39cc74930863ebb625878b8c90789e5c990e4b64d9f22a93d
+  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
+
+"@xmldom/xmldom@npm:~0.7.7":
+  version: 0.7.13
+  resolution: "@xmldom/xmldom@npm:0.7.13"
+  checksum: 10/a359d15fe3c24fe85a1e1b3bc4cfd23d4f014fb8aa382aa445cccaac545e42958b75e386dd4853c76d82036401400b8d5e33cbcbfb6af7cdadeba769eae6122a
+  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:^1.0.0":
+  version: 1.0.0
+  resolution: "@xrplf/secret-numbers@npm:1.0.0"
+  dependencies:
+    "@xrplf/isomorphic": "npm:^1.0.0"
+    ripple-keypairs: "npm:^2.0.0"
+  checksum: 10/f9e584fdc73a605b2aba4a6b86f3a090c0df1a26e48817b7fa256d64211950d084b6f4419e89bef036e9eaedf85fd5fa98089e888b14e4232fe51ab9491742e0
+  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
+
+"@zxing/text-encoding@npm:0.9.0":
+  version: 0.9.0
+  resolution: "@zxing/text-encoding@npm:0.9.0"
+  checksum: 10/268e4ef64b8eaa32b990240bdfd1f7b3e2b501a6ed866a565f7c9747f04ac884fbe0537fe12bb05d9241b98fb111270c0fd0023ef0a02d23a6619b4589e98f6b
+  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
+
+"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
+
+"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
+
+"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-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":
+  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.2
+  resolution: "axios@npm:1.8.2"
+  dependencies:
+    follow-redirects: "npm:^1.15.6"
+    form-data: "npm:^4.0.0"
+    proxy-from-env: "npm:^1.1.0"
+  checksum: 10/d4328758128d0602cc809a8e7627622cb7839b379eae5e4d6b9d603dd4d5fb89159985630243ec107cf5c675cd8825dba737a319dff9499f3b7688d9a69ec9ed
+  languageName: node
+  linkType: hard
+
+"axios@npm:^1.7.7":
+  version: 1.9.0
+  resolution: "axios@npm:1.9.0"
+  dependencies:
+    follow-redirects: "npm:^1.15.6"
+    form-data: "npm:^4.0.0"
+    proxy-from-env: "npm:^1.1.0"
+  checksum: 10/a2f90bba56820883879f32a237e2b9ff25c250365dcafd41cec41b3406a3df334a148f90010182dfdadb4b41dc59f6f0b3e8898ff41b666d1157b5f3f4523497
+  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:^8.4.1":
+  version: 8.4.1
+  resolution: "babel-loader@npm:8.4.1"
+  dependencies:
+    find-cache-dir: "npm:^3.3.1"
+    loader-utils: "npm:^2.0.4"
+    make-dir: "npm:^3.1.0"
+    schema-utils: "npm:^2.6.5"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+    webpack: ">=2"
+  checksum: 10/b54ae3796a351e5b5186cd7a8d53a902b679a33a187424c2858e385850142139a4343524c9fddd0eb4356250e51e67e47a9efeef79d01e132976c406212cba1d
+  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-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-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.23.1":
+  version: 0.23.1
+  resolution: "babel-plugin-syntax-hermes-parser@npm:0.23.1"
+  dependencies:
+    hermes-parser: "npm:0.23.1"
+  checksum: 10/5412008e8e85b08cd0d78168f746ade68b8ed69c0068831ce5e3d028f01c644f546ca0e2b7c9a4a8c6b9d5f14aff84c2453ab44b19cbec55e4366b20bbba9040
+  languageName: node
+  linkType: hard
+
+"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:~12.0.3":
+  version: 12.0.3
+  resolution: "babel-preset-expo@npm:12.0.3"
+  dependencies:
+    "@babel/plugin-proposal-decorators": "npm:^7.12.9"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.22.11"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.12.13"
+    "@babel/plugin-transform-parameters": "npm:^7.22.15"
+    "@babel/preset-react": "npm:^7.22.15"
+    "@babel/preset-typescript": "npm:^7.23.0"
+    "@react-native/babel-preset": "npm:0.76.3"
+    babel-plugin-react-native-web: "npm:~0.19.13"
+    react-refresh: "npm:^0.14.2"
+  peerDependencies:
+    babel-plugin-react-compiler: ^19.0.0-beta-9ee70a1-20241017
+    react-compiler-runtime: ^19.0.0-beta-8a03594-20241020
+  peerDependenciesMeta:
+    babel-plugin-react-compiler:
+      optional: true
+    react-compiler-runtime:
+      optional: true
+  checksum: 10/9c3cd95c0ed19d3cc6045be668bd0a630781318e28cdc278abc1604bf77f7918bf25c9e5febe0bf634c2b096dfa177453121afa3aba3f22dc096c6d6d6929fad
+  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
+
+"base-x@npm:^3.0.2":
+  version: 3.0.10
+  resolution: "base-x@npm:3.0.10"
+  dependencies:
+    safe-buffer: "npm:^5.0.1"
+  checksum: 10/52307739559e81d9980889de2359cb4f816cc0eb9a463028fa3ab239ab913d9044a1b47b4520f98e68453df32a457b8ba58b8d0ee7e757fc3fb971f3fa7a1482
+  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
+
+"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-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":
+  version: 9.1.2
+  resolution: "bignumber.js@npm:9.1.2"
+  checksum: 10/d89b8800a987225d2c00dcbf8a69dc08e92aa0880157c851c287b307d31ceb2fc2acb0c62c3e3a3d42b6c5fcae9b004035f13eb4386e56d529d7edac18d5c9d8
+  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.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
+
+"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.0.7":
+  version: 0.0.7
+  resolution: "bplist-creator@npm:0.0.7"
+  dependencies:
+    stream-buffers: "npm:~2.2.0"
+  checksum: 10/9fe946e55fe378072592924d2fed16eee80e3027e3637ab2e9ef0e16eef470f11e7d09bf88e6b68016cd8c441213df89df777ca8a3561522a136a26948886eb8
+  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.11
+  resolution: "brace-expansion@npm:1.1.11"
+  dependencies:
+    balanced-match: "npm:^1.0.0"
+    concat-map: "npm:0.0.1"
+  checksum: 10/faf34a7bb0c3fcf4b59c7808bc5d2a96a40988addf2e7e09dfbb67a2251800e0d14cd2bfc1aa79174f2f5095c54ff27f46fb1289fe2d77dac755b5eb3434cc07
+  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, 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
+
+"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:^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
+
+"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
+
+"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-alloc-unsafe@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "buffer-alloc-unsafe@npm:1.1.0"
+  checksum: 10/c5e18bf51f67754ec843c9af3d4c005051aac5008a3992938dda1344e5cfec77c4b02b4ca303644d1e9a6e281765155ce6356d85c6f5ccc5cd21afc868def396
+  languageName: node
+  linkType: hard
+
+"buffer-alloc@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "buffer-alloc@npm:1.2.0"
+  dependencies:
+    buffer-alloc-unsafe: "npm:^1.1.0"
+    buffer-fill: "npm:^1.0.0"
+  checksum: 10/560cd27f3cbe73c614867da373407d4506309c62fe18de45a1ce191f3785ec6ca2488d802ff82065798542422980ca25f903db078c57822218182c37c3576df5
+  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-fill@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "buffer-fill@npm:1.0.0"
+  checksum: 10/c29b4723ddeab01e74b5d3b982a0c6828f2ded49cef049ddca3dac661c874ecdbcecb5dd8380cf0f4adbeb8cff90a7de724126750a1f1e5ebd4eb6c59a1315b1
+  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:^18.0.2":
+  version: 18.0.4
+  resolution: "cacache@npm:18.0.4"
+  dependencies:
+    "@npmcli/fs": "npm:^3.1.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:^4.0.0"
+    ssri: "npm:^10.0.0"
+    tar: "npm:^6.1.11"
+    unique-filename: "npm:^3.0.0"
+  checksum: 10/ca2f7b2d3003f84d362da9580b5561058ccaecd46cba661cbcff0375c90734b610520d46b472a339fd032d91597ad6ed12dde8af81571197f3c9772b5d35b104
+  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@npm:^1.0.0, call-bind@npm:^1.0.2, call-bind@npm:^1.0.5, call-bind@npm:^1.0.6, call-bind@npm:^1.0.7, 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-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-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
+
+"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.4.1
+  resolution: "chalk@npm:5.4.1"
+  checksum: 10/29df3ffcdf25656fed6e95962e2ef86d14dfe03cd50e7074b06bad9ffbbf6089adbb40f75c00744d843685c8d008adaf3aed31476780312553caf07fa86e5bc7
+  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
+
+"charenc@npm:0.0.2":
+  version: 0.0.2
+  resolution: "charenc@npm:0.0.2"
+  checksum: 10/81dcadbe57e861d527faf6dd3855dc857395a1c4d6781f4847288ab23cffb7b3ee80d57c15bba7252ffe3e5e8019db767757ee7975663ad2ca0939bb8fcaf2e5
+  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
+
+"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:^2.0.0":
+  version: 2.0.0
+  resolution: "chownr@npm:2.0.0"
+  checksum: 10/c57cf9dd0791e2f18a5ee9c1a299ae6e801ff58fee96dc8bfd0dcb4738a6ce58dd252a3605b1c93c6418fe4f9d5093b28ffbf4d66648cb2a9c67eaef9679be2f
+  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":
+  version: 12.1.0
+  resolution: "commander@npm:12.1.0"
+  checksum: 10/cdaeb672d979816853a4eed7f1310a9319e8b976172485c2a6b437ed0db0a389a44cfb222bfbde772781efa9f215bdd1b936f80d6b249485b465c6cb906e1f93
+  languageName: node
+  linkType: hard
+
+"commander@npm:^13.1.0":
+  version: 13.1.0
+  resolution: "commander@npm:13.1.0"
+  checksum: 10/d3b4b79e6be8471ddadacbb8cd441fe82154d7da7393b50e76165a9e29ccdb74fa911a186437b9a211d0fc071db6051915c94fb8ef16d77511d898e9dbabc6af
+  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
+
+"component-type@npm:^1.2.1":
+  version: 1.2.2
+  resolution: "component-type@npm:1.2.2"
+  checksum: 10/2ba8e2dd3ab0fdfd93010deebc107b45a04d32947bb2524b8ce73cdb0215a5bd0bf709831d60fda43b4058cfc75a3ee6ec5617645b86d0e18644c4bdfcc289da
+  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-signature@npm:^1.1.0":
+  version: 1.2.2
+  resolution: "cookie-signature@npm:1.2.2"
+  checksum: 10/be44a3c9a56f3771aea3a8bd8ad8f0a8e2679bcb967478267f41a510b4eb5ec55085386ba79c706c4ac21605ca76f4251973444b90283e0eb3eeafe8a92c7708
+  languageName: node
+  linkType: hard
+
+"cookie@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "cookie@npm:0.6.0"
+  checksum: 10/c1f8f2ea7d443b9331680598b0ae4e6af18a618c37606d1bbdc75bec8361cce09fe93e727059a673f2ba24467131a9fb5a4eec76bb1b149c1b3e1ccb268dc583
+  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
+
+"copy-anything@npm:^3.0.2":
+  version: 3.0.5
+  resolution: "copy-anything@npm:3.0.5"
+  dependencies:
+    is-what: "npm:^4.1.8"
+  checksum: 10/4c41385a94a1cff6352a954f9b1c05b6bb1b70713a2d31f4c7b188ae7187ce00ddcc9c09bd58d24cd35b67fc6dd84df5954c0be86ea10700ff74e677db3cb09c
+  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-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:^6.0.0":
+  version: 6.0.6
+  resolution: "cross-spawn@npm:6.0.6"
+  dependencies:
+    nice-try: "npm:^1.0.4"
+    path-key: "npm:^2.0.1"
+    semver: "npm:^5.5.0"
+    shebang-command: "npm:^1.2.0"
+    which: "npm:^1.2.9"
+  checksum: 10/7abf6137b23293103a22bfeaf320f2d63faae70d97ddb4b58597237501d2efdd84cdc69a30246977e0c5f68216593894d41a7f122915dd4edf448db14c74171b
+  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
+
+"crypt@npm:0.0.2":
+  version: 0.0.2
+  resolution: "crypt@npm:0.0.2"
+  checksum: 10/2c72768de3d28278c7c9ffd81a298b26f87ecdfe94415084f339e6632f089b43fe039f2c93f612bcb5ffe447238373d93b2e8c90894cba6cfb0ac7a74616f8b9
+  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-uri-to-buffer@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "data-uri-to-buffer@npm:3.0.1"
+  checksum: 10/c59c3009686a78c071806b72f4810856ec28222f0f4e252aa495ec027ed9732298ceea99c50328cf59b151dd34cbc3ad6150bbb43e41fc56fa19f48c99e9fc30
+  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-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-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
+
+"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.0.0, 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, debug@npm:^4.3.7, 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
+
+"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
+
+"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.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
+
+"default-gateway@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "default-gateway@npm:4.2.0"
+  dependencies:
+    execa: "npm:^1.0.0"
+    ip-regex: "npm:^2.1.0"
+  checksum: 10/1f5be765471689c6bab33e0c8b87363c3e2485cc1ab78904d383a8a8293a79f684da2a3303744b112503f986af4ea87d917c63a468ed913e9b0c31588c02d6a4
+  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
+
+"del@npm:^6.0.0":
+  version: 6.1.1
+  resolution: "del@npm:6.1.1"
+  dependencies:
+    globby: "npm:^11.0.1"
+    graceful-fs: "npm:^4.2.4"
+    is-glob: "npm:^4.0.1"
+    is-path-cwd: "npm:^2.2.0"
+    is-path-inside: "npm:^3.0.2"
+    p-map: "npm:^4.0.0"
+    rimraf: "npm:^3.0.2"
+    slash: "npm:^3.0.0"
+  checksum: 10/563288b73b8b19a7261c47fd21a330eeab6e2acd7c6208c49790dfd369127120dd7836cdf0c1eca216b77c94782a81507eac6b4734252d3bef2795cb366996b6
+  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
+
+"denodeify@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "denodeify@npm:1.2.1"
+  checksum: 10/f5371a93051a81b0d8f54ac2972de6ae7cd9ba272174dff58bbf28a545c5b38e1952b3e8860e6b31ead44981bb14e158720fa43501e86252315b25f3ca34a460
+  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
+
+"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":
+  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
+
+"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.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@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:4.3.0":
+  version: 4.3.0
+  resolution: "entities@npm:4.3.0"
+  checksum: 10/813a126ba837aec1500259bef837ce1d2fc70b15147ee72450b0569eeefb478ce40e30637629242ba42937474dd8f7a579b922be87269562fce8df8642a59ca5
+  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-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-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-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-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
+
+"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, esbuild@npm:^0.24.2":
+  version: 0.24.2
+  resolution: "esbuild@npm:0.24.2"
+  dependencies:
+    "@esbuild/aix-ppc64": "npm:0.24.2"
+    "@esbuild/android-arm": "npm:0.24.2"
+    "@esbuild/android-arm64": "npm:0.24.2"
+    "@esbuild/android-x64": "npm:0.24.2"
+    "@esbuild/darwin-arm64": "npm:0.24.2"
+    "@esbuild/darwin-x64": "npm:0.24.2"
+    "@esbuild/freebsd-arm64": "npm:0.24.2"
+    "@esbuild/freebsd-x64": "npm:0.24.2"
+    "@esbuild/linux-arm": "npm:0.24.2"
+    "@esbuild/linux-arm64": "npm:0.24.2"
+    "@esbuild/linux-ia32": "npm:0.24.2"
+    "@esbuild/linux-loong64": "npm:0.24.2"
+    "@esbuild/linux-mips64el": "npm:0.24.2"
+    "@esbuild/linux-ppc64": "npm:0.24.2"
+    "@esbuild/linux-riscv64": "npm:0.24.2"
+    "@esbuild/linux-s390x": "npm:0.24.2"
+    "@esbuild/linux-x64": "npm:0.24.2"
+    "@esbuild/netbsd-arm64": "npm:0.24.2"
+    "@esbuild/netbsd-x64": "npm:0.24.2"
+    "@esbuild/openbsd-arm64": "npm:0.24.2"
+    "@esbuild/openbsd-x64": "npm:0.24.2"
+    "@esbuild/sunos-x64": "npm:0.24.2"
+    "@esbuild/win32-arm64": "npm:0.24.2"
+    "@esbuild/win32-ia32": "npm:0.24.2"
+    "@esbuild/win32-x64": "npm:0.24.2"
+  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/95425071c9f24ff88bf61e0710b636ec0eb24ddf8bd1f7e1edef3044e1221104bbfa7bbb31c18018c8c36fa7902c5c0b843f829b981ebc89160cf5eebdaa58f4
+  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
+
+"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-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-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-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-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-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-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@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-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.2.0":
+  version: 8.2.0
+  resolution: "eslint-scope@npm:8.2.0"
+  dependencies:
+    esrecurse: "npm:^4.3.0"
+    estraverse: "npm:^5.2.0"
+  checksum: 10/cd9ab60d5a68f3a0fcac04d1cff5a7383d0f331964d5f1c446259123caec5b3ccc542284d07846e4f4d1389da77750821cc9a6e1ce18558c674977351666f9a6
+  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@npm:^9.19.0":
+  version: 9.19.0
+  resolution: "eslint@npm:9.19.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.2.0"
+    "@eslint-community/regexpp": "npm:^4.12.1"
+    "@eslint/config-array": "npm:^0.19.0"
+    "@eslint/core": "npm:^0.10.0"
+    "@eslint/eslintrc": "npm:^3.2.0"
+    "@eslint/js": "npm:9.19.0"
+    "@eslint/plugin-kit": "npm:^0.2.5"
+    "@humanfs/node": "npm:^0.16.6"
+    "@humanwhocodes/module-importer": "npm:^1.0.1"
+    "@humanwhocodes/retry": "npm:^0.4.1"
+    "@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.2.0"
+    eslint-visitor-keys: "npm:^4.2.0"
+    espree: "npm:^10.3.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/850d19fd6a34702d1e3d9bdad6aef84a20a5c2de006a8fa6380843384b13944b180232ddd74b8725ffcdf8f296399037f0e8eb4783d5f7393f13c059112b843d
+  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, espree@npm:^10.3.0":
+  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
+
+"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.2.1
+  resolution: "estree-util-value-to-estree@npm:3.2.1"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+  checksum: 10/5ab0d7590ca8f3e929b376ecbf9d1ef3a71c01b4625622ef8bcb1fffb4727d0080b115a642f08f74cb98f9852487411064d615719868a564ec7d5a232308311e
+  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:^2.2.1":
+  version: 2.2.1
+  resolution: "ethereum-cryptography@npm:2.2.1"
+  dependencies:
+    "@noble/curves": "npm:1.4.2"
+    "@noble/hashes": "npm:1.4.0"
+    "@scure/bip32": "npm:1.4.0"
+    "@scure/bip39": "npm:1.3.0"
+  checksum: 10/ab123bbfe843500ac2d645ce9edc4bc814962ffb598db6bf8bf01fbecac656e6c81ff4cf2472f1734844bbcbad2bf658d8b699cb7248d768e0f06ae13ecf43b8
+  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.3":
+  version: 5.5.3
+  resolution: "ethers@npm:5.5.3"
+  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.2"
+    "@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/75412f0dd60f0a21c2e8ade37781b6f67a84377d0b5452cf4c4d73596e6c2626966f666d491e53c55e124621ce3b72edf0001c683f2ef9ef08da79b5a3a02ace
+  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.13.4, ethers@npm:^6.13.4":
+  version: 6.13.4
+  resolution: "ethers@npm:6.13.4"
+  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/221192fed93f6b0553f3e5e72bfd667d676220577d34ff854f677e955d6f608e60636a9c08b5d54039c532a9b9b7056384f0d7019eb6e111d53175806f896ac6
+  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
+
+"event-target-shim@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "event-target-shim@npm:6.0.2"
+  checksum: 10/aa69fc4193cad3f1e4dc0c2d3f2689ea2d477f5ff2fbee8b65f866035b15658e1985932b06ba2190c3d2cc9cc6802c26facd6c60487590c1a05f44545ec24f42
+  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
+
+"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:^1.0.0":
+  version: 1.0.0
+  resolution: "execa@npm:1.0.0"
+  dependencies:
+    cross-spawn: "npm:^6.0.0"
+    get-stream: "npm:^4.0.0"
+    is-stream: "npm:^1.1.0"
+    npm-run-path: "npm:^2.0.0"
+    p-finally: "npm:^1.0.0"
+    signal-exit: "npm:^3.0.0"
+    strip-eof: "npm:^1.0.0"
+  checksum: 10/9b7a0077ba9d0ecdd41bf2d8644f83abf736e37622e3d1af39dec9d5f2cfa6bf8263301d0df489688dda3873d877f4168c01172cbafed5fffd12c808983515b0
+  languageName: node
+  linkType: hard
+
+"execa@npm:^5.0.0, execa@npm:^5.1.1":
+  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-asset@npm:~11.0.1":
+  version: 11.0.1
+  resolution: "expo-asset@npm:11.0.1"
+  dependencies:
+    "@expo/image-utils": "npm:^0.6.0"
+    expo-constants: "npm:~17.0.0"
+    invariant: "npm:^2.2.4"
+    md5-file: "npm:^3.2.3"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/1b1d28048e224d4899fe27e55e650a0a9a2cafb02afb3c2f1d58f4be032fdbaafebe8157dc734503ee7fc84e8f1aec3481aded9f61eaeeaecb4f4ab06d335524
+  languageName: node
+  linkType: hard
+
+"expo-blur@npm:~14.0.1":
+  version: 14.0.1
+  resolution: "expo-blur@npm:14.0.1"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/263fe270941b8d05792f266ac1101de34f89cd1cf69e54802bc97daf798a89d2c3bf9f72780840fd5ed0519a209f71845f4758b49757be0fdc67942fab7da477
+  languageName: node
+  linkType: hard
+
+"expo-build-properties@npm:^0.13.2":
+  version: 0.13.2
+  resolution: "expo-build-properties@npm:0.13.2"
+  dependencies:
+    ajv: "npm:^8.11.0"
+    semver: "npm:^7.6.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/88a2b0f491112398314502cc51172d4695d62ed9998fa96d8630450a5451f5f9779e0737c997175502ab16a3eb0194efb1cac44be44d5bfa2025054e4e4ce1c7
+  languageName: node
+  linkType: hard
+
+"expo-constants@npm:~17.0.0, expo-constants@npm:~17.0.3, expo-constants@npm:~17.0.4":
+  version: 17.0.4
+  resolution: "expo-constants@npm:17.0.4"
+  dependencies:
+    "@expo/config": "npm:~10.0.8"
+    "@expo/env": "npm:~0.4.1"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/fcaa389f82cfcaecb847edae3e3f4f9c6c7cc2a14ed16b7c16b279af4a996fca7f8475afa825076c480a2b8edd574c953dd1c20967e5e5be4d8f580ae50e3893
+  languageName: node
+  linkType: hard
+
+"expo-dev-client@npm:~5.0.5":
+  version: 5.0.5
+  resolution: "expo-dev-client@npm:5.0.5"
+  dependencies:
+    expo-dev-launcher: "npm:5.0.18"
+    expo-dev-menu: "npm:6.0.13"
+    expo-dev-menu-interface: "npm:1.9.2"
+    expo-manifests: "npm:~0.15.0"
+    expo-updates-interface: "npm:~1.0.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/67ca16139e600f978c49ce63225afceaab51b284c85cf1115dea403df571b399a46a0f9c9fbb4894cbb6c872de518f0c49f1925f9f5e1c7f01516f50fa631ea0
+  languageName: node
+  linkType: hard
+
+"expo-dev-launcher@npm:5.0.18":
+  version: 5.0.18
+  resolution: "expo-dev-launcher@npm:5.0.18"
+  dependencies:
+    ajv: "npm:8.11.0"
+    expo-dev-menu: "npm:6.0.13"
+    expo-manifests: "npm:~0.15.0"
+    resolve-from: "npm:^5.0.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/ef200a3fcbb6e7e7d37c3af56aecafbaeff557100b4f2fa28acd902fce53212fe79d5b7ae7932cca2e4729f5f27e85f4e725d856cbccbec2d72825979f6ba4ac
+  languageName: node
+  linkType: hard
+
+"expo-dev-menu-interface@npm:1.9.2":
+  version: 1.9.2
+  resolution: "expo-dev-menu-interface@npm:1.9.2"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/a65c95aadf959b0be9a83ba302d9ac3f4bffec6ad947cbeba2351fd1958a6d95470357ccfc659ba519364dd9564e6a8c32f66c3e9bb0239a717326680a35e3e5
+  languageName: node
+  linkType: hard
+
+"expo-dev-menu@npm:6.0.13":
+  version: 6.0.13
+  resolution: "expo-dev-menu@npm:6.0.13"
+  dependencies:
+    expo-dev-menu-interface: "npm:1.9.2"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/36e0c1f9f67215eca7b9049778d4f0cc097800266301dcee370db012835be209f1d3b5d158efc9df653ae2d7a2a3fa27b2a46e02d7f89175281b5cd924dc259b
+  languageName: node
+  linkType: hard
+
+"expo-file-system@npm:~18.0.4":
+  version: 18.0.4
+  resolution: "expo-file-system@npm:18.0.4"
+  dependencies:
+    web-streams-polyfill: "npm:^3.3.2"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/cd4092f70224ca611936d0225491124d57c32dde9a515bb12f3d396bba1717cd16f0eeda3c7a721b29cf21412bfb3fb8bd8c5c7f78fcca226044d53be17a7fa3
+  languageName: node
+  linkType: hard
+
+"expo-font@npm:~13.0.1, expo-font@npm:~13.0.3":
+  version: 13.0.3
+  resolution: "expo-font@npm:13.0.3"
+  dependencies:
+    fontfaceobserver: "npm:^2.1.0"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+  checksum: 10/2957b6923b6450f6ac18fa01610351d72376e60469001fb1ffe1f9b8f27a8f4e6753dd7ce6db56cabcee7d6d159f80321f66cc5c46e924f77ae0cefcdb147c7f
+  languageName: node
+  linkType: hard
+
+"expo-image@npm:~2.0.3":
+  version: 2.0.3
+  resolution: "expo-image@npm:2.0.3"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+    react-native-web: "*"
+  peerDependenciesMeta:
+    react-native-web:
+      optional: true
+  checksum: 10/b6fda7c18401f8f0bf5a255e2ebc0d565c31b89075bf6c7ea050ee2590aa8cc4dd20ba7daebeb36e0fdfb9190726717c91e47c185f9ccd43b7962c1744e4de6d
+  languageName: node
+  linkType: hard
+
+"expo-json-utils@npm:~0.14.0":
+  version: 0.14.0
+  resolution: "expo-json-utils@npm:0.14.0"
+  checksum: 10/96fbfbe5cbef75dc742982b27eb55ca2e00c488fabc0877e01b707ab12ddf349cf9cda6e7f5459982bb24be5374ce6889ae628eb3041f1367d3672ba561900c9
+  languageName: node
+  linkType: hard
+
+"expo-keep-awake@npm:~14.0.1":
+  version: 14.0.1
+  resolution: "expo-keep-awake@npm:14.0.1"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+  checksum: 10/a4b72ab4c6c41f44c04f4146f3eda955941f2c7ee500a43da45baff6ca74d40ada8e253b38b4925802a4a003642b0dc0af15501712367b90ae606d5355f7f5f0
+  languageName: node
+  linkType: hard
+
+"expo-linear-gradient@npm:^14.0.1":
+  version: 14.0.1
+  resolution: "expo-linear-gradient@npm:14.0.1"
+  peerDependencies:
+    expo: "*"
+    react: "*"
+    react-native: "*"
+  checksum: 10/d0ff7b10e20b35c09ab7d3f8e8ba205b4274813160bf3eec81c5d4b601985831cf87cb403081c5ed30cf20264245494d29576f8ea7879340f5241b58358136f3
+  languageName: node
+  linkType: hard
+
+"expo-linking@npm:~7.0.3":
+  version: 7.0.3
+  resolution: "expo-linking@npm:7.0.3"
+  dependencies:
+    expo-constants: "npm:~17.0.0"
+    invariant: "npm:^2.2.4"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/c2d3e04c5cde99616357182b9b9303814473eebb2dabacc58e7dd91d90bc590618091259d19b8e761cee973f8dece7619660318c347e047f0aaae99163a7e5ae
+  languageName: node
+  linkType: hard
+
+"expo-manifests@npm:~0.15.0":
+  version: 0.15.4
+  resolution: "expo-manifests@npm:0.15.4"
+  dependencies:
+    "@expo/config": "npm:~10.0.4"
+    expo-json-utils: "npm:~0.14.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/aed4e1277cd52d4a20ff853c84d431b7ec9f45cea57e28bd765e3a9278099a8633dc28d1d244bec6bd43e1bb5d6c244747645bef6362088f379c13900e9122f0
+  languageName: node
+  linkType: hard
+
+"expo-modules-autolinking@npm:2.0.3":
+  version: 2.0.3
+  resolution: "expo-modules-autolinking@npm:2.0.3"
+  dependencies:
+    "@expo/spawn-async": "npm:^1.7.2"
+    chalk: "npm:^4.1.0"
+    commander: "npm:^7.2.0"
+    fast-glob: "npm:^3.2.5"
+    find-up: "npm:^5.0.0"
+    fs-extra: "npm:^9.1.0"
+    require-from-string: "npm:^2.0.2"
+    resolve-from: "npm:^5.0.0"
+  bin:
+    expo-modules-autolinking: bin/expo-modules-autolinking.js
+  checksum: 10/22e7a8df3884213791f09bd41972ca463404d84a94c34fb756188112196e447a1f30429732ece35cfdcd46d3de2214cb0d1197fdc611bfea76dd1e50ff233bf6
+  languageName: node
+  linkType: hard
+
+"expo-modules-core@npm:2.1.1":
+  version: 2.1.1
+  resolution: "expo-modules-core@npm:2.1.1"
+  dependencies:
+    invariant: "npm:^2.2.4"
+  checksum: 10/add4f7774e1bb66c4217f3c4d5e977c7b8b1281f91d8278e12af242d7e42ee12474f1f5bca8c38249ef5aa9d073dcc1d2ad8c3c35b571a1328b4d32906771384
+  languageName: node
+  linkType: hard
+
+"expo-router@npm:~4.0.15":
+  version: 4.0.15
+  resolution: "expo-router@npm:4.0.15"
+  dependencies:
+    "@expo/metro-runtime": "npm:4.0.0"
+    "@expo/server": "npm:^0.5.0"
+    "@radix-ui/react-slot": "npm:1.0.1"
+    "@react-navigation/bottom-tabs": "npm:^7.2.0"
+    "@react-navigation/native": "npm:^7.0.14"
+    "@react-navigation/native-stack": "npm:^7.2.0"
+    client-only: "npm:^0.0.1"
+    react-helmet-async: "npm:^1.3.0"
+    react-native-helmet-async: "npm:2.0.4"
+    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"
+  peerDependencies:
+    "@react-navigation/drawer": ^7.1.1
+    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/8979a61e09099ea01fc0f8335856bcb0b6a04bbb3d611745b6ca3ce17e7821df30ff44b22cd3b050876eceb85619779d8313bca48f039a8b59f456cb1b4b9d62
+  languageName: node
+  linkType: hard
+
+"expo-splash-screen@npm:^0.29.16":
+  version: 0.29.16
+  resolution: "expo-splash-screen@npm:0.29.16"
+  dependencies:
+    "@expo/prebuild-config": "npm:^8.0.22"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/7a54a5398f31f1cd26f3d6bfb5fa6a6ee6f0ceb33c166ce4bfd7bf0ef11de0b893f05e5edc8fc1e04d855721b8eab0279c5143bd9c6099697d3ee769974c6e6f
+  languageName: node
+  linkType: hard
+
+"expo-status-bar@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "expo-status-bar@npm:2.0.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/c965a617a67831f76645997ac3129061a2a906c7c19d60242fd3a21a63441d9d939e62686b949b57f77d6065643d508e6a5faefec3edc4f29cb8232571934c8a
+  languageName: node
+  linkType: hard
+
+"expo-system-ui@npm:~4.0.6":
+  version: 4.0.6
+  resolution: "expo-system-ui@npm:4.0.6"
+  dependencies:
+    "@react-native/normalize-colors": "npm:0.76.5"
+    debug: "npm:^4.3.2"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+    react-native-web: "*"
+  peerDependenciesMeta:
+    react-native-web:
+      optional: true
+  checksum: 10/aeb5353e3177cf411102bd52f024ff41740d0441f47cd6610ade24067a67f8fc2a624547f0b1fd61bcb2cd73cdb241d58b03b92e77b571a561be8cb4b02efe52
+  languageName: node
+  linkType: hard
+
+"expo-updates-interface@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "expo-updates-interface@npm:1.0.0"
+  peerDependencies:
+    expo: "*"
+  checksum: 10/d22fa90eff9d6c6d96c1a4323dc3ac8329ef42fbc0fd21442cead135c46da54e1fa402eceda41bdfdb206da6fe98e28576a7243de7d209ea5d6c45785edf2939
+  languageName: node
+  linkType: hard
+
+"expo-web-browser@npm:~14.0.1":
+  version: 14.0.1
+  resolution: "expo-web-browser@npm:14.0.1"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  checksum: 10/fd25d8f3ca063f6f0c75a2af606b0407c2ffc1bb0da61c50749e535d9f27172a4e496c5dbb3fb217edf89c049c8cd28baba03e5a5d00657c7e1a86c4a5237137
+  languageName: node
+  linkType: hard
+
+"expo@npm:~52.0.14":
+  version: 52.0.17
+  resolution: "expo@npm:52.0.17"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.0"
+    "@expo/cli": "npm:0.22.3"
+    "@expo/config": "npm:~10.0.6"
+    "@expo/config-plugins": "npm:~9.0.12"
+    "@expo/fingerprint": "npm:0.11.3"
+    "@expo/metro-config": "npm:0.19.6"
+    "@expo/vector-icons": "npm:^14.0.0"
+    babel-preset-expo: "npm:~12.0.3"
+    expo-asset: "npm:~11.0.1"
+    expo-constants: "npm:~17.0.3"
+    expo-file-system: "npm:~18.0.4"
+    expo-font: "npm:~13.0.1"
+    expo-keep-awake: "npm:~14.0.1"
+    expo-modules-autolinking: "npm:2.0.3"
+    expo-modules-core: "npm:2.1.1"
+    fbemitter: "npm:^3.0.0"
+    web-streams-polyfill: "npm:^3.3.2"
+    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
+  checksum: 10/f418b4106f2a9b0433398dfcdbe26c5a9e4d107d80052907ab85015450dd7d601310d42fcf480af45fbf3f3331c2ede7da78f633a940c6cf1ed3e47294e5801c
+  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-shallow@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "extend-shallow@npm:2.0.1"
+  dependencies:
+    is-extendable: "npm:^0.1.0"
+  checksum: 10/8fb58d9d7a511f4baf78d383e637bd7d2e80843bd9cd0853649108ea835208fb614da502a553acc30208e1325240bb7cc4a68473021612496bb89725483656d8
+  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.5, 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-loops@npm:^1.1.3":
+  version: 1.1.4
+  resolution: "fast-loops@npm:1.1.4"
+  checksum: 10/52516fc8bb95a60e512271e731c4dc7b7672af90c5e54681004ee2f509d6ccc8e62d5222e731377dafd48a31218f915fd6d0d02efe602b1b822e1ff93994d2a6
+  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, fast-safe-stringify@npm:^2.1.1":
+  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
+
+"fbemitter@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "fbemitter@npm:3.0.0"
+  dependencies:
+    fbjs: "npm:^3.0.0"
+  checksum: 10/a3d1c922d1523da3a66aac2fc0c4687d2573326838172157cc602d53a5d436bb8388f42f5fed5dbbad775509fc8104f02d90f44440c5f820753f4e86905a71be
+  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.0, 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
+
+"fetch-retry@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "fetch-retry@npm:4.1.1"
+  checksum: 10/c97006c2b604a817cbd4e35085965d07a8f1c51b475bf037f305b98d5748ee742ec98aba119b4df6bf727e61f2f0ee05c5fa714701c4234b91c4b43e0f119bd9
+  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:10.13.2":
+  version: 10.13.2
+  resolution: "firebase@npm:10.13.2"
+  dependencies:
+    "@firebase/analytics": "npm:0.10.8"
+    "@firebase/analytics-compat": "npm:0.2.14"
+    "@firebase/app": "npm:0.10.11"
+    "@firebase/app-check": "npm:0.8.8"
+    "@firebase/app-check-compat": "npm:0.3.15"
+    "@firebase/app-compat": "npm:0.2.41"
+    "@firebase/app-types": "npm:0.9.2"
+    "@firebase/auth": "npm:1.7.9"
+    "@firebase/auth-compat": "npm:0.5.14"
+    "@firebase/database": "npm:1.0.8"
+    "@firebase/database-compat": "npm:1.0.8"
+    "@firebase/firestore": "npm:4.7.2"
+    "@firebase/firestore-compat": "npm:0.3.37"
+    "@firebase/functions": "npm:0.11.8"
+    "@firebase/functions-compat": "npm:0.3.14"
+    "@firebase/installations": "npm:0.6.9"
+    "@firebase/installations-compat": "npm:0.2.9"
+    "@firebase/messaging": "npm:0.12.11"
+    "@firebase/messaging-compat": "npm:0.2.11"
+    "@firebase/performance": "npm:0.6.9"
+    "@firebase/performance-compat": "npm:0.2.9"
+    "@firebase/remote-config": "npm:0.4.9"
+    "@firebase/remote-config-compat": "npm:0.2.9"
+    "@firebase/storage": "npm:0.13.2"
+    "@firebase/storage-compat": "npm:0.3.12"
+    "@firebase/util": "npm:1.10.0"
+    "@firebase/vertexai-preview": "npm:0.0.4"
+  checksum: 10/c91a047b34f3e2a0b0f563a4b9b4aca4887c0052f82819384acc482c1523c83c108d47eb8a96aa2adce94e07d0f9eeabbd7fd4d2b4fde1e2706fb90a6aea2db1
+  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
+
+"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:^3.0.1":
+  version: 3.0.2
+  resolution: "form-data@npm:3.0.2"
+  dependencies:
+    asynckit: "npm:^0.4.0"
+    combined-stream: "npm:^1.0.8"
+    mime-types: "npm:^2.1.12"
+  checksum: 10/b8d71d7149de5881c6c8ac75c03ac2e809b1b729399320cc41f59a63043fa34b95dfef5259212d6d902abb4916af48a7ca60ad5c035806ba8e3c7843dbaf3057
+  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
+
+"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
+
+"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:9.0.0":
+  version: 9.0.0
+  resolution: "fs-extra@npm:9.0.0"
+  dependencies:
+    at-least-node: "npm:^1.0.0"
+    graceful-fs: "npm:^4.2.0"
+    jsonfile: "npm:^6.0.1"
+    universalify: "npm:^1.0.0"
+  checksum: 10/0a5044afb8596f9fa950ef84e678f606c29f3cef980b08f161eac5bfdee08183493646f4fca409959f909ae184a673f61e622b73a27487aeaf24ff531193c98f
+  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.0, 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-extra@npm:~8.1.0":
+  version: 8.1.0
+  resolution: "fs-extra@npm:8.1.0"
+  dependencies:
+    graceful-fs: "npm:^4.2.0"
+    jsonfile: "npm:^4.0.0"
+    universalify: "npm:^0.1.0"
+  checksum: 10/6fb12449f5349be724a138b4a7b45fe6a317d2972054517f5971959c26fbd17c0e145731a11c7324460262baa33e0a799b183ceace98f7a372c95fbb6f20f5de
+  languageName: node
+  linkType: hard
+
+"fs-minipass@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "fs-minipass@npm:2.1.0"
+  dependencies:
+    minipass: "npm:^3.0.0"
+  checksum: 10/03191781e94bc9a54bd376d3146f90fe8e082627c502185dbf7b9b3032f66b0b142c1115f3b2cc5936575fc1b44845ce903dd4c21bec2a8d69f3bd56f9cee9ec
+  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.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
+
+"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
+
+"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-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-stream@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "get-stream@npm:4.1.0"
+  dependencies:
+    pump: "npm:^3.0.0"
+  checksum: 10/12673e8aebc79767d187b203e5bfabb8266304037815d3bcc63b6f8c67c6d4ad0d98d4d4528bcdc1cbea68f1dd91bcbd87827aa3cdcfa9c5fa4a4644716d72c2
+  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":
+  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
+
+"getenv@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "getenv@npm:1.0.0"
+  checksum: 10/0b8f5f6ddc2400712bf584765e0b218a7b9eabe41d3cafaf2b73fc36140248f72f7040a38f852804a321ec9813a6873a7cafd7bf1d3ab43e8b6f9a18aba663ad
+  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":
+  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:^7.1.1, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6, glob@npm:^7.1.7":
+  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.14.0":
+  version: 15.14.0
+  resolution: "globals@npm:15.14.0"
+  checksum: 10/e35ffbdbc024d6381efca906f67211a7bbf935db2af8c14a65155785479e28b3e475950e5933bb6b296eed54b6dcd924e25b26dbc8579b1bde9d5d25916e1c5f
+  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.0.1, 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.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
+
+"gray-matter@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "gray-matter@npm:4.0.3"
+  dependencies:
+    js-yaml: "npm:^3.13.1"
+    kind-of: "npm:^6.0.2"
+    section-matter: "npm:^1.0.0"
+    strip-bom-string: "npm:^1.0.0"
+  checksum: 10/9a8f146a7a918d2524d5d60e0b4d45729f5bca54aa41247f971d9e4bc984943fda58159435763d463ec2abc8a0e238e807bd9b05e3a48f4a613a325c9dd5ad0c
+  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.24.0":
+  version: 0.24.0
+  resolution: "hermes-estree@npm:0.24.0"
+  checksum: 10/f2c55e06d8a3336efbb19a85974e6a083029a11ea61703d6d626cf7d476deb861189c1ea5f7ecac6055ae4330888100ed0de0343837e01348dec185433b824f4
+  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.24.0":
+  version: 0.24.0
+  resolution: "hermes-parser@npm:0.24.0"
+  dependencies:
+    hermes-estree: "npm:0.24.0"
+  checksum: 10/c473cf2c3a4dd3fa835c52fe67b4554e88da40cecb4cfd12f0860004eea77256c34c8d5881ef3e0f8bd529edb8f71e1296296e8282b6aee2d1399a97e787ad33
+  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
+
+"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.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.1":
+  version: 5.3.2
+  resolution: "ignore@npm:5.3.2"
+  checksum: 10/cceb6a457000f8f6a50e1196429750d782afce5680dd878aa4221bd79972d68b3a55b4b1458fc682be978f4d3c6a249046aa0880637367216444ab7b014cfc98
+  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:^6.0.1":
+  version: 6.0.4
+  resolution: "inline-style-prefixer@npm:6.0.4"
+  dependencies:
+    css-in-js-utils: "npm:^3.1.0"
+    fast-loops: "npm:^1.1.3"
+  checksum: 10/5ee7a082b4d23ac220fabe2353a8452bd50c587ae0d9e20e6c0f4ebc456377c7a3a4ce9d13486e0cfc9032db00d9b0ae33d3944a183340b1b3d34cef2d5df80b
+  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-ip@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "internal-ip@npm:4.3.0"
+  dependencies:
+    default-gateway: "npm:^4.2.0"
+    ipaddr.js: "npm:^1.9.0"
+  checksum: 10/c970433c84d9a6b46e2c9f5ab7785d3105b856d0a566891bf919241b5a884c5c1c9bf8e915aebb822a86c14b1b6867e58c1eaf5cd49eb023368083069d1a4a9a
+  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:^9.13.0":
+  version: 9.13.0
+  resolution: "intl-messageformat@npm:9.13.0"
+  dependencies:
+    "@formatjs/ecma402-abstract": "npm:1.11.4"
+    "@formatjs/fast-memoize": "npm:1.2.1"
+    "@formatjs/icu-messageformat-parser": "npm:2.1.0"
+    tslib: "npm:^2.1.0"
+  checksum: 10/54ad97038cf1a31c140ed2557eb76cd0a43a69c9f4b6bea308cb29bd74e8650f5ed979c7e0eb2f468e0992944adbf4c17a4dbcda20ec2f3ace79f3aa58756893
+  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, 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, inversify@npm:^6.0.3":
+  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
+
+"ip-regex@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "ip-regex@npm:2.1.0"
+  checksum: 10/331d95052aa53ce245745ea0fc3a6a1e2e3c8d6da65fa8ea52bf73768c1b22a9ac50629d1d2b08c04e7b3ac4c21b536693c149ce2c2615ee4796030e5b3e3cba
+  languageName: node
+  linkType: hard
+
+"ipaddr.js@npm:^1.9.0":
+  version: 1.9.1
+  resolution: "ipaddr.js@npm:1.9.1"
+  checksum: 10/864d0cced0c0832700e9621913a6429ccdc67f37c1bd78fb8c6789fff35c9d167cb329134acad2290497a53336813ab4798d2794fd675d5eb33b5fdf0982b9ca
+  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":
+  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-buffer@npm:~1.1.6":
+  version: 1.1.6
+  resolution: "is-buffer@npm:1.1.6"
+  checksum: 10/f63da109e74bbe8947036ed529d43e4ae0c5fcd0909921dce4917ad3ea212c6a87c29f525ba1d17c0858c18331cf1046d4fc69ef59ed26896b25c8288a627133
+  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.15.1, is-core-module@npm:^2.16.0, is-core-module@npm:^2.5.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-extendable@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "is-extendable@npm:0.1.1"
+  checksum: 10/3875571d20a7563772ecc7a5f36cb03167e9be31ad259041b4a8f73f33f885441f778cee1f1fe0085eb4bc71679b9d8c923690003a36a6a5fdf8023e6e3f0672
+  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-cwd@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "is-path-cwd@npm:2.2.0"
+  checksum: 10/46a840921bb8cc0dc7b5b423a14220e7db338072a4495743a8230533ce78812dc152548c86f4b828411fe98c5451959f07cf841c6a19f611e46600bd699e8048
+  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, 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-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-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:^1.1.0":
+  version: 1.1.0
+  resolution: "is-stream@npm:1.1.0"
+  checksum: 10/351aa77c543323c4e111204482808cfad68d2e940515949e31ccd0b010fc13d5fba4b9c230e4887fd24284713040f43e542332fbf172f6b9944b7d62e389c0ec
+  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.14, is-typed-array@npm:^1.1.3":
+  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-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-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-what@npm:^4.1.8":
+  version: 4.1.16
+  resolution: "is-what@npm:4.1.16"
+  checksum: 10/f6400634bae77be6903365dc53817292e1c4d8db1b467515d0c842505b8388ee8e558326d5e6952cb2a9d74116eca2af0c6adb8aa7e9d5c845a130ce9328bf13
+  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
+
+"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
+
+"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
+
+"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.6.3, 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:~52.0.2":
+  version: 52.0.2
+  resolution: "jest-expo@npm:52.0.2"
+  dependencies:
+    "@expo/config": "npm:~10.0.4"
+    "@expo/json-file": "npm:^9.0.0"
+    "@jest/create-cache-key-function": "npm:^29.2.1"
+    "@jest/globals": "npm:^29.2.1"
+    babel-jest: "npm:^29.2.1"
+    fbemitter: "npm:^3.0.0"
+    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-rc-6230622a1a-20240610"
+    react-test-renderer: "npm:18.3.1"
+    server-only: "npm:^0.0.1"
+    stacktrace-js: "npm:^2.0.2"
+  peerDependencies:
+    expo: "*"
+    react-native: "*"
+  bin:
+    jest: bin/jest.js
+  checksum: 10/772421d867497cd20e73ffc6b56e432156da378213d411f48ce3a864ceef3f7ad783cc954f27c74bd071bec109399d8f965d68ecb0d512f868338a7dc254133e
+  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@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-sonar@npm:0.2.16":
+  version: 0.2.16
+  resolution: "jest-sonar@npm:0.2.16"
+  dependencies:
+    entities: "npm:4.3.0"
+    strip-ansi: "npm:6.0.1"
+  checksum: 10/36388b18b072b6cf650a85fe4495a11a92d71e25f0efed7f1fd2b4577c7c0ee78b1e23697566cff14582417c5df346723c2c8880ff58283f9f4c1cb9706cb797
+  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.6.3, 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.6.3, 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
+
+"join-component@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "join-component@npm:1.1.0"
+  checksum: 10/b904c2f98549e4195022caca3a7dc837f9706c670ff333f3d617f2aed23bce2841322a999734683b6ab8e202568ad810c11ff79b58a64df66888153f04750239
+  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-android@npm:^250231.0.0":
+  version: 250231.0.0
+  resolution: "jsc-android@npm:250231.0.0"
+  checksum: 10/aa5cf773f5d6c4c6ecec42bfd9958b5bd5ec33db7ec87f66152fae96f142220b91b84e54b409ca643a9493dd1b0f273819d46aad8c0d7519c444280815ffb68e
+  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
+
+"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.0, 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
+
+"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":
+  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.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:^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, make-dir@npm:^3.1.0":
+  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.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
+
+"md5-file@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "md5-file@npm:3.2.3"
+  dependencies:
+    buffer-alloc: "npm:^1.1.0"
+  bin:
+    md5-file: cli.js
+  checksum: 10/a3738274ee0c5ce21e7c14a4b60e5de6b298740f8a37eeb502bb97a056e3f19ea0871418b4dd45ca9c70d2f1d6c79a19e9a320fba1c129b196cdf671e544c450
+  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
+
+"md5@npm:^2.2.1":
+  version: 2.3.0
+  resolution: "md5@npm:2.3.0"
+  dependencies:
+    charenc: "npm:0.0.2"
+    crypt: "npm:0.0.2"
+    is-buffer: "npm:~1.1.6"
+  checksum: 10/88dce9fb8df1a084c2385726dcc18c7f54e0b64c261b5def7cdfe4928c4ee1cd68695c34108b4fab7ecceb05838c938aa411c6143df9fdc0026c4ddb4e4e72fa
+  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.81.0":
+  version: 0.81.0
+  resolution: "metro-babel-transformer@npm:0.81.0"
+  dependencies:
+    "@babel/core": "npm:^7.25.2"
+    flow-enums-runtime: "npm:^0.0.6"
+    hermes-parser: "npm:0.24.0"
+    nullthrows: "npm:^1.1.1"
+  checksum: 10/183ccc4890cef88a0bfb8c9be34a471fe27e48bc33465b2ecfcc605475ec1c28ff27d870ce934ca282a199d61ed5a46d62b42553503f07c1f93adc6d2697b5d2
+  languageName: node
+  linkType: hard
+
+"metro-cache-key@npm:0.81.0":
+  version: 0.81.0
+  resolution: "metro-cache-key@npm:0.81.0"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+  checksum: 10/a96e4062ac0f4684f1d80c8b8c3da380c9d7be506c2bc14750d46a6850610c6e05cb1907cc5421393299f25f40575335e899667519d5435c95a09b0438619847
+  languageName: node
+  linkType: hard
+
+"metro-cache@npm:0.81.0":
+  version: 0.81.0
+  resolution: "metro-cache@npm:0.81.0"
+  dependencies:
+    exponential-backoff: "npm:^3.1.1"
+    flow-enums-runtime: "npm:^0.0.6"
+    metro-core: "npm:0.81.0"
+  checksum: 10/20f01fea29dad35fe76fdb9e50ddc428a849696d2e37262ed80e4a96101f708ab1c3196846df0e7569b057267604cc50ffa51065ab6a1c0adafcdabe0615cc41
+  languageName: node
+  linkType: hard
+
+"metro-config@npm:0.81.0, metro-config@npm:^0.81.0":
+  version: 0.81.0
+  resolution: "metro-config@npm:0.81.0"
+  dependencies:
+    connect: "npm:^3.6.5"
+    cosmiconfig: "npm:^5.0.5"
+    flow-enums-runtime: "npm:^0.0.6"
+    jest-validate: "npm:^29.6.3"
+    metro: "npm:0.81.0"
+    metro-cache: "npm:0.81.0"
+    metro-core: "npm:0.81.0"
+    metro-runtime: "npm:0.81.0"
+  checksum: 10/f331e9b6dbbe9dbde2e34cbfc1f0a5f59ed1a02f0f64a9df5b2a2e8d4d8164264292d98ba5fb8c08e7973814a74609204370f3f488d74c573eb3e77bf06d08cc
+  languageName: node
+  linkType: hard
+
+"metro-core@npm:0.81.0, metro-core@npm:^0.81.0":
+  version: 0.81.0
+  resolution: "metro-core@npm:0.81.0"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+    lodash.throttle: "npm:^4.1.1"
+    metro-resolver: "npm:0.81.0"
+  checksum: 10/ee6ea1372872949889f45b1f05ef21dc0d49966a7866d2d410b3d4145f5c45f8d3d4de3d3c5348ddcd8e8e6e1bd517971715a5435b6a03ce6ef775abcbb3559f
+  languageName: node
+  linkType: hard
+
+"metro-file-map@npm:0.81.0":
+  version: 0.81.0
+  resolution: "metro-file-map@npm:0.81.0"
+  dependencies:
+    anymatch: "npm:^3.0.3"
+    debug: "npm:^2.2.0"
+    fb-watchman: "npm:^2.0.0"
+    flow-enums-runtime: "npm:^0.0.6"
+    fsevents: "npm:^2.3.2"
+    graceful-fs: "npm:^4.2.4"
+    invariant: "npm:^2.2.4"
+    jest-worker: "npm:^29.6.3"
+    micromatch: "npm:^4.0.4"
+    node-abort-controller: "npm:^3.1.1"
+    nullthrows: "npm:^1.1.1"
+    walker: "npm:^1.0.7"
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: 10/1bb3b66be5cbb9171674dbf2b635c4ec47cac53cdcb3fbaecba61d5730d6d99bfc1dbdfed8b2b0d745208e29024491138d9058a56ed541a7c774ef6486731bf1
+  languageName: node
+  linkType: hard
+
+"metro-minify-terser@npm:0.81.0":
+  version: 0.81.0
+  resolution: "metro-minify-terser@npm:0.81.0"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+    terser: "npm:^5.15.0"
+  checksum: 10/53472e5d476613c652f0e8bdf68429c80c66b71dd9a559c2185d56f41a8463ba3431353d453d2e20615875d070389ec24247ddbce67c4d7783bfc85113af18e0
+  languageName: node
+  linkType: hard
+
+"metro-resolver@npm:0.81.0":
+  version: 0.81.0
+  resolution: "metro-resolver@npm:0.81.0"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+  checksum: 10/b0f81dab785d8d533e1fd103072c173716b88055ff224a277f5a15ac52c151b19e1b95df53cf7854bd751ecf46fff00cea243e2d9986110f46b2f6df45615bf9
+  languageName: node
+  linkType: hard
+
+"metro-runtime@npm:0.81.0, metro-runtime@npm:^0.81.0":
+  version: 0.81.0
+  resolution: "metro-runtime@npm:0.81.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.25.0"
+    flow-enums-runtime: "npm:^0.0.6"
+  checksum: 10/fdb87c44adc73e217993f2d1f33d7c3ef17d4707747993eb38d5fda5d943e6ffe95e7d82cdc9a9ae7ef56fe56c62865ca3b424e72efa2d7bd2560cd1bb10180c
+  languageName: node
+  linkType: hard
+
+"metro-source-map@npm:0.81.0, metro-source-map@npm:^0.81.0":
+  version: 0.81.0
+  resolution: "metro-source-map@npm:0.81.0"
+  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.81.0"
+    nullthrows: "npm:^1.1.1"
+    ob1: "npm:0.81.0"
+    source-map: "npm:^0.5.6"
+    vlq: "npm:^1.0.0"
+  checksum: 10/4092f3faa8d56705d77d02a15fcab46eaad68d3225796981235635e300ddf5b34db58a9ebfc3e74c4e95fee9775bf22d482840f08f5c2014befc4d8a12b50f7d
+  languageName: node
+  linkType: hard
+
+"metro-symbolicate@npm:0.81.0":
+  version: 0.81.0
+  resolution: "metro-symbolicate@npm:0.81.0"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+    invariant: "npm:^2.2.4"
+    metro-source-map: "npm:0.81.0"
+    nullthrows: "npm:^1.1.1"
+    source-map: "npm:^0.5.6"
+    through2: "npm:^2.0.1"
+    vlq: "npm:^1.0.0"
+  bin:
+    metro-symbolicate: src/index.js
+  checksum: 10/d612994ac2857fae713f6bf84c64c94c8e4c745b4532bfa11263623f2da9d7966709960b374c40726ffd40aabbc689924d4117c5c2fc380e024720bc8164b620
+  languageName: node
+  linkType: hard
+
+"metro-transform-plugins@npm:0.81.0":
+  version: 0.81.0
+  resolution: "metro-transform-plugins@npm:0.81.0"
+  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/acf4e7133c815c39c459ea55b72a6217eb5aaefe7a48e2c6d98ec0ce9c1ac76a2eb1d89d6b50c7f836a942e1a76a722c88eab0ffe51f31f30433a7b20c399ea0
+  languageName: node
+  linkType: hard
+
+"metro-transform-worker@npm:0.81.0":
+  version: 0.81.0
+  resolution: "metro-transform-worker@npm:0.81.0"
+  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.81.0"
+    metro-babel-transformer: "npm:0.81.0"
+    metro-cache: "npm:0.81.0"
+    metro-cache-key: "npm:0.81.0"
+    metro-minify-terser: "npm:0.81.0"
+    metro-source-map: "npm:0.81.0"
+    metro-transform-plugins: "npm:0.81.0"
+    nullthrows: "npm:^1.1.1"
+  checksum: 10/6aca50e38add14aa4cb473938cbce1da5aac822dbc1934d592effc59f14fad891b63aa44b432ccfc5feb79792a186678565e7624ecdea70d139f006006ced5ba
+  languageName: node
+  linkType: hard
+
+"metro@npm:0.81.0, metro@npm:^0.81.0":
+  version: 0.81.0
+  resolution: "metro@npm:0.81.0"
+  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:^2.2.0"
+    denodeify: "npm:^1.2.1"
+    error-stack-parser: "npm:^2.0.6"
+    flow-enums-runtime: "npm:^0.0.6"
+    graceful-fs: "npm:^4.2.4"
+    hermes-parser: "npm:0.24.0"
+    image-size: "npm:^1.0.2"
+    invariant: "npm:^2.2.4"
+    jest-worker: "npm:^29.6.3"
+    jsc-safe-url: "npm:^0.2.2"
+    lodash.throttle: "npm:^4.1.1"
+    metro-babel-transformer: "npm:0.81.0"
+    metro-cache: "npm:0.81.0"
+    metro-cache-key: "npm:0.81.0"
+    metro-config: "npm:0.81.0"
+    metro-core: "npm:0.81.0"
+    metro-file-map: "npm:0.81.0"
+    metro-resolver: "npm:0.81.0"
+    metro-runtime: "npm:0.81.0"
+    metro-source-map: "npm:0.81.0"
+    metro-symbolicate: "npm:0.81.0"
+    metro-transform-plugins: "npm:0.81.0"
+    metro-transform-worker: "npm:0.81.0"
+    mime-types: "npm:^2.1.27"
+    nullthrows: "npm:^1.1.1"
+    serialize-error: "npm:^2.1.0"
+    source-map: "npm:^0.5.6"
+    strip-ansi: "npm:^6.0.0"
+    throat: "npm:^5.0.0"
+    ws: "npm:^7.5.10"
+    yargs: "npm:^17.6.2"
+  bin:
+    metro: src/cli.js
+  checksum: 10/56955726fee6da4d6b4666843969f0008ce7c4c43d8c3659a20eac4391d6cac41d6b0568ed6e49f3221fa2d01e60261f07bceafbc606db4519a4000a37c0edaf
+  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, 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:^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.4":
+  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":
+  version: 5.0.0
+  resolution: "minipass@npm:5.0.0"
+  checksum: 10/61682162d29f45d3152b78b08bab7fb32ca10899bc5991ffe98afc18c9e9543bd1e3be94f8b8373ba6262497db63607079dc242ea62e43e7b2270837b7347c93
+  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:^2.1.1":
+  version: 2.1.2
+  resolution: "minizlib@npm:2.1.2"
+  dependencies:
+    minipass: "npm:^3.0.0"
+    yallist: "npm:^4.0.0"
+  checksum: 10/ae0f45436fb51344dcb87938446a32fbebb540d0e191d63b35e1c773d47512e17307bf54aa88326cc6d176594d00e4423563a091f7266c2f9a6872cdc1e234d1
+  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
+
+"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.3, 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:^1.0.0":
+  version: 1.0.1
+  resolution: "mrmime@npm:1.0.1"
+  checksum: 10/a157e833ffe76648ab2107319deeff024b80b136ec66c60fae9d339009a1bb72c57ec1feecfd6a905dfd3df29e2299e850bff84b69cad790cc9bd9ab075834d1
+  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.0":
+  version: 2.7.0
+  resolution: "msw@npm:2.7.0"
+  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/165ccf37d90da0d5271fdb8e01f89f48f7a60fb810038ff73d18c0e5e5ddfdb1266002d19cde61b9ae689ef37c39499b10d9d07e0d16662a31630ce9adce1d77
+  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.22.2
+  resolution: "nan@npm:2.22.2"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/bee49de633650213970596ffbdf036bfe2109ff283a40f7742c3aa6d1fc15b9836f62bfee82192b879f56ab5f9fa9a1e5c58a908a50e5c87d91fb2118ef70827
+  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.0.7":
+  version: 5.0.9
+  resolution: "nanoid@npm:5.0.9"
+  bin:
+    nanoid: bin/nanoid.js
+  checksum: 10/8a3f9104f81095e3e4785f58caae47a05755599824b8611b9730cbf73db706b664f100e6189f8303f08764f144d499613d8e4a39e83125c53f4b4986d6576621
+  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:*, next@npm:^15.1.2":
+  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
+
+"nice-try@npm:^1.0.4":
+  version: 1.0.5
+  resolution: "nice-try@npm:1.0.5"
+  checksum: 10/0b4af3b5bb5d86c289f7a026303d192a7eb4417231fe47245c460baeabae7277bcd8fd9c728fb6bd62c30b3e15cd6620373e2cf33353b095d8b403d3e8a15aff
+  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, node-abort-controller@npm:^3.1.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.3.1
+  resolution: "node-addon-api@npm:8.3.1"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/2a07995b00eb92ae472c3677155281aa95a8f6da5c9d27b07519557a5ac7cdd1eecd9b7bbc1c07fa00dd32f5a2bbf6713fdeae50af40a9f501d609d5585207aa
+  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.2.0, 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, 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.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:^2.0.0":
+  version: 2.0.2
+  resolution: "npm-run-path@npm:2.0.2"
+  dependencies:
+    path-key: "npm:^2.0.0"
+  checksum: 10/acd5ad81648ba4588ba5a8effb1d98d2b339d31be16826a118d50f182a134ac523172101b82eab1d01cb4c2ba358e857d54cfafd8163a1ffe7bd52100b741125
+  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.81.0":
+  version: 0.81.0
+  resolution: "ob1@npm:0.81.0"
+  dependencies:
+    flow-enums-runtime: "npm:^0.0.6"
+  checksum: 10/f3215ccf72604b4db5f9cfc6c83454a136a035ffd26faffec2c100d5810b87599cc95e167888320f3865959a5f9762c03de20a9e40cf66fc13706886820a9523
+  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-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.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.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
+
+"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
+
+"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
+
+"p-finally@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "p-finally@npm:1.0.0"
+  checksum: 10/93a654c53dc805dd5b5891bab16eb0ea46db8f66c4bfd99336ae929323b1af2b70a8b0654f8f1eae924b2b73d037031366d645f1fd18b3d30cbd15950cc4b1d4
+  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@npm:^7.0.0, parse5@npm:^7.1.1":
+  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
+
+"partysocket@npm:^0.0.25":
+  version: 0.0.25
+  resolution: "partysocket@npm:0.0.25"
+  dependencies:
+    event-target-shim: "npm:^6.0.2"
+  checksum: 10/d00478a09cae3fe7cecb7003814f1ea45b03a499b0cbc7fde04a5977733118b91745cdeeec764ca49473aee311208cc6edafe211310f816b2352ee2497c59aaa
+  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:^2.0.0, path-key@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "path-key@npm:2.0.1"
+  checksum: 10/6e654864e34386a2a8e6bf72cf664dcabb76574dd54013add770b374384d438aca95f4357bb26935b514a4e4c2c9b19e191f2200b282422a76ee038b9258c5e7
+  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-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, postcss-modules-local-by-default@npm:^4.0.5":
+  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-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:^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
+
+"prettier@npm:^3.2.5, prettier@npm:^3.3.3, 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.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, 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
+
+"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:^5.3.1":
+  version: 5.3.2
+  resolution: "react-devtools-core@npm:5.3.2"
+  dependencies:
+    shell-quote: "npm:^1.6.1"
+    ws: "npm:^7"
+  checksum: 10/640123f775daeb2176ebc9caf85b1cb9dbb147cbb607f221254ac4967530ddf96332a582d5b169c840984220596a23780ed6f9b37c37461160e9b623f5f4caee
+  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:^16.8.0 || ^17.0.0 || ^18.0.0, react-dom@npm:^18.2.0, react-dom@npm:^18.3.1":
+  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-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-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.0, 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-gtm-module@npm:^2.0.11":
+  version: 2.0.11
+  resolution: "react-gtm-module@npm:2.0.11"
+  checksum: 10/231dbe4b7c5fbb2577d5bcb7f90ab369a2b55359815633223a03d361775ad52d0eda23d0dbf35f357424d5c4b76f32320fa41ad538e6017a64e258b437d10795
+  languageName: node
+  linkType: hard
+
+"react-helmet-async@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "react-helmet-async@npm:1.3.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.12.5"
+    invariant: "npm:^2.2.4"
+    prop-types: "npm:^15.7.2"
+    react-fast-compare: "npm:^3.2.0"
+    shallowequal: "npm:^1.1.0"
+  peerDependencies:
+    react: ^16.6.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.6.0 || ^17.0.0 || ^18.0.0
+  checksum: 10/73d6383dd5d5794cad3837cf6b71d7e23afa6f3ba745e50a9d0d6bf42ff0ab175e4292f250ffe757f4bd782e64c37c4583fb884340cd63891deb33e144628661
+  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-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0, react-is@npm:^18.2.0, react-is@npm:^18.3.1":
+  version: 18.3.1
+  resolution: "react-is@npm:18.3.1"
+  checksum: 10/d5f60c87d285af24b1e1e7eaeb123ec256c3c8bdea7061ab3932e3e14685708221bf234ec50b21e10dd07f008f1b966a2730a0ce4ff67905b3872ff2042aec22
+  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:^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-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-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-gesture-handler@npm:~2.20.2":
+  version: 2.20.2
+  resolution: "react-native-gesture-handler@npm:2.20.2"
+  dependencies:
+    "@egjs/hammerjs": "npm:^2.0.17"
+    hoist-non-react-statics: "npm:^3.3.0"
+    invariant: "npm:^2.2.4"
+    prop-types: "npm:^15.7.2"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/64ab125c539ca8c275f5d305f5e11d366e6098d9e24e3cab25cbfd46a8d618fc3925ea86219972ccc63364e578384bb0120a72562312e596894a04ee0518a363
+  languageName: node
+  linkType: hard
+
+"react-native-helmet-async@npm:2.0.4":
+  version: 2.0.4
+  resolution: "react-native-helmet-async@npm:2.0.4"
+  dependencies:
+    invariant: "npm:^2.2.4"
+    react-fast-compare: "npm:^3.2.2"
+    shallowequal: "npm:^1.1.0"
+  peerDependencies:
+    react: ^16.6.0 || ^17.0.0 || ^18.0.0
+  checksum: 10/217bd0eaa61d426a512634369c70c44ce8b92127ec626dc40c65b72b1be1534ed3ed00ba2dd1a9ad77d1716ce8fd1e6db3f7209534303a652d9932a962d2c830
+  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:^9.2.2":
+  version: 9.2.2
+  resolution: "react-native-keychain@npm:9.2.2"
+  checksum: 10/7af3cc896f8c91fbd6b834841bf160b0e2149e832936cc32bf8bd3f38f6b813a91783c01cf5c24d592a6e9def930da7684384ca9beb1f2ea529935ae0372dd25
+  languageName: node
+  linkType: hard
+
+"react-native-mmkv@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "react-native-mmkv@npm:3.1.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/e601f3c36e3617402542b0dcbb59f039789fb4a409c3492d98444bad3173f8c07cf2dcf5c6ed1377e1f1c2162c3d834f80f3949fbc3d53e33c19b8c48862714c
+  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.5.1":
+  version: 6.6.1
+  resolution: "react-native-pager-view@npm:6.6.1"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/f56c3598a0e88fc66bdea806abacb0dd366bbd16a0c371a9a0c4dc21b2e53b020321bb896e1ae0f07c75caea16aaed292ae66c1a7546ade9c6d2a14aee8b9d63
+  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.16.7":
+  version: 3.16.7
+  resolution: "react-native-reanimated@npm:3.16.7"
+  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"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+    react: "*"
+    react-native: "*"
+  checksum: 10/37099178efca335ea74bb0fc1b50ad898c2b24b1ed99e67bfb90e8898e1fadace2d2765a275d7d23b9c141d19fc673bb4b78dcb9f47d08921dd911c76b5040aa
+  languageName: node
+  linkType: hard
+
+"react-native-safe-area-context@npm:4.12.0":
+  version: 4.12.0
+  resolution: "react-native-safe-area-context@npm:4.12.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/1db86f38c20c8b22ea274ea895b3cedbb1f8d8260d7f726ab4ee315f5e1e611ba3dde89c43dcb3ccccf97dfc3e7d8b11b79ffe4a6369697b6fed3bd80eaaf7c5
+  languageName: node
+  linkType: hard
+
+"react-native-screens@npm:^4.0.0":
+  version: 4.3.0
+  resolution: "react-native-screens@npm:4.3.0"
+  dependencies:
+    react-freeze: "npm:^1.0.0"
+    warn-once: "npm:^0.1.0"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 10/3c33d282712f1b7274a88a1bfcaa8de1f012b0a1afd0b3de04714579ec37d803bc22f5bc78b72c0a6f6743e349d77744f7201f6f94f3ab1a6e82aa149e495b9a
+  languageName: node
+  linkType: hard
+
+"react-native-svg@npm:15.8.0":
+  version: 15.8.0
+  resolution: "react-native-svg@npm:15.8.0"
+  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/9a60d1f33539c41ca50b2c21e6d8909e52a3bdf67b29b9231c7ffe72120fc8cb6d7fca45723bd9219b993202ade2343c97c7e4f53de7ee2446279ac91426b096
+  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.5":
+  version: 4.0.5
+  resolution: "react-native-tab-view@npm:4.0.5"
+  dependencies:
+    use-latest-callback: "npm:^0.2.1"
+  peerDependencies:
+    react: ">= 18.2.0"
+    react-native: "*"
+    react-native-pager-view: ">= 6.0.0"
+  checksum: 10/464545c05ff2bc9b5c0ba4f615b206a8aca8c24f76fb7fc553dcae726e971cbae84571d27f5cb7021d21b81786155fbc82b44bbbc32db0c7620ca967c8596b8b
+  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-web@npm:^0.19.0, react-native-web@npm:^0.19.13":
+  version: 0.19.13
+  resolution: "react-native-web@npm:0.19.13"
+  dependencies:
+    "@babel/runtime": "npm:^7.18.6"
+    "@react-native/normalize-colors": "npm:^0.74.1"
+    fbjs: "npm:^3.0.4"
+    inline-style-prefixer: "npm:^6.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
+    react-dom: ^18.0.0
+  checksum: 10/65e0660fb37c1f7e3864a7b506acdd3bbf249de516166775cbf2f371bc28f6e965bc01cbd214bfe820c1a933aee58b6fb29298ccd0dc5f412f147a57e7126dd9
+  languageName: node
+  linkType: hard
+
+"react-native@npm:0.76.3":
+  version: 0.76.3
+  resolution: "react-native@npm:0.76.3"
+  dependencies:
+    "@jest/create-cache-key-function": "npm:^29.6.3"
+    "@react-native/assets-registry": "npm:0.76.3"
+    "@react-native/codegen": "npm:0.76.3"
+    "@react-native/community-cli-plugin": "npm:0.76.3"
+    "@react-native/gradle-plugin": "npm:0.76.3"
+    "@react-native/js-polyfills": "npm:0.76.3"
+    "@react-native/normalize-colors": "npm:0.76.3"
+    "@react-native/virtualized-lists": "npm:0.76.3"
+    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.23.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.6.3"
+    jsc-android: "npm:^250231.0.0"
+    memoize-one: "npm:^5.0.0"
+    metro-runtime: "npm:^0.81.0"
+    metro-source-map: "npm:^0.81.0"
+    mkdirp: "npm:^0.5.1"
+    nullthrows: "npm:^1.1.1"
+    pretty-format: "npm:^29.7.0"
+    promise: "npm:^8.3.0"
+    react-devtools-core: "npm:^5.3.1"
+    react-refresh: "npm:^0.14.0"
+    regenerator-runtime: "npm:^0.13.2"
+    scheduler: "npm:0.24.0-canary-efb381bbf-20230505"
+    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": ^18.2.6
+    react: ^18.2.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  bin:
+    react-native: cli.js
+  checksum: 10/973f0310ebb56eae4025de7eebf100c83b8e82cd23dd7c51767f004bdff0ed7eac3b6ddf19630376edaaefd3108953b4e3be728b59b3825b67426e02b7fb724b
+  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-rc-6230622a1a-20240610":
+  version: 19.0.0-rc-6230622a1a-20240610
+  resolution: "react-server-dom-webpack@npm:19.0.0-rc-6230622a1a-20240610"
+  dependencies:
+    acorn-loose: "npm:^8.3.0"
+    neo-async: "npm:^2.6.1"
+  peerDependencies:
+    react: 19.0.0-rc-6230622a1a-20240610
+    react-dom: 19.0.0-rc-6230622a1a-20240610
+    webpack: ^5.59.0
+  checksum: 10/66ae78f359bcd09400d39f25341c9f799b33cbdb4c7a1134c07ee34d7d142c240bd0dea83942c9260c3e3be6de0bc2bf0ed1343e4f044eeabcf6e5d3c1172c79
+  languageName: node
+  linkType: hard
+
+"react-shallow-renderer@npm:^16.15.0":
+  version: 16.15.0
+  resolution: "react-shallow-renderer@npm:16.15.0"
+  dependencies:
+    object-assign: "npm:^4.1.1"
+    react-is: "npm:^16.12.0 || ^17.0.0 || ^18.0.0"
+  peerDependencies:
+    react: ^16.0.0 || ^17.0.0 || ^18.0.0
+  checksum: 10/06457fe5bcaa44aeca998905b6849304742ea1cc2d3841e4a0964c745ff392bc4dec07f8c779f317faacce3a0bf6f84e15020ac0fa81adb931067dbb0baf707b
+  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:18.3.1":
+  version: 18.3.1
+  resolution: "react-test-renderer@npm:18.3.1"
+  dependencies:
+    react-is: "npm:^18.3.1"
+    react-shallow-renderer: "npm:^16.15.0"
+    scheduler: "npm:^0.23.2"
+  peerDependencies:
+    react: ^18.3.1
+  checksum: 10/d53137315c677bdfba702a7179a69828233fc7635ae1e0c03b203923d643400ace72b343cb3dd3dafba8911c20bef53f55bff7aa2e4ddff3ccc423fdd9deeee2
+  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:18.3.1, 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, readable-stream@npm:~2.3.6":
+  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, 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
+
+"readline@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "readline@npm:1.3.0"
+  checksum: 10/2cb7c274333fe1ed55e1bd06c670a32bd9eae5324d8e1fafb9af5c128dfde85601d59defe47947788b0682d5e9efeae6b88ea5fe233d5236a02f382a0b0ad4c3
+  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
+
+"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:^1.0.0":
+  version: 1.0.0
+  resolution: "redux-devtools-expo-dev-plugin@npm:1.0.0"
+  dependencies:
+    "@redux-devtools/instrument": "npm:^2.2.0"
+    "@redux-devtools/utils": "npm:^3.0.0"
+    jsan: "npm:^3.1.14"
+  peerDependencies:
+    expo: ">=52"
+    redux: "*"
+  checksum: 10/d77032f131703e68c8bc14e45b5981b5d817ad34d17abc6af3bc55b01b4c0e34050445a028de2b776d3f44a23a03314563d6e4e760634cb76ec473dcac4acfa1
+  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, 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
+
+"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
+
+"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.0.0":
+  version: 5.0.0
+  resolution: "remark-mdx-frontmatter@npm:5.0.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
+    estree-util-value-to-estree: "npm:^3.0.0"
+    toml: "npm:^3.0.0"
+    unified: "npm:^11.0.0"
+    yaml: "npm:^2.0.0"
+  checksum: 10/533f89b4a1ddde50e3443b8c8a730cb86a3845addf3502fd1c0b16860f1addd26058f8ce2edd11b0e615e9b704557ed7f1559a599d65fd53a2b16ba2fdeac6de
+  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
+
+"remove-trailing-slash@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "remove-trailing-slash@npm:0.1.1"
+  checksum: 10/dd200c6b7d6f2b49d12b3eff3abc7089917e8a268cefcd5bf67ff23f8c2ad9f866fbe2f3566e1a8dbdc4f4b1171e2941f7dd00852f8de549bb73c3df53b09d96
+  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-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.2":
+  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.19.0, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.2, resolve@npm:^1.22.4, resolve@npm:^1.22.8":
+  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.19.0#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.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#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.3.0":
+  version: 2.3.0
+  resolution: "ripple-binary-codec@npm:2.3.0"
+  dependencies:
+    "@xrplf/isomorphic": "npm:^1.0.1"
+    bignumber.js: "npm:^9.0.0"
+    ripple-address-codec: "npm:^5.0.0"
+  checksum: 10/e93878f2269f388b9551b5e37c5f317afb597ab640d3bb091054c7bcd19a29c4b4407aeccf2e5d8de5653b4140472e05c5edecb22ebf5f377c2c462b00b472a8
+  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
+
+"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-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, safe-stable-stringify@npm:^2.4.3":
+  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":
+  version: 1.4.1
+  resolution: "sax@npm:1.4.1"
+  checksum: 10/b1c784b545019187b53a0c28edb4f6314951c971e2963a69739c6ce222bfbc767e54d320e689352daba79b7d5e06d22b5d7113b99336219d6e93718e2f99d335
+  languageName: node
+  linkType: hard
+
+"sax@npm:~1.2.4":
+  version: 1.2.4
+  resolution: "sax@npm:1.2.4"
+  checksum: 10/09b79ff6dc09689a24323352117c94593c69db348997b2af0edbd82fa08aba47d778055bf9616b57285bb73d25d790900c044bf631a8f10c8252412e3f3fe5dd
+  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.24.0-canary-efb381bbf-20230505":
+  version: 0.24.0-canary-efb381bbf-20230505
+  resolution: "scheduler@npm:0.24.0-canary-efb381bbf-20230505"
+  dependencies:
+    loose-envify: "npm:^1.1.0"
+  checksum: 10/862881c8d3ece854331516cc048e26a86af461e896ab412506a5b1ffcc82990a08445e0127545ab524df15f88c2a691d8505fc2226a9bddf99bf8a8425bdcc0e
+  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
+
+"scheduler@npm:^0.25.0":
+  version: 0.25.0
+  resolution: "scheduler@npm:0.25.0"
+  checksum: 10/e661e38503ab29a153429a99203fefa764f28b35c079719eb5efdd2c1c1086522f6653d8ffce388209682c23891a6d1d32fa6badf53c35fb5b9cd0c55ace42de
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^2.6.5":
+  version: 2.7.1
+  resolution: "schema-utils@npm:2.7.1"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.5"
+    ajv: "npm:^6.12.4"
+    ajv-keywords: "npm:^3.5.2"
+  checksum: 10/86c3038798981dbc702d5f6a86d4e4a308a2ec6e8eb1bf7d1a3ea95cb3f1972491833b76ce1c86a068652417019126d5b68219c33a9ad069358dd10429d4096d
+  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.0.1, 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
+
+"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
+
+"section-matter@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "section-matter@npm:1.0.0"
+  dependencies:
+    extend-shallow: "npm:^2.0.1"
+    kind-of: "npm:^6.0.0"
+  checksum: 10/cedfda3a9238f66942d92531fe043dd134702a462cdc9e254cd6aa418c66ca0d229900e4da78ffd1a07051e7b239251c4dc4748e9d1c76bf41a37bff7a478556
+  languageName: node
+  linkType: hard
+
+"selfsigned@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "selfsigned@npm:2.4.1"
+  dependencies:
+    "@types/node-forge": "npm:^1.3.0"
+    node-forge: "npm:^1"
+  checksum: 10/52536623f1cfdeb2f8b9198377f2ce7931c677ea69421238d1dc1ea2983bbe258e56c19e7d1af87035cad7270f19b7e996eaab1212e724d887722502f68e17f2
+  languageName: node
+  linkType: hard
+
+"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.5.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.7.0":
+  version: 7.7.0
+  resolution: "semver@npm:7.7.0"
+  bin:
+    semver: bin/semver.js
+  checksum: 10/5d615860a54ff563955c451e467bff3aaf74c8d060489f936f25551d5ca05f5ac683eb46c9ed7ade082e1e53b313f205ed9c5df0b25ebb3517ec25c79e1f0d9c
+  languageName: node
+  linkType: hard
+
+"semver@npm:^6.0.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
+
+"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.13.1":
+  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-cookie-parser@npm:^2.4.8":
+  version: 2.7.1
+  resolution: "set-cookie-parser@npm:2.7.1"
+  checksum: 10/c92b1130032693342bca13ea1b1bc93967ab37deec4387fcd8c2a843c0ef2fd9a9f3df25aea5bb3976cd05a91c2cf4632dd6164d6e1814208fb7d7e14edd42b4
+  languageName: node
+  linkType: hard
+
+"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-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.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:^1.2.0":
+  version: 1.2.0
+  resolution: "shebang-command@npm:1.2.0"
+  dependencies:
+    shebang-regex: "npm:^1.0.0"
+  checksum: 10/9eed1750301e622961ba5d588af2212505e96770ec376a37ab678f965795e995ade7ed44910f5d3d3cb5e10165a1847f52d3348c64e146b8be922f7707958908
+  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:^1.0.0":
+  version: 1.0.0
+  resolution: "shebang-regex@npm:1.0.0"
+  checksum: 10/404c5a752cd40f94591dfd9346da40a735a05139dac890ffc229afba610854d8799aaa52f87f7e0c94c5007f2c6af55bdcaeb584b56691926c5eaf41dc8f1372
+  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.0, 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
+
+"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
+
+"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.21, 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
+
+"split@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "split@npm:1.0.1"
+  dependencies:
+    through: "npm:2"
+  checksum: 10/12f4554a5792c7e98bb3e22b53c63bfa5ef89aa704353e1db608a55b51f5b12afaad6e4a8ecf7843c15f273f43cdadd67b3705cc43d48a75c2cf4641d51f7e7a
+  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:^10.0.0":
+  version: 10.0.6
+  resolution: "ssri@npm:10.0.6"
+  dependencies:
+    minipass: "npm:^7.0.3"
+  checksum: 10/f92c1b3cc9bfd0a925417412d07d999935917bc87049f43ebec41074661d64cf720315661844106a77da9f8204b6d55ae29f9514e673083cae39464343af2a8b
+  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
+
+"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, stream-buffers@npm:~2.2.0":
+  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
+
+"stream-slice@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "stream-slice@npm:0.1.2"
+  checksum: 10/6fa948ea58523f11f72e796f99579ff2bbecdff080d63b25762b0c0d282ac9a2d98af0f6e84dcc8d24c6284b2f7ce92ce0f9a1c8f77c91ac273954754e53c781
+  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.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.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-string@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "strip-bom-string@npm:1.0.0"
+  checksum: 10/5635a3656d8512a2c194d6c8d5dee7ef0dde6802f7be9413b91e201981ad4132506656d9cf14137f019fd50f0269390d91c7f6a2601b1bee039a4859cfce4934
+  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-eof@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "strip-eof@npm:1.0.0"
+  checksum: 10/40bc8ddd7e072f8ba0c2d6d05267b4e0a4800898c3435b5fb5f5a21e6e47dfaff18467e7aa0d1844bb5d6274c3097246595841fbfeb317e541974ee992cac506
+  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@npm:^0.59.0":
+  version: 0.59.0
+  resolution: "stylus@npm:0.59.0"
+  dependencies:
+    "@adobe/css-tools": "npm:^4.0.1"
+    debug: "npm:^4.3.2"
+    glob: "npm:^7.1.6"
+    sax: "npm:~1.2.4"
+    source-map: "npm:^0.7.3"
+  bin:
+    stylus: bin/stylus
+  checksum: 10/f8414237d7b0edf57ddbb0d782de7876bba15dc71e475e8713377b8dbc4767a1b1f101f966e33beb7f0c8d092e17a42d557f73bc94cbae5a8311d3bc2f64bbbb
+  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:9.1.1":
+  version: 9.1.1
+  resolution: "sudo-prompt@npm:9.1.1"
+  checksum: 10/3cdabd32b446c0fab49284824adc991b3456c758b3b2a1429db518cb92c72df62fa364d6cd2fd258cbf72b01713e51c67b2915401b3f1c1b97baa5f49ca08788
+  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
+
+"superjson@npm:^1.13.3":
+  version: 1.13.3
+  resolution: "superjson@npm:1.13.3"
+  dependencies:
+    copy-anything: "npm:^3.0.2"
+  checksum: 10/71a186c513a9821e58264c0563cd1b3cf07d3b5ba53a09cc5c1a604d8ffeacac976a6ba1b5d5b3c71b6ab5a1941dfba5a15e3f106ad3ef22fe8d5eee3e2be052
+  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:^3.3.13":
+  version: 3.7.4
+  resolution: "svelte-i18n@npm:3.7.4"
+  dependencies:
+    cli-color: "npm:^2.0.3"
+    deepmerge: "npm:^4.2.2"
+    esbuild: "npm:^0.19.2"
+    estree-walker: "npm:^2"
+    intl-messageformat: "npm:^9.13.0"
+    sade: "npm:^1.8.1"
+    tiny-glob: "npm:^0.2.9"
+  peerDependencies:
+    svelte: ^3 || ^4
+  bin:
+    svelte-i18n: dist/cli.js
+  checksum: 10/290840b9f44914e4b19de137cb0cc06c7241ff8ac0d257c1dbc1bc879d972fed8626503b1f350dd2eb05b21a7731ab3d2a6ec9d25552b7944ca0d98635ee3dbb
+  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.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.117.1":
+  version: 1.119.0
+  resolution: "tamagui@npm:1.119.0"
+  dependencies:
+    "@tamagui/accordion": "npm:1.119.0"
+    "@tamagui/adapt": "npm:1.119.0"
+    "@tamagui/alert-dialog": "npm:1.119.0"
+    "@tamagui/animate-presence": "npm:1.119.0"
+    "@tamagui/avatar": "npm:1.119.0"
+    "@tamagui/button": "npm:1.119.0"
+    "@tamagui/card": "npm:1.119.0"
+    "@tamagui/checkbox": "npm:1.119.0"
+    "@tamagui/compose-refs": "npm:1.119.0"
+    "@tamagui/constants": "npm:1.119.0"
+    "@tamagui/core": "npm:1.119.0"
+    "@tamagui/create-context": "npm:1.119.0"
+    "@tamagui/dialog": "npm:1.119.0"
+    "@tamagui/elements": "npm:1.119.0"
+    "@tamagui/fake-react-native": "npm:1.119.0"
+    "@tamagui/focusable": "npm:1.119.0"
+    "@tamagui/font-size": "npm:1.119.0"
+    "@tamagui/form": "npm:1.119.0"
+    "@tamagui/get-button-sized": "npm:1.119.0"
+    "@tamagui/get-font-sized": "npm:1.119.0"
+    "@tamagui/get-token": "npm:1.119.0"
+    "@tamagui/group": "npm:1.119.0"
+    "@tamagui/helpers-tamagui": "npm:1.119.0"
+    "@tamagui/image": "npm:1.119.0"
+    "@tamagui/label": "npm:1.119.0"
+    "@tamagui/linear-gradient": "npm:1.119.0"
+    "@tamagui/list-item": "npm:1.119.0"
+    "@tamagui/polyfill-dev": "npm:1.119.0"
+    "@tamagui/popover": "npm:1.119.0"
+    "@tamagui/popper": "npm:1.119.0"
+    "@tamagui/portal": "npm:1.119.0"
+    "@tamagui/progress": "npm:1.119.0"
+    "@tamagui/radio-group": "npm:1.119.0"
+    "@tamagui/react-native-media-driver": "npm:1.119.0"
+    "@tamagui/scroll-view": "npm:1.119.0"
+    "@tamagui/select": "npm:1.119.0"
+    "@tamagui/separator": "npm:1.119.0"
+    "@tamagui/shapes": "npm:1.119.0"
+    "@tamagui/sheet": "npm:1.119.0"
+    "@tamagui/slider": "npm:1.119.0"
+    "@tamagui/stacks": "npm:1.119.0"
+    "@tamagui/switch": "npm:1.119.0"
+    "@tamagui/tabs": "npm:1.119.0"
+    "@tamagui/text": "npm:1.119.0"
+    "@tamagui/theme": "npm:1.119.0"
+    "@tamagui/toggle-group": "npm:1.119.0"
+    "@tamagui/tooltip": "npm:1.119.0"
+    "@tamagui/use-controllable-state": "npm:1.119.0"
+    "@tamagui/use-debounce": "npm:1.119.0"
+    "@tamagui/use-force-update": "npm:1.119.0"
+    "@tamagui/use-window-dimensions": "npm:1.119.0"
+    "@tamagui/visually-hidden": "npm:1.119.0"
+  peerDependencies:
+    react: "*"
+  checksum: 10/a04e9925e60536d3dd745ae301438888b3e564a489085c49829cc8fe4f54adc5a94b7a8dc1e62670a078780fe79d0a5f695f72926a2cbb79ecf0aba99bc321b3
+  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:^6.1.11, tar@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "tar@npm:6.2.1"
+  dependencies:
+    chownr: "npm:^2.0.0"
+    fs-minipass: "npm:^2.0.0"
+    minipass: "npm:^5.0.0"
+    minizlib: "npm:^2.1.1"
+    mkdirp: "npm:^1.0.3"
+    yallist: "npm:^4.0.0"
+  checksum: 10/bfbfbb2861888077fc1130b84029cdc2721efb93d1d1fb80f22a7ac3a98ec6f8972f29e564103bbebf5e97be67ebc356d37fa48dbc4960600a1eb7230fbd1ea0
+  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
+
+"tempy@npm:^0.7.1":
+  version: 0.7.1
+  resolution: "tempy@npm:0.7.1"
+  dependencies:
+    del: "npm:^6.0.0"
+    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/265652f94eed077c311777e0290c4b4f3ec670c71c62c979efcbbd67ee506d677ff2741a72d7160556e9b0fba8fc5fbd7b3c482ac94c8acc48d85411f1f079c3
+  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
+
+"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:^2.0.1":
+  version: 2.0.5
+  resolution: "through2@npm:2.0.5"
+  dependencies:
+    readable-stream: "npm:~2.3.6"
+    xtend: "npm:~4.0.1"
+  checksum: 10/cd71f7dcdc7a8204fea003a14a433ef99384b7d4e31f5497e1f9f622b3cf3be3691f908455f98723bdc80922a53af7fa10c3b7abbe51c6fd3d536dbc7850e2c4
+  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, 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.6":
+  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-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-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-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-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-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.7.0":
+  version: 2.7.0
+  resolution: "tslib@npm:2.7.0"
+  checksum: 10/9a5b47ddac65874fa011c20ff76db69f97cf90c78cff5934799ab8894a5342db2d17b4e7613a087046bc1d133d21547ddff87ac558abeec31ffa929c88b7fce6
+  languageName: node
+  linkType: hard
+
+"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
+
+"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
+
+"turbo-stream@npm:2.4.0":
+  version: 2.4.0
+  resolution: "turbo-stream@npm:2.4.0"
+  checksum: 10/7079bbc82b58340f783144cd669cc7e598288523103a8d68bb8a4c6bb28c64eccb71d389b33aab07788d3a9030638b795709e15cb8486f722b1cdac59cb58afc
+  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, type-fest@npm:^4.30.0":
+  version: 4.31.0
+  resolution: "type-fest@npm:4.31.0"
+  checksum: 10/e7e849845bf33e1237c3ff0d5ed00a251a807e3321ffe75278dd56a7d3c385badfe09180057c2d0b93cf7429432b8e7061b6ccf4cc468720d8f69073d2b1bed2
+  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-byte-length@npm:^1.0.1":
+  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-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.8.1":
+  version: 8.17.0
+  resolution: "typescript-eslint@npm:8.17.0"
+  dependencies:
+    "@typescript-eslint/eslint-plugin": "npm:8.17.0"
+    "@typescript-eslint/parser": "npm:8.17.0"
+    "@typescript-eslint/utils": "npm:8.17.0"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/b6e15a85ae803c9b3863306f02ec2e049b76900f01d0d5fee0ec84e4417ba056c9d90361b1a0e2f21847ee7ee2bef96de5a8a0eba82dc8a4f49f0799e61c52b5
+  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.4.5, typescript@npm:^5.5.4, typescript@npm:^5.7.2":
+  version: 5.7.3
+  resolution: "typescript@npm:5.7.3"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10/6a7e556de91db3d34dc51cd2600e8e91f4c312acd8e52792f243c7818dfadb27bae677175fad6947f9c81efb6c57eb6b2d0c736f196a6ee2f1f7d57b74fc92fa
+  languageName: node
+  linkType: hard
+
+"typescript@npm:~5.3.3":
+  version: 5.3.3
+  resolution: "typescript@npm:5.3.3"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10/6e4e6a14a50c222b3d14d4ea2f729e79f972fa536ac1522b91202a9a65af3605c2928c4a790a4a50aa13694d461c479ba92cedaeb1e7b190aadaa4e4b96b8e18
+  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>, typescript@patch:typescript@npm%3A^5.7.2#optional!builtin<compat/typescript>":
+  version: 5.7.3
+  resolution: "typescript@patch:typescript@npm%3A5.7.3#optional!builtin<compat/typescript>::version=5.7.3&hash=5786d5"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10/dc58d777eb4c01973f7fbf1fd808aad49a0efdf545528dab9b07d94fdcb65b8751742804c3057e9619a4627f2d9cc85547fdd49d9f4326992ad0181b49e61d81
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@npm%3A~5.3.3#optional!builtin<compat/typescript>":
+  version: 5.3.3
+  resolution: "typescript@patch:typescript@npm%3A5.3.3#optional!builtin<compat/typescript>::version=5.3.3&hash=e012d7"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10/c93786fcc9a70718ba1e3819bab56064ead5817004d1b8186f8ca66165f3a2d0100fee91fa64c840dcd45f994ca5d615d8e1f566d39a7470fc1e014dbb4cf15d
+  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:^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:^1.0.37":
+  version: 1.0.40
+  resolution: "ua-parser-js@npm:1.0.40"
+  bin:
+    ua-parser-js: script/cli.js
+  checksum: 10/7fced5f74ed570c83addffd4d367888d90c58803ff4bdd4a7b04b3f01d293263b8605e92ac560eb1c6a201ef3b11fcc46f3dbcbe764fbe54974924d542bc0135
+  languageName: node
+  linkType: hard
+
+"ua-parser-js@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "ua-parser-js@npm:2.0.3"
+  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/f181f1c976d67a2a8cdd396f8c5cecc8bfe4ada7183e7ef06a81a09aa9dc98480048380240f6374189cf2ab7e6275b711f9732e26b7ed2a14f3e4fe3576b8842
+  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:^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
+
+"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
+
+"unbox-primitive@npm:^1.0.2":
+  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.9.0":
+  version: 7.9.0
+  resolution: "undici-types@npm:7.9.0"
+  checksum: 10/70b59cc21cee99939e7baa9470968c0460729c3c0b2cdcc89f27aa519c5d0a528204b03ead108cbea48225a329dc9c47f3531349b69cff8f06b6a76fe95cfb8a
+  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.19.7":
+  version: 6.19.7
+  resolution: "undici@npm:6.19.7"
+  checksum: 10/77fb8b0377388f6dba8244b015841318d621031211b4f3c2273d809304b77ec44adeba4b89dfd6708bdc044190e18f068e5b231882ef15d057d4624e46f544e3
+  languageName: node
+  linkType: hard
+
+"undici@npm:^6.11.1, undici@npm:^6.18.2":
+  version: 6.21.1
+  resolution: "undici@npm:6.21.1"
+  checksum: 10/eeccc07e9073ae8e755fdc0dc8cdfaa426c01ec6f815425c3ecedba2e5394cea4993962c040dd168951714a82f0d001a13018c3ae3ad4534f0fa97afe425c08d
+  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
+
+"unique-filename@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "unique-filename@npm:3.0.0"
+  dependencies:
+    unique-slug: "npm:^4.0.0"
+  checksum: 10/8e2f59b356cb2e54aab14ff98a51ac6c45781d15ceaab6d4f1c2228b780193dc70fae4463ce9e1df4479cb9d3304d7c2043a3fb905bdeca71cc7e8ce27e063df
+  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:^4.0.0":
+  version: 4.0.0
+  resolution: "unique-slug@npm:4.0.0"
+  dependencies:
+    imurmurhash: "npm:^0.1.4"
+  checksum: 10/40912a8963fc02fb8b600cf50197df4a275c602c60de4cac4f75879d3c48558cfac48de08a25cc10df8112161f7180b3bbb4d662aadb711568602f9eddee54f0
+  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-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:^1.0.0":
+  version: 1.0.0
+  resolution: "universalify@npm:1.0.0"
+  checksum: 10/095a808f2b915e3b89d29b6f3b4ee4163962b02fa5b7cb686970b8d0439f4ca789bc43f319b7cbb1ce552ae724e631d148e5aee9ce04c4f46a7fe0c5bbfd2b9e
+  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
+
+"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
+
+"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":
+  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.15.0
+  resolution: "usb@npm:2.15.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/fc344ab8bb0e3f46f7e83e51b6ad1b170d923c35bb42c64784d92787f7e5ae129aa36181c8d0298a4e50f03a1e3243c4cf87825b11dbeac9ab996332798ba2a6
+  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.3, 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:^10.0.0":
+  version: 10.0.0
+  resolution: "uuid@npm:10.0.0"
+  bin:
+    uuid: dist/bin/uuid
+  checksum: 10/35aa60614811a201ff90f8ca5e9ecb7076a75c3821e17f0f5ff72d44e36c2d35fcbc2ceee9c4ac7317f4cc41895da30e74f3885e30313bee48fda6338f250538
+  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.0.0, 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, uuid@npm:^9.0.1":
+  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.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-encoding@npm:1.1.5":
+  version: 1.1.5
+  resolution: "web-encoding@npm:1.1.5"
+  dependencies:
+    "@zxing/text-encoding": "npm:0.9.0"
+    util: "npm:^0.12.3"
+  dependenciesMeta:
+    "@zxing/text-encoding":
+      optional: true
+  checksum: 10/243518cfa8388ac05eeb4041bd330d38c599476ff9a93239b386d1ba2af130089a2fcefb0cf65b385f989105ff460ae69dca7e42236f4d98dc776b04e558cdb5
+  languageName: node
+  linkType: hard
+
+"web-streams-polyfill@npm:^3.1.1, web-streams-polyfill@npm:^3.3.2":
+  version: 3.3.3
+  resolution: "web-streams-polyfill@npm:3.3.3"
+  checksum: 10/8e7e13501b3834094a50abe7c0b6456155a55d7571312b89570012ef47ec2a46d766934768c50aabad10a9c30dd764a407623e8bfcc74fcb58495c29130edea9
+  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.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-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-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":
+  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.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@npm:^1.2.9":
+  version: 1.3.1
+  resolution: "which@npm:1.3.1"
+  dependencies:
+    isexe: "npm:^2.0.0"
+  bin:
+    which: ./bin/which
+  checksum: 10/549dcf1752f3ee7fbb64f5af2eead4b9a2f482108b7de3e85c781d6c26d8cf6a52d37cfbe0642a155fa6470483fe892661a859c03157f24c669cf115f3bbab5e
+  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:^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.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
+
+"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:^14.0.0":
+  version: 14.0.0
+  resolution: "xmlbuilder@npm:14.0.0"
+  checksum: 10/c134bfd15bd6efe0af0306939a8cd667efb6aeace3779043c6bdf18373c0192146907a4ab442fc24e799419a3033e3c99ce41c43016bdf580d40f8ab0e0dc841
+  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.2.0":
+  version: 4.2.5
+  resolution: "xrpl@npm:4.2.5"
+  dependencies:
+    "@scure/bip32": "npm:^1.3.1"
+    "@scure/bip39": "npm:^1.2.1"
+    "@xrplf/isomorphic": "npm:^1.0.1"
+    "@xrplf/secret-numbers": "npm:^1.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.3.0"
+    ripple-keypairs: "npm:^2.0.0"
+  checksum: 10/34c4c39ebf96ec1237c2e756b4d8c39f4a8972c1dd3cbac2acb302c24b905ff4089c0a7342107e298a3dbbd2c3e71162fc1ee8064d27ea0fb1b3ca5ce90ad21d
+  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
+
+"xstate@npm:^5.18.2":
+  version: 5.19.3
+  resolution: "xstate@npm:5.19.3"
+  checksum: 10/2c70e24ca16eb60ac813a990965b6b7611e5d8223ea4b0517c39e80cdfa79b33ff59fa059bd283af0bcefb865fa7f65188c34e8215bcd74641a74640c32bcda8
+  languageName: node
+  linkType: hard
+
+"xtend@npm:^4.0.2, xtend@npm:~4.0.1":
+  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.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
+
+"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