From 4eb63d6f417408f2fc9b1f2e48a99bcb345b9d45 Mon Sep 17 00:00:00 2001 From: Bernhard Wittmann Date: Wed, 14 Oct 2026 12:38:28 +0000 Subject: [PATCH] feat: Update Browser Use extension to n8n rebrand (no-changelog) (#41096) --- .../mcp-browser-extension/icons/icon-128.png | Bin 7806 -> 1447 bytes .../mcp-browser-extension/icons/icon-16.png | Bin 1958 -> 322 bytes .../mcp-browser-extension/icons/icon-32.png | Bin 2619 -> 469 bytes .../mcp-browser-extension/icons/icon-48.png | Bin 3394 -> 661 bytes .../@n8n/mcp-browser-extension/manifest.json | 2 +- .../@n8n/mcp-browser-extension/package.json | 2 +- .../@n8n/mcp-browser-extension/src/ui/App.vue | 24 +++++++----------- .../src/ui/components/InfoRow.vue | 6 ++--- .../src/ui/components/RememberedHosts.vue | 8 +++--- .../src/ui/components/TabItem.vue | 6 ++--- .../src/ui/components/TabList.vue | 2 -- .../mcp-browser-extension/src/ui/tokens.scss | 3 +-- 12 files changed, 22 insertions(+), 31 deletions(-) diff --git a/packages/@n8n/mcp-browser-extension/icons/icon-128.png b/packages/@n8n/mcp-browser-extension/icons/icon-128.png index fefebf9d00ea8265bbe5cc36a27166465dcff039..28f333a6b976829812b3045833d544dc15e7439a 100644 GIT binary patch literal 1447 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 diff --git a/packages/@n8n/mcp-browser-extension/icons/icon-16.png b/packages/@n8n/mcp-browser-extension/icons/icon-16.png index 09d673ae5d656994037531c17ea119ef3343e86b..08fe2b23b1fa19340e210552c0823ef48f9ccbf1 100644 GIT binary patch delta 296 zcmV+@0oVSf55fYFBYyz*NklKzoYYuvX+c~1*Pl0J4T)5vk=R4=SaE}NGzC28T@fluKs0JT6n=^Z~ zVX=4(b-~g}1M~m@74)0yhj&zJEBMa>bM@HfcGA=_Fzj zJYG+@<6#)vT`w39Qf?o&AWNMnrYpU?1M03}(8Wf&(#<(ZIElPCUvfZ6nnDxI{vhJA z)W!%)IXM~QU5lp^#O!;ri3HQ3k#kb4VSKgc&;Wn=2R_t?FVI#&U7%K=m87lu(Fv`y uMcOw200960j3NGVVE_OC21!IgR09Agt7e?c*G+H$0000_sZte*oru^%nrSUnTN$+_B$mV^K^WTCY44wSGhetG zzc5K(nLM1;qV1J8sV=UqQUjlRHdFs(p36lsI^uY8aXk3x>$zIFC&j+wcRm_hUWIf| zj%+n=9|SGdIN`)nU!;syoAg0vh`_$m;|Jb}l2*GtG9&&wGF-FJLdeY5U5$YIx3}fj z9t_<2RWH@YR$H?&W1l;odT0T*%o~)JH zpXp9Adh$ATr)BKq=@Vl=VynzK z<*4N>|A^r#6=e2Wb|gnHDItBo!Dd0^$+2F(r4=9*0jXF}Mk?NUKD{*6dFstR(CiYt z-?JzfL|T_0z}9$`ovS2QSetBoG^r|rCleSB8`8xi@YzW_s?eNSZo-Y|b$K72`yZN-&(!Gd9Gc4IFg(ER59oEEs#r?jMSmNLUPa1yP!(65sCWG z(z<$Q`Tn3NiRZ;>pvxK@;s@l!`)G3ph|6V(~C(_p9Dr@+bgc%k}p`)1Q z(Dw|K5R2RhDC9kb5n>MYuy=ykP-#Snkq%M^3B`aQ5D1z^2t+w!?LNwdZ{|=EgAtBG zAflq8bfWZisI(x2uBoXh0;z}4(}N2caC$U_;m3qi=&%n-{+kC&qzBN*;S4gB0ukl) z^QT5I%%McM_T8&y^_jk8KGXM2I2?T^%IiQ*NOYE%KtA$V_6W2bLU0q|k*m zFh&MQ^n3pQL_SyiLV5B3D!+()RH6~02EJ(M!?fOeh2z42(1=f?$ADreSD?a!3dCcr zTuc;}v&_y)oCl`_QMPJA@`{o(<%hZ*Y{4g3DZUD+GHypNdwOv7YmD4CS~Y9suI!lx{5j^dw_H9*`9;ff zrd~CW#tVCS={VQ;)H(6X-Qe#soE|1AkP(TNj_t?Td^5YO^;VoK=l9m9O=gzS-}2Hb zMtBmGn;Q!a1+J5u-Fa7UlW)E@W=VgYy|~b4bv8AFyJ=(u3dSC-Y|Tg>pORMA7+_PveO@b*q4t{Z6@7xtl{iFntTMb@voJaX5_pT PT>!kT1GdK6_ws)L{y$r) diff --git a/packages/@n8n/mcp-browser-extension/icons/icon-32.png b/packages/@n8n/mcp-browser-extension/icons/icon-32.png index 92cd18efacd884914a9568234b2b8f2c0bf6544e..3deb97470bba16b86db86556672f2d3110904236 100644 GIT binary patch delta 444 zcmV;t0Ym<~6x9QeBYy#kNklzsS}7976uRu zbm0gr9Vmi<1tun#D!~P+aDq-Ch6=buM2zj!m7CTkqKVDWZ)uaK=lA>hS16vu2goSC2hMNA-({3b41b~nA>wWJN;+u+;^>UnJd?DQNbMiws;<#0;1s?$|lzg$X3rH5*>&vUC=qUTn+Jy2W}>r zZ8aBfR5zxIn}6hu*TrwUxjBAsJ%Xr!^UW5Y#Y6|P$O)H1+Rd#A)f#<6zRoVEVzQf^ z{*yIVOV21!IgR09Ch1(mDGdb`a40000^fV9UJd4@uxcqZ*Z#*$~{)H}-ute>wK!1aWDC|5k&F zTlRz;r;7Ar*v!x*wQH76*Cn;a3>=IZfStIRrJNj}LiUFwVT!}_7%905j-_@8voMWV;3^d0PHVnK0Ij0vz7Ch0kIs=EJk%O|apK-^ zUVtzoo*dq)*W0;dx>I}7GanQlYnLxDEA$J1IjIb*j@p3!Qf-4(PVP%{3e@cSlDye4 zE8))>vjhvk>W&QPl=j|qD>y*<^^vD+=btA)fzHMD{ zD#+uT%+QhKmrj*KIM%KjcgH!^DwGO)){)}UC&#*NMl*XkD9dmz$j{S2f;|)?}rNr{j4_6k0aHdAGKTs_722y#Vw3F)@v-NzjOq}G~wOo=3n*EeyB2- zLx?xEq}WBnaf?%?4-nHxrtt;vy6sGF^cZ9W_iSXy$j41hOrt)$CQ=BLi;OGX?o2qr zli+z#hDb3F8jf664_>M&c>jH{%+{a|2!I-6G^x_oL`jSG#NN`P7zNI|ZJ(xMU;zm;E# zwbFlI^=l__HAIicC)zVw9VKSa78WnXNO^Yd^Xf2R{%N1!WGc3xruO$wH`;rqr+h$F zs>%`qGcWEcE;P;2jt-U!*5(Ax0IDymYPaDn_I4#lBg-&E3a|E#!l@0{IvpWqCD*`q zV4vodfT@;cKqac2ylzKUp!+a5wco_Iw>q7b?yrzp_~u5&$xQ&>MYnjcws)gqzH$vS z01bCpTr4>yDfHui2VrSBpiwOnVT)u+xP0)V#$~gXH#q_21jJqKxwKY z^?vaGC-P6le<@x5ukv4!zmwGh@LbaUT2=BhKgDQ~Rn(`ovhfi#7$g8_*h&8Do5;whuPKQ>PL1-x!X=eki ztp$GN2`x#J_K2=NT*6bQ`AogmMx$)-_o#Z&L&iDdK0NDNEaF98PL(bD_?Y>^Bo;-7 z@luBot@aUYUwxI6hX)tI!*m1+2MZebor`wM*IXm2p5lCC$wm;b9I-LcmJM zs$Z@=XKSd$E#ErfDWagk4S;lS9xdi=-mb}kNZ69l;+mIkZq{UTXF6A+I|jaC1jIOL zOdP>4tV{~jywYh@FPii0m4b-hgO2#5A@s9N(P}*R(N=pl4mB*Rc%wF%t*hQotxnZD zrklm8qYKtD*2lZb8j68$0y`IghVK74vz*ZSt#BFG839y^v(=3i@jh~XY-uoJ=V2?p z6KOZ61&AK}}wINa>RL*PbpR{D5C`6oV6&eV7%eF#rrk zUQ9b-h%-;_2QZBg;h_bRjV;dxyOUP4CAHM(&s1I3Dvq`CEruPclau?b5aavXS&6C_ zyHDhs&WkqosOQM34n1;5<=nM7T&QV)3x%Wf>rw>4M#qi!7g9%vCbGn zd1c%&%PNU~{@#*jZROM>`-<$s;Kq%-Y5vWXC#CjZOo7xJYuha&o2fS6Y4x<@+wX1W zg*#X3c*2xsg)YI1PcUXw)gK#--n^Zypr@og)b5mBnJN*sc3Ctr$w_=GJT8nMy7t9b z3Zh*c@e-<(q$s~JS6D5hq-Q4lX~^``G1=vQ#FPWKquuz<84CPhVhd^222Yja=we(=<`J*I|5x8sc|3-)#J{q2n4rl#8slM4@)YQlV6v$mY4T6L##Q*Tzri0geL%zaQ8(3NGRgp&pAh>ZZhqpq3uO=L*%X4`6KCPMB`ip_ zu7;Gsw5kNFaAmjBn{Nd-0`@HGkO)OvTjshW6Mq>^1snHygzW#y7G`ME$Hrb){{%q) Bp;!O_ diff --git a/packages/@n8n/mcp-browser-extension/icons/icon-48.png b/packages/@n8n/mcp-browser-extension/icons/icon-48.png index e8d3ddd4a5bcfc537dec93678a7e1a4edaf3492d..5ac1ee2fda51efcb7e34109fefa78cbc3886923e 100644 GIT binary patch delta 637 zcmV-@0)qX*8kGf*BYy%)NklL6-oMFpKII0`~X)AQY>Dc6|NTy2}2(Kojww?57 zpg3UweiH`ZH-FLr?A=_!UFp@cEjv2l+eRt?OHcuBOK%?S3;gJWZ<}xp_)Xvf=)jpBW*6z<9irjv3VCc`j zoe-KfsB9z>Om{O3qIkFLF@GKa~j8JKW!Y}a&= zi`BTRt*q~s0L2^vHRfVtv4!nu13?>kBn_ch#toA*PfihsXKECwCu4?;$)%m6? z5bR8tVwav#w~_H5umc{OV|Nq$KC}jWu00v1!K~w_( X*?#tDvfg)g00000NkvXXu0mjf=WH)7 literal 3394 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 diff --git a/packages/@n8n/mcp-browser-extension/manifest.json b/packages/@n8n/mcp-browser-extension/manifest.json index d66fc746221..8a9a405bb0c 100644 --- a/packages/@n8n/mcp-browser-extension/manifest.json +++ b/packages/@n8n/mcp-browser-extension/manifest.json @@ -2,7 +2,7 @@ "manifest_version": 3, "name": "n8n Browser Use", "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvRoWEdJjhgP9qs6R1jcemywrw+I91EJZtYur5C97hjjUc5nPao4jSv1qXFksdKuMddb9IEvzBElr5EYsXSaiVqdbRl8Gge0xYV1gGga653T2d9BuXL7NKv/wZxJ2i/coHSjhhIULQUBAVwu0JFMbHY5T8LfqrzBljuY7u1Xa7jmLmx0QrsoKLbGUoOBVZz4ztEGKEQHEelgg+ph2LrcYJczMBZ80PaHQAaWrvbCYF4vnZLd++Svy70ZCt7gr93L8BXHc8j1c3VojQTk+Uvqhm/4nZdYHlEmruQkd0pE+zTyegbcDlw0oc+6sLbsc0CqmJz8zH0OvSTfSVK7h6LNwbQIDAQAB", - "version": "0.0.8", + "version": "0.0.9", "description": "Let n8n AI set up credentials, fill out forms, and automate anything in your browser", "permissions": ["debugger", "activeTab", "tabs", "storage", "webNavigation"], "host_permissions": [""], diff --git a/packages/@n8n/mcp-browser-extension/package.json b/packages/@n8n/mcp-browser-extension/package.json index 38b3988a55c..d4ba6928191 100644 --- a/packages/@n8n/mcp-browser-extension/package.json +++ b/packages/@n8n/mcp-browser-extension/package.json @@ -1,6 +1,6 @@ { "name": "@n8n/mcp-browser-extension", - "version": "0.0.8", + "version": "0.0.9", "private": true, "description": "Chrome extension that lets n8n AI control browser tabs via CDP", "scripts": { diff --git a/packages/@n8n/mcp-browser-extension/src/ui/App.vue b/packages/@n8n/mcp-browser-extension/src/ui/App.vue index 1c0c03d87b5..6c0b7df293e 100644 --- a/packages/@n8n/mcp-browser-extension/src/ui/App.vue +++ b/packages/@n8n/mcp-browser-extension/src/ui/App.vue @@ -149,9 +149,9 @@ const showConnectPrompt = computed(() => hasRelayUrl.value && isRelayAllowed.val height: min(700px, calc(100dvh - 2 * var(--spacing--md))); min-height: 420px; background: var(--background--subtle); - border: var(--border-width) var(--border-style) var(--color--foreground--tint-1); + border: var(--border); border-radius: var(--radius--xl); - box-shadow: var(--shadow--light); + box-shadow: var(--shadow--sm); overflow: hidden; // In a popup window the window itself is the card — no chrome, fill the viewport @@ -177,14 +177,8 @@ const showConnectPrompt = computed(() => hasRelayUrl.value && isRelayAllowed.val } .logo { - display: block; + justify-content: flex-start; margin-bottom: var(--spacing--lg); - - :deep(svg) { - margin-left: 0; - width: auto; - height: 24px; - } } .title { @@ -193,13 +187,13 @@ const showConnectPrompt = computed(() => hasRelayUrl.value && isRelayAllowed.val gap: var(--spacing--xs); font-size: var(--font-size--lg); font-weight: var(--font-weight--medium); - color: var(--color--text--shade-1); + color: var(--text-color); margin: 0 0 var(--spacing--lg); } .status-dot { - width: 12px; - height: 12px; + width: var(--height--4xs); + height: var(--height--4xs); border-radius: 50%; background: var(--color--success); flex-shrink: 0; @@ -213,7 +207,7 @@ const showConnectPrompt = computed(() => hasRelayUrl.value && isRelayAllowed.val .divider { border: none; - border-top: var(--border-width) var(--border-style) var(--color--foreground--tint-1); + border-top: var(--border); margin: 0; } @@ -229,10 +223,10 @@ const showConnectPrompt = computed(() => hasRelayUrl.value && isRelayAllowed.val border-radius: var(--radius); cursor: pointer; font-size: var(--font-size--xs); - color: var(--color--text--shade-1); + color: var(--text-color); &:hover { - background: var(--color--background); + background: var(--background--hover); } } diff --git a/packages/@n8n/mcp-browser-extension/src/ui/components/InfoRow.vue b/packages/@n8n/mcp-browser-extension/src/ui/components/InfoRow.vue index f0c1e95ed95..a18145a4c88 100644 --- a/packages/@n8n/mcp-browser-extension/src/ui/components/InfoRow.vue +++ b/packages/@n8n/mcp-browser-extension/src/ui/components/InfoRow.vue @@ -37,8 +37,8 @@ defineProps<{ width: var(--row-marker-size); height: var(--row-marker-size); border-radius: 50%; - background: var(--color--background); - color: var(--color--text--shade-1); + background: var(--background--subtle); + color: var(--text-color); } .info-content { @@ -50,7 +50,7 @@ defineProps<{ .info-title { font-size: var(--font-size--sm); font-weight: var(--font-weight--medium); - color: var(--color--text--shade-1); + color: var(--text-color); } .info-description { diff --git a/packages/@n8n/mcp-browser-extension/src/ui/components/RememberedHosts.vue b/packages/@n8n/mcp-browser-extension/src/ui/components/RememberedHosts.vue index 4ce72e0fd26..47652ca89ff 100644 --- a/packages/@n8n/mcp-browser-extension/src/ui/components/RememberedHosts.vue +++ b/packages/@n8n/mcp-browser-extension/src/ui/components/RememberedHosts.vue @@ -45,7 +45,7 @@ defineEmits<{ forget: [host: string] }>(); align-items: center; gap: var(--spacing--2xs); padding: var(--spacing--2xs) var(--spacing--xs); - border: var(--border-width) var(--border-style) var(--color--foreground--tint-1); + border: var(--border); border-radius: var(--radius); } @@ -56,7 +56,7 @@ defineEmits<{ forget: [host: string] }>(); text-overflow: ellipsis; white-space: nowrap; font-size: var(--font-size--xs); - color: var(--color--text--shade-1); + color: var(--text-color); } .host-remove { @@ -72,8 +72,8 @@ defineEmits<{ forget: [host: string] }>(); color: var(--text-color--subtler); &:hover { - background: var(--color--background); - color: var(--color--text--shade-1); + background: var(--background--hover); + color: var(--text-color); } } diff --git a/packages/@n8n/mcp-browser-extension/src/ui/components/TabItem.vue b/packages/@n8n/mcp-browser-extension/src/ui/components/TabItem.vue index aefe905c83b..698af0f9250 100644 --- a/packages/@n8n/mcp-browser-extension/src/ui/components/TabItem.vue +++ b/packages/@n8n/mcp-browser-extension/src/ui/components/TabItem.vue @@ -68,7 +68,7 @@ function hideFavicon(event: Event): void { cursor: pointer; &:hover { - background: var(--background--surface--hover); + background: var(--background--hover); } } @@ -79,8 +79,8 @@ function hideFavicon(event: Event): void { } .tab-favicon { - width: 24px; - height: 24px; + width: var(--height--xs); + height: var(--height--xs); border-radius: var(--radius--sm); } diff --git a/packages/@n8n/mcp-browser-extension/src/ui/components/TabList.vue b/packages/@n8n/mcp-browser-extension/src/ui/components/TabList.vue index 47c24d67048..17e55368843 100644 --- a/packages/@n8n/mcp-browser-extension/src/ui/components/TabList.vue +++ b/packages/@n8n/mcp-browser-extension/src/ui/components/TabList.vue @@ -40,7 +40,5 @@ function isSelected(tab: chrome.tabs.Tab): boolean { list-style: none; padding: 0; margin: 0; - overflow-y: auto; - min-height: 60px; } diff --git a/packages/@n8n/mcp-browser-extension/src/ui/tokens.scss b/packages/@n8n/mcp-browser-extension/src/ui/tokens.scss index b636057896b..478c8e7529b 100644 --- a/packages/@n8n/mcp-browser-extension/src/ui/tokens.scss +++ b/packages/@n8n/mcp-browser-extension/src/ui/tokens.scss @@ -27,7 +27,7 @@ body { font-family: var(--font-family); -webkit-font-smoothing: antialiased; background-color: var(--color--background); - color: var(--color--text--shade-1); + color: var(--text-color); } /** Keep the shared card layout for extension panels. */ @@ -39,7 +39,6 @@ body { border: var(--border); border-radius: var(--radius--lg); padding: var(--spacing--lg); - min-height: 0; } .panel + .panel {