From 9130c31f323de341a8bb3c09e1b53a57e4bd3314 Mon Sep 17 00:00:00 2001
From: Gamaliel Padillo <gamalielgad1234@gmail.com>
Date: Wed, 19 Nov 2025 13:13:30 -0800
Subject: [PATCH 1/5] feat: add provider names to swap

---
 packages/extension/package.json               | 12 ++++------
 .../components/best-offer-list-item.vue       | 20 +++++++++++++---
 .../components/best-offer-list.vue            |  1 +
 .../swap-best-offer-block/index.vue           |  7 +++++-
 packages/swap/src/types/index.ts              | 23 +++++++++++++++++++
 5 files changed, 52 insertions(+), 11 deletions(-)

diff --git a/packages/extension/package.json b/packages/extension/package.json
index 180880e60..b7f8528b0 100644
--- a/packages/extension/package.json
+++ b/packages/extension/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "yarn prebuild && cross-env BROWSER='chrome' vite",
+    "dev": "cross-env BROWSER='chrome' vite",
     "build2": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
     "build-only": "vite build",
@@ -12,15 +12,13 @@
     "lint": "eslint . --fix && yarn format",
     "format": "prettier --write src/",
     "zip": "cd dist; zip -r release.zip *;",
-    "prebuild": "yarn kadena:prebuild",
-    "build:chrome": "yarn prebuild && cross-env BROWSER='chrome' MINIFY='true' vite build",
-    "build:firefox": "yarn prebuild && cross-env BROWSER='firefox' MINIFY='true' vite build && node configs/get-system-info.js",
-    "build:opera": "yarn prebuild && cross-env BROWSER='opera' MINIFY='true' vite build",
-    "kadena:prebuild": "pactjs contract-generate --contract=coin --api https://api.chainweb.com/chainweb/0.0/mainnet01/chain/1/pact",
+    "build:chrome": "cross-env BROWSER='chrome' MINIFY='true' vite build",
+    "build:firefox": "cross-env BROWSER='firefox' MINIFY='true' vite build && node configs/get-system-info.js",
+    "build:opera": "cross-env BROWSER='opera' MINIFY='true' vite build",
     "test": "vitest run -c ./configs/vitest.config.mts",
     "watch": "yarn dev",
     "watch:chrome": "yarn dev",
-    "watch:firefox": "yarn prebuild && cross-env BROWSER='firefox' vite"
+    "watch:firefox": "cross-env BROWSER='firefox' vite"
   },
   "dependencies": {
     "@amplitude/analytics-browser": "^2.25.0",
diff --git a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
index 8e088b0c8..059de9985 100644
--- a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
+++ b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
@@ -1,7 +1,13 @@
 <template>
   <a class="best-offer-list-item" @click="select">
     <div class="best-offer-list-item__info">
-      <p>Offer {{ swapNumber }}</p>
+      <p>
+        {{
+          props.provider
+            ? providerNameProper[props.provider]
+            : 'Unknown Provider'
+        }}
+      </p>
       <h5>{{ amount }}</h5>
     </div>
 
@@ -19,14 +25,22 @@
 import DoneIcon from '@action/icons/common/done_icon.vue';
 import LottieStatusJson from '@action/assets/animation/status.json';
 import { Vue3Lottie } from 'vue3-lottie';
+import { ProviderName, providerNameProper } from '@enkryptcom/swap/src/types';
+import { PropType } from 'vue';
 
-defineProps({
+const props = defineProps({
   select: {
-    type: Function as () => void,
+    type: Function as PropType<() => void>,
     default: () => {
       return null;
     },
   },
+  provider: {
+    type: String as PropType<ProviderName>,
+    default: () => {
+      return '';
+    },
+  },
   swapNumber: {
     type: Number,
     default: () => {
diff --git a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list.vue b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list.vue
index d4c1ffc1c..f6e3d77a8 100644
--- a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list.vue
+++ b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list.vue
@@ -5,6 +5,7 @@
         v-for="(trade, index) in trades"
         :key="trade.provider"
         :swap-number="index + 1"
+        :provider="trade.provider"
         :amount="`~${getReadable(index)}`"
         :select="() => select(trade)"
         :is-checked="trade.provider === pickedTrade.provider"
diff --git a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
index 7891613de..62ecbcfeb 100644
--- a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
+++ b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="swap-best-offer-block">
-    <h3>Best offer including network fee</h3>
+    <h3>
+      Best offer including network fee powered by
+      {{ providerNameProper[props.pickedTrade.provider] }}
+    </h3>
     <div class="swap-best-offer-block__for">
       for<img :src="fromToken.logoURI" />
       <p>
@@ -41,6 +44,7 @@
       />
     </div>
     <div class="swap-best-offer-block__info">
+      <p>Provider: {{ providerNameProper[props.pickedTrade.provider] }}</p>
       <p>
         Rate: 1 {{ fromToken.symbol.toUpperCase() }} ≈
         {{ $filters.formatFloatingPointValue(ratio).value }}
@@ -89,6 +93,7 @@ import {
   SwapToken,
 } from '@enkryptcom/swap';
 import { imageLoadError } from '@/ui/action/utils/misc';
+import { providerNameProper } from '@enkryptcom/swap/src/types';
 
 interface SwapBestOfferProps {
   trades: ProviderSwapResponse[];
diff --git a/packages/swap/src/types/index.ts b/packages/swap/src/types/index.ts
index 799d2f714..7f9f6967b 100644
--- a/packages/swap/src/types/index.ts
+++ b/packages/swap/src/types/index.ts
@@ -132,6 +132,29 @@ export enum ProviderName {
   okx = "okx",
 }
 
+// eslint-disable-next-line no-shadow
+export enum ProviderNameProper {
+  oneInch = "1inch",
+  oneInchFusion = "1inch Fusion",
+  paraswap = "ParaSwap",
+  zerox = "0x",
+  changelly = "Changelly",
+  rango = "Rango",
+  jupiter = "Jupiter",
+  okx = "Okx",
+}
+
+export const providerNameProper = {
+  [ProviderName.changelly]: ProviderNameProper.changelly,
+  [ProviderName.oneInch]: ProviderNameProper.oneInch,
+  [ProviderName.oneInchFusion]: ProviderNameProper.oneInchFusion,
+  [ProviderName.paraswap]: ProviderNameProper.paraswap,
+  [ProviderName.zerox]: ProviderNameProper.zerox,
+  [ProviderName.rango]: ProviderNameProper.rango,
+  [ProviderName.jupiter]: ProviderNameProper.jupiter,
+  [ProviderName.okx]: ProviderNameProper.okx,
+};
+
 // eslint-disable-next-line no-shadow
 export enum TransactionStatus {
   pending = "pending",

From a1045882ef895a5f29ff875c2f91a8f4aaad755a Mon Sep 17 00:00:00 2001
From: Gamaliel Padillo <gamalielgad1234@gmail.com>
Date: Thu, 20 Nov 2025 15:28:32 -0800
Subject: [PATCH 2/5] fix: cleanup and add provider logos

---
 .../src/libs/utils/providersDetails.ts        |  20 ++++++++++++++++++
 .../src/ui/action/assets/swap/0x-logo.png     | Bin 0 -> 1126 bytes
 .../src/ui/action/assets/swap/1inch-logo.png  | Bin 0 -> 2049 bytes
 .../ui/action/assets/swap/changelly-logo.png  | Bin 0 -> 977 bytes
 .../ui/action/assets/swap/jupiter-logo.png    | Bin 0 -> 2102 bytes
 .../src/ui/action/assets/swap/okx-logo.png    | Bin 0 -> 327 bytes
 .../ui/action/assets/swap/paraswap-logo.png   | Bin 0 -> 1489 bytes
 .../src/ui/action/assets/swap/rango-logo.png  | Bin 0 -> 1111 bytes
 .../components/best-offer-list-item.vue       |  12 +++++++----
 .../swap-best-offer-block/index.vue           |  19 ++++++++++++++---
 packages/swap/src/types/index.ts              |  11 ----------
 11 files changed, 44 insertions(+), 18 deletions(-)
 create mode 100644 packages/extension/src/libs/utils/providersDetails.ts
 create mode 100644 packages/extension/src/ui/action/assets/swap/0x-logo.png
 create mode 100644 packages/extension/src/ui/action/assets/swap/1inch-logo.png
 create mode 100644 packages/extension/src/ui/action/assets/swap/changelly-logo.png
 create mode 100644 packages/extension/src/ui/action/assets/swap/jupiter-logo.png
 create mode 100644 packages/extension/src/ui/action/assets/swap/okx-logo.png
 create mode 100644 packages/extension/src/ui/action/assets/swap/paraswap-logo.png
 create mode 100644 packages/extension/src/ui/action/assets/swap/rango-logo.png

diff --git a/packages/extension/src/libs/utils/providersDetails.ts b/packages/extension/src/libs/utils/providersDetails.ts
new file mode 100644
index 000000000..91288c558
--- /dev/null
+++ b/packages/extension/src/libs/utils/providersDetails.ts
@@ -0,0 +1,20 @@
+import { ProviderName, ProviderNameProper } from "@enkryptcom/swap/src/types"
+
+import changellyLogo from '@/ui/action/assets/swap/changelly-logo.png'
+import oneInch from '@/ui/action/assets/swap/1inch-logo.png'
+import paraswap from '@/ui/action/assets/swap/paraswap-logo.png'
+import zerox from '@/ui/action/assets/swap/0x-logo.png'
+import rango from '@/ui/action/assets/swap/rango-logo.png'
+import jupiter from '@/ui/action/assets/swap/jupiter-logo.png'
+import okx from '@/ui/action/assets/swap/okx-logo.png'
+
+export default {
+  [ProviderName.changelly]: { name: ProviderNameProper.changelly, logo: changellyLogo },
+  [ProviderName.oneInch]: { name: ProviderNameProper.oneInch, logo: oneInch },
+  [ProviderName.oneInchFusion]: { name: ProviderNameProper.oneInchFusion, logo: oneInch },
+  [ProviderName.paraswap]: { name: ProviderNameProper.paraswap, logo: paraswap },
+  [ProviderName.zerox]: { name: ProviderNameProper.zerox, logo: zerox },
+  [ProviderName.rango]: { name: ProviderNameProper.rango, logo: rango },
+  [ProviderName.jupiter]: { name: ProviderNameProper.jupiter, logo: jupiter },
+  [ProviderName.okx]: { name: ProviderNameProper.okx, logo: okx }
+}
\ No newline at end of file
diff --git a/packages/extension/src/ui/action/assets/swap/0x-logo.png b/packages/extension/src/ui/action/assets/swap/0x-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..427249ae12ce0a33eed526a424b8a153d8b39c95
GIT binary patch
literal 1126
zcmV-s1eyDZP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1N%utK~#7FtyjHQ
z8bJ`B-SYzl<F`T6@S=IoPW=y{w8Ji4v`Z&;=`>|3^)C>sq*JTBRKZF+P3L<;ydqH&
z{5YRzP~j#scN`pW#{oJ8$KKBE%+CI1=C=ZxkWeVp*OtpogUC-KiYXAH4-ot4sR=+8
zh1hM^<>65}tv0%*Xhdlu7!0GxFOqr~5c<6IQNW=<SWl%haWCDv4upcikOGAb`WuGU
zBtcF@>M2OKiPxjUi;5^5v}|0!dco(P^Hy^*9voSwGhKn!3~Pjmh1BWa?b3R*89I_E
zJEW?rR;m7s#%Zxc8z>7F2pP1>eRhLD5#=#sL+|uQ>`v4iffV{RG%K`gA#f>4=WQ8h
z;3~P>1IxIfhA>U<R_&iE)oWd5@Ad}*{xEN#$_St7tdf7YH?pBTp-Kg2lc(pUkiU5~
zOlgXH^w%k4ru%z(uCKDU`#dN`V0>((<Y~e8IL8Z@ZR5w(StiDzOQz3PcwBa>d*=9e
z=Fo0|$K=$Efd>Z>pfB_Blp?_CCQ;wBJkzvXZm73=7XjXqu}^FiDx;Jb>h<p=Pcw0i
zl%0%R-rS{0=Nqp<LtoXjPs!)+FSEA^1BBzjVb1mW;%*~kFagC-R`0G^nHU|4QPo_n
znV{%URQoLlPN00|YC9;AX3D9z6T=5c0Ic-^Ba+bym4FL9n$_=FglmA4aTe+wQOS+P
zVJ=J`uEG<ABKwX~Z_Qmp5ccTDaS9>E3&7JPUUwF8N>Uu$yPJTuNy-ptQMfpH>BzdX
z)OraI->sZ&R+4Au9R5wH>wrKF>Pv{qXB1i#Drzx%QL_tyP@^LNuRPyugjl!<6;G`I
zGU8MfC88#&WFC4LpNA)k$~6U{1`pI7e@LU!xzuc_bks?q=ER7i(AVwn1md;@LPwzJ
zg@<RU1r~@?XBRQ%1V!^Imwah?;_`i%2?}@{nRiN8?j`hy+c|)a%A6T-v!fc_kh+^X
z(9=!IVzPP>Y8K)CKme#q?pDw7&IY^MK9kl59WeSb@M7mYn>CKpVA6nJ!R&-34xrII
zcgcLGf1f*PiIN!%m`SJ$?M5M&exCg)VZt<E^o)>AjmSyITtR=}5*({ugE>NVcdg)r
z<70zS(B&3XYG{D^QYw8Bw_X)VW-9<yiB-+mIbj7QySn*zG#Ka>7Ug2Vbf6MBPG=H4
z<|qvYy0%E+J+vk}C%;a=*k3r(@`>Qk3P1C{z?$W)c{?g>HF7g@5yzU+(AA7vv(uS2
zDh6XV`$COKuaB8hwQ8L22@E_p<3$~BDc%voLVzo~v8~8Qw#l`{;+FN*n-ueko~0`~
sIfBx}gU~f1o?1IRCXUjY+Qf43AAx($LI$cD-v9sr07*qoM6N<$f`thQrT_o{

literal 0
HcmV?d00001

diff --git a/packages/extension/src/ui/action/assets/swap/1inch-logo.png b/packages/extension/src/ui/action/assets/swap/1inch-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..255cb252136a2a038bda6820d482e6ac93237374
GIT binary patch
literal 2049
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

literal 0
HcmV?d00001

diff --git a/packages/extension/src/ui/action/assets/swap/changelly-logo.png b/packages/extension/src/ui/action/assets/swap/changelly-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8723fb0a20912c783d8b807e8a609ec238832256
GIT binary patch
literal 977
zcmV;?11|iDP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH17=A?K~#7F%~wrG
zR8bWE-Za`sl5Zra1ZAdHnc}GJ5-n<_1qE#sp;`oi3vJVn8>fv)8?A_fHU?6QS_o#V
zpaN|dDwcwfJrXo1az+%#%5LYJ_h!ub^UYuQ!OXm$JLi1oJLjHzuLhgY$NV}FIs*+2
zfaaq|9zf~lTP;9e2HlTC;Vs}A3{?9AcI;|f4baD~d*IO8$?$~@hqlm9|G62c?lF)K
z0g2eL)&-?HkO?%cFHm*sO2XHO>ztz2@ERg>R$!1C$K$Eth;`oS%d&HbEwU-Lqo8ee
zp7qG15u=17icT(_0}&<sdJF-5;zloW>wJR*7q<mTfhGNCWQd|2F4XPvqBOr4l?D4T
z9Gt?-rK$LX6}+4Zr$wU+8KBu+i<aUVa$16s<ylOw&Z8{fEuSRd>D{48KD5vx(f~Uc
zI(P|RelFtS_fZ6YuVQ4y6mr1RO3&U2q4=Qgsdjpu(q1!g-Z}q*B3_6P>83Q)&)gF=
z_&za|w05W2+wFmK+_bwK6_nqW;v;CAdnS42ya(4qIQ{7njEXMQ6&{fB$q9f{-{3SC
z76m)#E;&Uc3Z%eTa(2#`3@r$`i9=UK^3pta66rTF@Np4(Y>c!Dtu|t~=j$tpys@ZU
zQcyL0ThhW&GZ9w920Tu?D_mWnSMse$EGBZl^qeTcihLji80`Go-V-wQwv=C>bO&sr
zZSFZ9d>h5+%B(nE`V&H{F(B_omd(m%=S`#tt78`qYcsJWI0cMGD#Gww=gQ|=VDL3N
zXX&{h?LiB04H)$CB^$=Mtt{Awr<ST*<@}80zr5!tMSfDAcg_!`;9NkRP^k%;4oL|#
zyK5+~({jzfbH7Z{p8R+(1j_PtivF+^V`@<2Tmx^C4Uzs%5r?avrDw;(!H-f4l~zyS
zRHRIR_K!~9Kmu#MiDm;w7&cs%r;GGF^;iY&1AJdUbJu3oN5eH3UJd&w4eimdIdZP-
z@S+l2Ulk>|$EW9T6Z!+bo{L#sj#GlQ97`XNEt0|={4bEN@V4xqM&$CtoRYbQLCzyv
z{Rja$$<T%|$0Q8P2Vw}ABsdk0v&anzu^oLj*nS5ShN*<BIxB_AHpo_@Goro2Dd4A(
z=V2SX-&2q2qA%^kX)F=zcn%z+17{VobUgnH68(bV#Q4?m00000NkvXXu0mjfP36BB

literal 0
HcmV?d00001

diff --git a/packages/extension/src/ui/action/assets/swap/jupiter-logo.png b/packages/extension/src/ui/action/assets/swap/jupiter-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d056a8e702bd1b00dd1921dce7bac5e18816cc4
GIT binary patch
literal 2102
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

literal 0
HcmV?d00001

diff --git a/packages/extension/src/ui/action/assets/swap/okx-logo.png b/packages/extension/src/ui/action/assets/swap/okx-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..82b7fe2f9f5312472c82129748dd6a86fbdbc0bd
GIT binary patch
literal 327
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5|Bk1NV@L(#+wg;YO$I!=R*G_e{@?$yNaNK6
zA%!JxN*le)GbR^R)Hb_++m$9N_%%gl8q+Uf$#!myD2KIIoS1gMd7{6t^kD4?jY&Vv
z5Bz7e6Po^(DK4h-$|B~P9p`*A^b}HFov`7*)z#lpuQ5qz1@{)SoaLoP6L0dBIxfGm
zk6}O4ALat{#GA1Pjy+ubRj1(Id5f#p4(?IU<u#uz{L5iBtG?Iny<zvJo?`o09DRXl
zPauoBJqu97&&>_~hqoW7_&;&6@`J^bi+hweE4+DfIC6tc&mny^y#yJdW!FF3>s@nU
Uo6|G>9nhZ)p00i_>zopr00@<UfdBvi

literal 0
HcmV?d00001

diff --git a/packages/extension/src/ui/action/assets/swap/paraswap-logo.png b/packages/extension/src/ui/action/assets/swap/paraswap-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..7bb51a602cc6770f0aa6614e0845e93e526b7173
GIT binary patch
literal 1489
zcmV;?1upuDP)<h;3K|Lk000e1NJLTq001BW000^Y1^@s6)|*~G00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1!hS^K~#7FomPEJ
zRb?3eo%3F}R}e0sTtHNm3|-+zj>11&gQk|w=?brNiRKU~HMe3`Xszy?vzjc%oVk%D
zeb7*bLtBNdDa}pAvJp+4WQri7+_+rf%GbT;yglc<2fa8h+{<%!cg}ggp5OC(KHf*d
z_VzRA>s|;Z_h2kh1{so{GUM06WSlP<pb-^$mmR1t{R)@MZtLG6iiDTGn1{I=|AOll
zha^b>S91DIv`KLOU5M`&m(U2q;-Y9|ee8nkP6a+s&eg{VCPEMywObm|@2UkeNxGVV
zqH;t;-Z7Mi>54LTmZPH?uqLj@lG5oI2LrPHzx(5Q*k;gnCBOmP2kTTBH|y3J170jU
zFb9^nRpb^QoY#S83#ttROb9_V01~S5U1)7A!Gt(Aq7{;40v~8V<&v}XW!A?swp78{
zL~}CDNeUE}ffeP?(~M6)GXwyN{`{k+2)6h>sDr~-a8*HkDsc0cHO9dMSbg+G465m*
z+-Cq}=)B3XAorNxxj_REa@jG6t99F8ojwFgR}XU(gY(ug)U5j#L-eMv{T8kkuFuP|
z27sQ#!h@a!tUF!s(5MgqXtXm_W|zZaxkFZqan;LVO9C28wiwF2c=f_gba%y5+A82Y
z4Cc7sA&2)t;SxOeRHSB?V)+g;f)sz0!uMBd?1-Hq5r{!VCdv4x{v*^M=!QoBl!6GP
zWbQ|AhYFQICZ+)gN*AHmSq6)hL1G;4b_-J8DSl{F2mnL`pRk{U&vTyM!x3e5qhiq>
zh_v(K6~`fTwb3r7B0O3~S39MoL&fz^b|WrffIv&=?@<st?M-AAPeu@F`M94%1Yi9r
z2Tzi9Z4Iv(;|gBbn}Ugn8{vIG)+;h%lKNpQ+o^*-U)6_}hC)P6mMIpvo|c*0j$#~X
zsfnO%Yuk3fuDuI??($s3<|dB(CNJJ{bF4p?=VydavP<c}=4-0HrikKa`JrcwH38Ey
z(1f5|9PGo&is$fjPCYtXh#_vmq#3vIsd<{ATz&XlRh^Br6{q2D^-+K_Bt6lLy{1%*
zQlbN;ir09G(ww%sij<4@II6f;s_et&1qc&P=9~dzf9fE$wDk1OL{9BmjFOh4<*KL$
z8!m35$8>QBRYXa-gdcJ*K(OO~cZm3@KbQmCEN!)fo^}<pmwgHQF@^waj|M=3!y#j8
z#v$CNgXpeA0v%jmJX8^VBkW<Qd%GFEo}(}^Ml7hf@0^I}`5z(x3xNO#pWVyf5BEI_
zRXY_X3&VrXZ&2rGM&SJR>1Q^S<YRKGPp=jIZUs})K0xM<XpC^%1_Hn_?+qK`k_$1|
zEs9R;G>)^ow;IZQ7)|ON9&}uD(B&rUW!l*$BcrI?0Kmoqp!rrs_MY$1*{aof6_E)t
z+8f`+rLta(EusP*p1luIle(!mF{&L3tO+k8>ofA<@N9S-fbi|I!|8~KT?%inR_|p@
zh;riV`Nasn;~`7Q@@qeDfHheXEHncP@~Zue91(!{p1Zb6-yq2xG08Hn*KF{!E*KFk
z9A9}7;pQeiEmgYK!_D(xKeZG?v4Y_MB;C5)-&PUgIeHf)Guo(}K=qnak1PvX1XCCG
zWg>PK*Lwz6tBRRfm45n$<))zbJ+BM@-LR7NS^yE&zT*gsXrU~KCMyt<FiOR~&StQP
zZ4?XfT6d!drsr-Uj-+e7r7R6oUU1`mghlPefZHgq#DZ3Q<dE-^N5Y9T?$z9>)e;$;
z`p(4J3Tj`Ep`h*`0w80-rf94@(uH=qOe7X`OBJ$66d$Gtx;6O`9Gsdrl#?9x+Di0v
r&Cysw2u<a<ASeUWGo&npDW>9oWpxJ3+sw7Z00000NkvXXu0mjf+-AI!

literal 0
HcmV?d00001

diff --git a/packages/extension/src/ui/action/assets/swap/rango-logo.png b/packages/extension/src/ui/action/assets/swap/rango-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f4f1255942d0d56601c34f970eee94fdf04e470
GIT binary patch
literal 1111
zcmV-d1gQIoP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1MEpeK~#7Ftyj%!
z6G0T8-K1@r5?CSNN!T9LV^jPGR{94tJqm*9MZ6_N6i;>wUi4ym@*vXmDniqP=cXsY
zOY6~7173yhp`YnT{QZ)dGM(;bC#er6Gue6bzURF+j<5s|aB^}|?smH~_#0sM9mnyw
zhjoN?8}qK~y4$&2t{DMr=sIZ#Am)Q`6{DgU+5qqy5M~8Jx5cOejE|2mW2z0qI7X1L
z)9I`v?PudYO074rEQwnH1aDz%55!4ezJ;YPMgYbGOuq^`bv+Jb40)zYod3m~+G3*5
zTLw)AEL|C3w1M|n7b0s&KNNGNEtU<PD78I0I;w&hZ%s+V_wX$s{tW>j=`ydDumBMG
z0o<?oe7>QZS!z2E=GShFvd-!0X)Bf>O+PU)(M=n;75l)g6bgl+aX!HQRt#=P+9toT
zv9Xf+-m}2v<>fM@6lsvnW*31Qou8lIpPHJ=oSmJ$z~>rGt80t@o2GT>mgD2&3YPPt
zpUCLC8o7FqcF*FjM=;?X%mqmQ5(Hjho#zH)A(P3hV{Rq{;e1RYizX*0ryVdaV`C$U
ztJH{^lyTsW(u%IY^c;JC5s2@g-A`Rx8H9o8M}HFSMGCNnMI{LdW}k)0xnG6(>oEJ0
zz7Kyt#Q8@U-HVHh4(6v2DzM3(z+t*}{Q)@9;o;#f5S#o1+!_Ve0}F2X4YPm4@*eOw
zmu*uw6e_v=NkgPxX$jF!Bo%15X9&`P3qD|P8e?5p0&snYS7s0rf@=Z(Y^wkCz07RB
z)S?cYRXq_6Q%h0>0I=3Cfk8w6Xb8eypkY)!543kgN@jIsgbxA_IBPKZ4(|SyMidDC
zr^y$4nmA4fhI{gM^aRIPO`#pR>|}%m0I!7Guww=x1z~}~SYbk<u*{0W4t6QPFH7WJ
zPQXq0!y>~3Q!Ew>QiwK2h`m{9(Lg4knG||$7jtV6lI-^yvW#-PMZ|vrGw<Nw;4>`p
zTH#U<Sse+1Ohk!*0N&)xRJ@;1ctU11{Sg1NRWr`e_jBBrg{k)~rMT^r7K>3N?`~C@
zS!ksbS_ws%Q4j3{Rk);ei1!KOE{HzR>c2lodnUK5V#T1sU~mPdwjf$dDz&<GB#k)>
z&3hxRObeY@jG1|8%M?;G`*$10Qi1Tw5;`F^3J9W)LaSh^?LxL|vM%V>QEitPu6u4X
zf2cp#dO|RXR9lwRSR}Pww#<2(^bfIZIVN9kEX;03j0QJ4;#dK6P-Ygld>sK;(ih^M
zX_=IRZ!kg}&WRB~#?O2B{0Y){Y|XKHoKgr7dnPPF>k;d>dYtN@p68<9(ayv@&-pax
d6MdNH`9JXVd;xFE^-%x-002ovPDHLkV1oSq^O*nu

literal 0
HcmV?d00001

diff --git a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
index 059de9985..7ea5c9419 100644
--- a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
+++ b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
@@ -1,10 +1,13 @@
 <template>
   <a class="best-offer-list-item" @click="select">
+    <div>
+      <img :src="providersDetails[props.provider].logo" />
+    </div>
     <div class="best-offer-list-item__info">
       <p>
         {{
           props.provider
-            ? providerNameProper[props.provider]
+            ? providersDetails[props.provider].name
             : 'Unknown Provider'
         }}
       </p>
@@ -25,7 +28,8 @@
 import DoneIcon from '@action/icons/common/done_icon.vue';
 import LottieStatusJson from '@action/assets/animation/status.json';
 import { Vue3Lottie } from 'vue3-lottie';
-import { ProviderName, providerNameProper } from '@enkryptcom/swap/src/types';
+import { ProviderName } from '@enkryptcom/swap/src/types';
+import providersDetails from '@/libs/utils/providersDetails';
 import { PropType } from 'vue';
 
 const props = defineProps({
@@ -91,8 +95,8 @@ const props = defineProps({
   }
 
   img {
-    width: 32px;
-    height: 32px;
+    width: 20px;
+    height: 20px;
     margin-right: 8px;
   }
 
diff --git a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
index 62ecbcfeb..5ecbed79e 100644
--- a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
+++ b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
@@ -2,7 +2,8 @@
   <div class="swap-best-offer-block">
     <h3>
       Best offer including network fee powered by
-      {{ providerNameProper[props.pickedTrade.provider] }}
+      <img :src="providersDetails[props.pickedTrade.provider].logo" />
+      {{ providersDetails[props.pickedTrade.provider].name }}
     </h3>
     <div class="swap-best-offer-block__for">
       for<img :src="fromToken.logoURI" />
@@ -44,7 +45,14 @@
       />
     </div>
     <div class="swap-best-offer-block__info">
-      <p>Provider: {{ providerNameProper[props.pickedTrade.provider] }}</p>
+      <p>
+        Provider:
+        <img
+          height="15px"
+          :src="providersDetails[props.pickedTrade.provider].logo"
+        />
+        {{ providersDetails[props.pickedTrade.provider].name }}
+      </p>
       <p>
         Rate: 1 {{ fromToken.symbol.toUpperCase() }} ≈
         {{ $filters.formatFloatingPointValue(ratio).value }}
@@ -93,7 +101,7 @@ import {
   SwapToken,
 } from '@enkryptcom/swap';
 import { imageLoadError } from '@/ui/action/utils/misc';
-import { providerNameProper } from '@enkryptcom/swap/src/types';
+import providersDetails from '@/libs/utils/providersDetails';
 
 interface SwapBestOfferProps {
   trades: ProviderSwapResponse[];
@@ -183,6 +191,11 @@ const toggleOffers = () => {
     letter-spacing: 0.15px;
     color: @primaryLabel;
     margin: 0 0 8px 0;
+
+    img {
+      margin-left: 2px;
+      width: 15px;
+    }
   }
 
   &__for {
diff --git a/packages/swap/src/types/index.ts b/packages/swap/src/types/index.ts
index 7f9f6967b..72a643e8f 100644
--- a/packages/swap/src/types/index.ts
+++ b/packages/swap/src/types/index.ts
@@ -144,17 +144,6 @@ export enum ProviderNameProper {
   okx = "Okx",
 }
 
-export const providerNameProper = {
-  [ProviderName.changelly]: ProviderNameProper.changelly,
-  [ProviderName.oneInch]: ProviderNameProper.oneInch,
-  [ProviderName.oneInchFusion]: ProviderNameProper.oneInchFusion,
-  [ProviderName.paraswap]: ProviderNameProper.paraswap,
-  [ProviderName.zerox]: ProviderNameProper.zerox,
-  [ProviderName.rango]: ProviderNameProper.rango,
-  [ProviderName.jupiter]: ProviderNameProper.jupiter,
-  [ProviderName.okx]: ProviderNameProper.okx,
-};
-
 // eslint-disable-next-line no-shadow
 export enum TransactionStatus {
   pending = "pending",

From 859e38689e31c11ed6df383dbabb1852b0284ae8 Mon Sep 17 00:00:00 2001
From: Gamaliel Padillo <gamalielgad1234@gmail.com>
Date: Thu, 20 Nov 2025 15:40:15 -0800
Subject: [PATCH 3/5] devop: coderabbit recs

---
 .../components/best-offer-list-item.vue                      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
index 7ea5c9419..83e87da30 100644
--- a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
+++ b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
@@ -1,7 +1,10 @@
 <template>
   <a class="best-offer-list-item" @click="select">
     <div>
-      <img :src="providersDetails[props.provider].logo" />
+      <img
+        v-if="providersDetails[props.provider]"
+        :src="providersDetails[props.provider].logo"
+      />
     </div>
     <div class="best-offer-list-item__info">
       <p>

From 10423f3bd3f70188a7e96993add7566431a89ab1 Mon Sep 17 00:00:00 2001
From: Gamaliel Padillo <gamalielgad1234@gmail.com>
Date: Thu, 20 Nov 2025 18:58:02 -0800
Subject: [PATCH 4/5] feat: add blocked landing

---
 packages/extension/blocked.html               |  21 +++
 .../src/ui/action/icons/actions/mnemonic.vue  |  17 +++
 .../components/best-offer-list-item.vue       |   3 +-
 .../swap-best-offer-block/index.vue           |   2 +-
 packages/extension/src/ui/blocked/App.vue     | 122 ++++++++++++++++
 packages/extension/src/ui/blocked/blocked.vue | 135 ++++++++++++++++++
 packages/extension/src/ui/blocked/index.html  |  20 +++
 packages/extension/src/ui/blocked/main.ts     |  27 ++++
 packages/extension/src/ui/blocked/routes.ts   |   4 +
 .../src/ui/blocked/user-analytics.vue         | 106 ++++++++++++++
 packages/extension/vite.config.ts             |   1 +
 11 files changed, 455 insertions(+), 3 deletions(-)
 create mode 100644 packages/extension/blocked.html
 create mode 100644 packages/extension/src/ui/action/icons/actions/mnemonic.vue
 create mode 100644 packages/extension/src/ui/blocked/App.vue
 create mode 100644 packages/extension/src/ui/blocked/blocked.vue
 create mode 100644 packages/extension/src/ui/blocked/index.html
 create mode 100644 packages/extension/src/ui/blocked/main.ts
 create mode 100644 packages/extension/src/ui/blocked/routes.ts
 create mode 100644 packages/extension/src/ui/blocked/user-analytics.vue

diff --git a/packages/extension/blocked.html b/packages/extension/blocked.html
new file mode 100644
index 000000000..a9507fb77
--- /dev/null
+++ b/packages/extension/blocked.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <link rel="icon" href="/favicon.ico" />
+  <title>Enkrypt Extension - Everything in the blockchain made easy</title>
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but Enkrypt doesn't work properly without JavaScript
+      enabled. Please enable it to continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <script type="module" src="/src/ui/blocked/main.ts"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/extension/src/ui/action/icons/actions/mnemonic.vue b/packages/extension/src/ui/action/icons/actions/mnemonic.vue
new file mode 100644
index 000000000..834dcf7a8
--- /dev/null
+++ b/packages/extension/src/ui/action/icons/actions/mnemonic.vue
@@ -0,0 +1,17 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="#444"
+    stroke-width="1.6"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <rect x="6" y="3" width="12" height="18" rx="2" ry="2" />
+    <path d="M9 3.5V2.8C9 2.36 9.36 2 9.8 2h4.4c.44 0 .8.36.8.8v.7" />
+    <rect x="9" y="3" width="6" height="2.8" rx="0.6" ry="0.6" fill="#fff" />
+    <path d="M9 9h6M9 13h4M9 17h3" stroke="#888" />
+  </svg>
+</template>
diff --git a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
index 83e87da30..1faeb26cb 100644
--- a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
+++ b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/components/best-offer-list-item.vue
@@ -81,7 +81,7 @@ const props = defineProps({
 .best-offer-list-item {
   height: 56px;
   width: 100%;
-  padding: 8px 12px;
+  padding: 8px 4px;
   box-sizing: border-box;
   display: flex;
   justify-content: flex-start;
@@ -99,7 +99,6 @@ const props = defineProps({
 
   img {
     width: 20px;
-    height: 20px;
     margin-right: 8px;
   }
 
diff --git a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
index 5ecbed79e..093716e02 100644
--- a/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
+++ b/packages/extension/src/ui/action/views/swap/views/swap-best-offer/components/swap-best-offer-block/index.vue
@@ -194,7 +194,7 @@ const toggleOffers = () => {
 
     img {
       margin-left: 2px;
-      width: 15px;
+      width: 20px;
     }
   }
 
diff --git a/packages/extension/src/ui/blocked/App.vue b/packages/extension/src/ui/blocked/App.vue
new file mode 100644
index 000000000..11b6b30c1
--- /dev/null
+++ b/packages/extension/src/ui/blocked/App.vue
@@ -0,0 +1,122 @@
+<template>
+  <div class="blocked__container">
+    <logo class="blocked__logo" />
+    <div class="blocked__wrap">
+      <router-view />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="less">
+@import '@action/styles/theme.less';
+@import (css)
+  url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');
+
+body {
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  overflow: hidden;
+  font-size: 0;
+  font-family: 'Roboto', sans-serif;
+  overflow-y: auto;
+}
+
+.blocked {
+  &__logo {
+    position: absolute;
+    left: 32px;
+    top: 24px;
+  }
+
+  &__back {
+    position: absolute;
+    top: 8px;
+    left: 8px;
+    border-radius: 8px;
+    cursor: pointer;
+    padding: 8px;
+    transition: background 300ms ease-in-out;
+
+    &:hover {
+      background: @black007;
+    }
+  }
+
+  &__container {
+    background-color: @lightBg;
+    width: 100vw;
+    height: 100vh;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    min-height: 700px;
+  }
+
+  &__wrap {
+    width: 460px;
+    height: 650px;
+    background: @white;
+    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
+    border-radius: 12px;
+    padding: 40px;
+    box-sizing: border-box;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    overflow: hidden;
+
+    &--ready {
+      background: transparent;
+      box-shadow: none;
+    }
+
+    &--auto-height {
+      height: auto;
+      max-height: 600px;
+    }
+  }
+
+  &__info {
+    position: absolute;
+    right: 8px;
+    top: 8px;
+    background: @tip;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    width: 301px;
+    height: 96px;
+    border-radius: 10px;
+    padding: 12px 20px;
+    box-sizing: border-box;
+
+    h4 {
+      font-style: normal;
+      font-weight: 500;
+      font-size: 16px;
+      line-height: 24px;
+      color: @primaryLabel;
+      margin: 0;
+    }
+
+    p {
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      color: @black07;
+      margin: 0;
+    }
+  }
+
+  &__online {
+    width: 16px;
+    height: 16px;
+  }
+}
+</style>
diff --git a/packages/extension/src/ui/blocked/blocked.vue b/packages/extension/src/ui/blocked/blocked.vue
new file mode 100644
index 000000000..f3bb9ad92
--- /dev/null
+++ b/packages/extension/src/ui/blocked/blocked.vue
@@ -0,0 +1,135 @@
+<template>
+  <div class="blocked-page">
+    <logo-big class="blocked-page__logo" />
+    <h3>Access restricted</h3>
+    <p>
+      Unfortunately we are unable to service your geographic region. Your funds
+      are safe, and you can access them in another wallet by using your recovery
+      phrase.
+    </p>
+    <p>We apologize for the inconvenience.</p>
+    <a href="#">More info</a>
+    <div class="blocked-page__divider-top"></div>
+    <div class="blocked-page__content">
+      <div class="blocked-page__content__header">
+        <mnemonic />
+        <h4>View My Secret Recovery Phrase</h4>
+        <arrow-next />
+      </div>
+      <p class="blocked-page__content__body">
+        Use this phrase to restore access to your funds in another wallet. Don't
+        show this to anyone
+      </p>
+    </div>
+    <div class="blocked-page__divider-bottom"></div>
+    <div class="blocked-page__footer">
+      <a href="#">Contact support</a>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import arrowNext from '../action/icons/common/arrow-next.vue';
+import mnemonic from '../action/icons/actions/mnemonic.vue';
+import LogoBig from '@action/icons/common/logo-big.vue';
+</script>
+
+<style lang="less">
+@import '@action/styles/theme.less';
+
+.blocked-page {
+  &__footer {
+    text-align: center;
+    padding-top: 50px;
+
+    a {
+      text-decoration: none !important;
+    }
+  }
+  &__logo {
+    margin-bottom: 24px;
+  }
+
+  &__divider-top {
+    width: 100%;
+    height: 1px;
+    background: @darkBg;
+    margin: 50px 0 20px;
+  }
+  &__divider-bottom {
+    width: 100%;
+    height: 1px;
+    background: @darkBg;
+    margin: 20px 0 50px;
+  }
+  &__content {
+    &__header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      svg {
+        width: 35px !important;
+        height: 35px !important;
+      }
+    }
+    &__body {
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px !important;
+      line-height: 20px;
+      letter-spacing: 0.25px;
+      margin: 32px 0 16px 0 !important;
+      padding: 0 20px;
+      color: @primaryLabel;
+    }
+  }
+
+  h3 {
+    font-style: normal;
+    font-weight: 700;
+    font-size: 34px;
+    line-height: 40px;
+    letter-spacing: 0.25px;
+    color: @primaryLabel;
+    margin: 0 0 16px 0;
+  }
+
+  h4 {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 26px;
+    letter-spacing: 0.25px;
+    color: @primaryLabel;
+    margin: 0;
+  }
+
+  p {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 20px;
+    letter-spacing: 0.25px;
+    margin: 0 0 16px 0;
+    color: @primaryLabel;
+  }
+  a {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 20px;
+    letter-spacing: 0.25px;
+    margin: 0 0 16px 0;
+    color: @primaryLabel;
+    text-decoration: underline;
+  }
+
+  &__buttons {
+    text-align: center;
+
+    a {
+      margin-top: 8px;
+    }
+  }
+}
+</style>
diff --git a/packages/extension/src/ui/blocked/index.html b/packages/extension/src/ui/blocked/index.html
new file mode 100644
index 000000000..733be2e4b
--- /dev/null
+++ b/packages/extension/src/ui/blocked/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="/favicon.ico" />
+    <title>Enkrypt Extension - Everything in the blockchain made easy</title>
+  </head>
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but Enkrypt doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/ui/onboard/main.ts"></script>
+  </body>
+</html>
diff --git a/packages/extension/src/ui/blocked/main.ts b/packages/extension/src/ui/blocked/main.ts
new file mode 100644
index 000000000..81ceb24fc
--- /dev/null
+++ b/packages/extension/src/ui/blocked/main.ts
@@ -0,0 +1,27 @@
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
+import App from './App.vue';
+import { createRouter, createWebHashHistory } from 'vue-router';
+import routes from './routes';
+import * as filters from '@action/utils/filters';
+
+global.WeakMap = WeakMap;
+
+if (import.meta.env.DEV) {
+  globalThis.__ENKRYPT_DEBUG_LOG_CONF__ = import.meta.env.VITE_DEBUG_LOG;
+}
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes,
+});
+
+const app = createApp(App);
+const pinia = createPinia();
+
+app.use(router);
+app.use(pinia);
+
+app.config.globalProperties.$filters = filters;
+
+app.mount('#app');
diff --git a/packages/extension/src/ui/blocked/routes.ts b/packages/extension/src/ui/blocked/routes.ts
new file mode 100644
index 000000000..d45ced1b7
--- /dev/null
+++ b/packages/extension/src/ui/blocked/routes.ts
@@ -0,0 +1,4 @@
+import Blocked from './blocked.vue';
+
+const routes = [{ path: '/', component: Blocked, name: 'blocked' }];
+export default routes;
diff --git a/packages/extension/src/ui/blocked/user-analytics.vue b/packages/extension/src/ui/blocked/user-analytics.vue
new file mode 100644
index 000000000..895dfc98d
--- /dev/null
+++ b/packages/extension/src/ui/blocked/user-analytics.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="new-wallet">
+    <logo-big class="new-wallet__logo" />
+    <h3>
+      Privacy and<br />
+      Data collection.
+    </h3>
+    <p>We collect the following anonymous data about your use of Enkrypt:</p>
+    <p>
+      Blockchain, browser, operating system, session time, actions and page
+      views per visit, which we collect to enhance user experience with our
+      Services, and support our operations:
+    </p>
+    <p>
+      Choosing to decline anonymous data collection will have no impact on your
+      experience using the Enkrypt browser extension. Full details about the
+      anonymous data we collect and what we do with it are provided in our
+      <a href="https://www.myetherwallet.com/privacy-policy" target="_blank"
+        >Privacy Policy</a
+      >.
+    </p>
+
+    <div class="new-wallet__buttons">
+      <base-button title="Agree to anonymous data collection" :click="agree" />
+      <base-button
+        title="Deny anonymous data collection"
+        :no-background="true"
+        :click="deny"
+      />
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import LogoBig from '@action/icons/common/logo-big.vue';
+import BaseButton from '@action/components/base-button/index.vue';
+import SettingsState from '@/libs/settings-state';
+import { optOutofMetrics } from '@/libs/metrics';
+import { useRouter, useRoute } from 'vue-router';
+
+const router = useRouter();
+const route = useRoute();
+
+const settingsState = new SettingsState();
+
+const agree = async () => {
+  const enkryptSettings = await settingsState.getEnkryptSettings();
+  enkryptSettings.isMetricsEnabled = true;
+  await settingsState.setEnkryptSettings(enkryptSettings);
+  optOutofMetrics(false);
+  if (route.name === 'user-privacy') {
+    window.close();
+  } else {
+    router.push({ name: 'new-wallet' });
+  }
+};
+
+const deny = async () => {
+  const enkryptSettings = await settingsState.getEnkryptSettings();
+  enkryptSettings.isMetricsEnabled = false;
+  await settingsState.setEnkryptSettings(enkryptSettings);
+  optOutofMetrics(true);
+  if (route.name === 'user-privacy') {
+    window.close();
+  } else {
+    router.push({ name: 'new-wallet' });
+  }
+};
+</script>
+
+<style lang="less">
+@import '@action/styles/theme.less';
+
+.new-wallet {
+  &__logo {
+    margin-bottom: 24px;
+  }
+
+  h3 {
+    font-style: normal;
+    font-weight: 700;
+    font-size: 34px;
+    line-height: 40px;
+    letter-spacing: 0.25px;
+    color: @primaryLabel;
+    margin: 0 0 16px 0;
+  }
+
+  p {
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.25px;
+    margin: 0 0 16px 0;
+    color: @primaryLabel;
+  }
+
+  &__buttons {
+    text-align: center;
+
+    a {
+      margin-top: 8px;
+    }
+  }
+}
+</style>
diff --git a/packages/extension/vite.config.ts b/packages/extension/vite.config.ts
index 7521ab0b6..60a5643d8 100644
--- a/packages/extension/vite.config.ts
+++ b/packages/extension/vite.config.ts
@@ -105,6 +105,7 @@ export default defineConfig({
       input: {
         action: 'action.html',
         onboard: 'onboard.html',
+        blocked: 'blocked.html',
         index: 'index.html',
       },
       output: {

From 28c34e95e027146da00750fbfa2730047b91d9ee Mon Sep 17 00:00:00 2001
From: Gamaliel Padillo <gamalielgad1234@gmail.com>
Date: Thu, 20 Nov 2025 19:19:56 -0800
Subject: [PATCH 5/5] devop: remove unused file

---
 .../src/ui/blocked/user-analytics.vue         | 106 ------------------
 1 file changed, 106 deletions(-)
 delete mode 100644 packages/extension/src/ui/blocked/user-analytics.vue

diff --git a/packages/extension/src/ui/blocked/user-analytics.vue b/packages/extension/src/ui/blocked/user-analytics.vue
deleted file mode 100644
index 895dfc98d..000000000
--- a/packages/extension/src/ui/blocked/user-analytics.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<template>
-  <div class="new-wallet">
-    <logo-big class="new-wallet__logo" />
-    <h3>
-      Privacy and<br />
-      Data collection.
-    </h3>
-    <p>We collect the following anonymous data about your use of Enkrypt:</p>
-    <p>
-      Blockchain, browser, operating system, session time, actions and page
-      views per visit, which we collect to enhance user experience with our
-      Services, and support our operations:
-    </p>
-    <p>
-      Choosing to decline anonymous data collection will have no impact on your
-      experience using the Enkrypt browser extension. Full details about the
-      anonymous data we collect and what we do with it are provided in our
-      <a href="https://www.myetherwallet.com/privacy-policy" target="_blank"
-        >Privacy Policy</a
-      >.
-    </p>
-
-    <div class="new-wallet__buttons">
-      <base-button title="Agree to anonymous data collection" :click="agree" />
-      <base-button
-        title="Deny anonymous data collection"
-        :no-background="true"
-        :click="deny"
-      />
-    </div>
-  </div>
-</template>
-<script setup lang="ts">
-import LogoBig from '@action/icons/common/logo-big.vue';
-import BaseButton from '@action/components/base-button/index.vue';
-import SettingsState from '@/libs/settings-state';
-import { optOutofMetrics } from '@/libs/metrics';
-import { useRouter, useRoute } from 'vue-router';
-
-const router = useRouter();
-const route = useRoute();
-
-const settingsState = new SettingsState();
-
-const agree = async () => {
-  const enkryptSettings = await settingsState.getEnkryptSettings();
-  enkryptSettings.isMetricsEnabled = true;
-  await settingsState.setEnkryptSettings(enkryptSettings);
-  optOutofMetrics(false);
-  if (route.name === 'user-privacy') {
-    window.close();
-  } else {
-    router.push({ name: 'new-wallet' });
-  }
-};
-
-const deny = async () => {
-  const enkryptSettings = await settingsState.getEnkryptSettings();
-  enkryptSettings.isMetricsEnabled = false;
-  await settingsState.setEnkryptSettings(enkryptSettings);
-  optOutofMetrics(true);
-  if (route.name === 'user-privacy') {
-    window.close();
-  } else {
-    router.push({ name: 'new-wallet' });
-  }
-};
-</script>
-
-<style lang="less">
-@import '@action/styles/theme.less';
-
-.new-wallet {
-  &__logo {
-    margin-bottom: 24px;
-  }
-
-  h3 {
-    font-style: normal;
-    font-weight: 700;
-    font-size: 34px;
-    line-height: 40px;
-    letter-spacing: 0.25px;
-    color: @primaryLabel;
-    margin: 0 0 16px 0;
-  }
-
-  p {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 20px;
-    letter-spacing: 0.25px;
-    margin: 0 0 16px 0;
-    color: @primaryLabel;
-  }
-
-  &__buttons {
-    text-align: center;
-
-    a {
-      margin-top: 8px;
-    }
-  }
-}
-</style>