feat: tab transitions by n3ps · Pull Request #40611 · MetaMask/metamask-extension

n3ps · 2026-03-04T19:26:48Z

Description

Adds subtle directional sliding animation to the home tabs using CSS view transitions.

Progressive enhancement and applied only to supported browsers.

Changelog

CHANGELOG entry: feat: tab transitions

Related issues

Fixes:

Manual testing steps

Switch between tabs

Screenshots/Recordings

Before

After

tabs.mov

Pre-merge author checklist

I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
I've completed the PR template to the best of my ability
I’ve included tests if applicable
I’ve documented my code using JSDoc format if applicable
I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Note

Low Risk
Low risk UI-only change that adds an opt-in tab switch animation using the View Transition API, with a Firefox fallback and reduced-motion support.

Overview
Adds an opt-in animated prop to Tabs that uses the browser View Transition API to animate tab content with a directional slide (forward/back) when switching tabs, falling back to an immediate update when unsupported or on Firefox.

Introduces new tabs.scss with the tab-content view-transition animations (including prefers-reduced-motion handling) and enables the animation for the account overview home tabs by passing animated.

^{Written by Cursor Bugbot for commit feb2d7d. This will update automatically on new commits. Configure here.}

github-actions · 2026-03-04T19:26:58Z

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

metamaskbotv2 · 2026-03-04T19:27:26Z

✨ Files requiring CODEOWNER review ✨

🔑 @MetaMask/accounts-engineers (1 files, +1 -0)

📁 ui/
- 📁 components/
  - 📁 multichain/
    - 📁 account-overview/
      - 📄 account-overview-tabs.tsx +1 -0

👨‍🔧 @MetaMask/core-extension-ux (1 files, +1 -0)

📁 ui/
- 📁 components/
  - 📁 multichain/
    - 📁 account-overview/
      - 📄 account-overview-tabs.tsx +1 -0

ui/components/ui/tabs/tabs.tsx

metamaskbotv2 · 2026-03-04T20:31:28Z

Builds ready [73f334e]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks

👆 Interaction Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Load New Account load_new_account 273 268 280 5 275 280
total 273 268 280 5 275 280
Confirm Tx confirm_tx 6072 5999 6117 43 6112 6117
total 6072 5999 6117 43 6112 6117
Bridge User Actions bridge_load_page 282 235 348 46 328 348
bridge_load_asset_picker 177 149 227 29 190 227
bridge_search_token 719 709 735 10 720 735
total 1215 1093 1444 134 1290 1444

🔌 Startup Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Standard Home uiStartup 1354 1133 1736 101 1408 1538
load 1140 948 1458 90 1183 1306
domContentLoaded 1133 930 1424 89 1177 1280
domInteractive 28 15 133 21 24 80
firstPaint 183 63 1194 149 209 326
backgroundConnect 197 183 243 11 199 221
firstReactRender 19 12 50 7 20 35
initialActions 2 0 14 2 2 5
loadScripts 951 756 1245 89 999 1106
setupStore 12 6 39 6 13 22
numNetworkReqs 31 22 97 20 22 86
Power User Home uiStartup 2231 1372 7225 1105 2358 4647
load 1166 992 2241 207 1165 1619
domContentLoaded 1149 987 2116 197 1148 1607
domInteractive 37 19 143 27 35 104
firstPaint 230 70 2139 262 251 374
backgroundConnect 563 251 3585 648 457 1862
firstReactRender 22 15 54 6 23 33
initialActions 1 0 5 1 1 2
loadScripts 944 792 1837 187 947 1406
setupStore 15 5 62 9 16 33
numNetworkReqs 69 31 160 30 77 140

🧭 User Journey Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Onboarding Import Wallet importWalletToSocialScreen 222 221 225 2 224 225
srpButtonToSrpForm 95 94 96 1 96 96
confirmSrpToPwForm 22 22 22 0 22 22
pwFormToMetricsScreen 16 15 16 0 16 16
metricsToWalletReadyScreen 17 16 20 1 18 20
doneButtonToHomeScreen 605 591 635 17 603 635
openAccountMenuToAccountListLoaded 2933 2911 2951 16 2947 2951
total 3918 3910 3930 9 3930 3930
Onboarding New Wallet createWalletToSocialScreen 219 218 221 1 221 221
srpButtonToPwForm 109 107 111 2 110 111
createPwToRecoveryScreen 9 8 9 1 9 9
skipBackupToMetricsScreen 35 34 36 1 36 36
agreeButtonToOnboardingSuccess 16 15 17 1 17 17
doneButtonToAssetList 613 573 692 48 613 692
total 1003 961 1082 49 1007 1082
Asset Details assetClickToPriceChart 137 105 172 27 157 172
total 137 105 172 27 157 172
Solana Asset Details assetClickToPriceChart 111 108 114 2 112 114
total 111 108 114 2 112 114
Import Srp Home loginToHomeScreen 2138 1898 2655 289 2257 2655
openAccountMenuAfterLogin 46 33 56 8 47 56
homeAfterImportWithNewWallet 2784 2613 2983 158 2893 2983
total 4696 4563 4937 170 4937 4937
Send Transactions openSendPageFromHome 24 18 30 5 27 30
selectTokenToSendFormLoaded 20 18 23 2 22 23
reviewTransactionToConfirmationPage 847 844 849 2 847 849
total 890 885 899 6 889 899
Swap openSwapPageFromHome 31 25 36 4 35 36
fetchAndDisplaySwapQuotes 2685 2684 2687 1 2686 2687
total 2717 2710 2722 5 2720 2722

🌐 Dapp Page Load Benchmarks

Current Commit: 73f334e | Date: 3/4/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.07s (±41ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
domContentLoaded-> current mean value: 755ms (±37ms) 🟢 | historical mean value: 740ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 84ms (±11ms) 🟢 | historical mean value: 82ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.07s	41ms	1.04s	1.36s	1.11s	1.36s
domContentLoaded	755ms	37ms	726ms	1.02s	787ms	1.02s
firstPaint	84ms	11ms	68ms	184ms	88ms	184ms
firstContentfulPaint	84ms	11ms	68ms	184ms	88ms	184ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]

background: -98.87 KiB (-1.84%)
ui: -9.97 KiB (-0.12%)
common: 90.44 KiB (0.81%)

ui/components/ui/tabs/tabs.tsx

cursor

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}

ui/components/ui/tabs/tabs.tsx

metamaskbotv2 · 2026-03-05T04:01:51Z

Builds ready [4e934ee]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks

👆 Interaction Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Load New Account load_new_account 273 264 292 11 272 292
total 273 264 292 11 272 292
Confirm Tx confirm_tx 6040 6037 6043 2 6041 6043
total 6040 6037 6043 2 6041 6043
Bridge User Actions bridge_load_page 261 242 274 13 270 274
bridge_load_asset_picker 195 154 240 29 206 240
bridge_search_token 735 706 795 36 759 795
total 1177 1083 1309 83 1235 1309

🔌 Startup Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Standard Home uiStartup 1450 1252 1819 105 1508 1631
load 1214 1026 1445 89 1254 1383
domContentLoaded 1206 1012 1424 87 1249 1370
domInteractive 30 17 110 18 26 72
firstPaint 163 71 413 79 227 274
backgroundConnect 220 190 267 17 227 255
firstReactRender 21 12 113 11 22 30
initialActions 2 0 16 2 1 4
loadScripts 1005 819 1212 86 1038 1173
setupStore 13 6 37 5 16 23
numNetworkReqs 32 22 91 19 28 81
Power User Home uiStartup 1720 1436 2208 155 1786 2032
load 1172 1052 1816 156 1156 1586
domContentLoaded 1154 1042 1789 147 1143 1555
domInteractive 37 19 138 24 35 96
firstPaint 193 72 1710 173 253 318
backgroundConnect 309 273 447 28 318 354
firstReactRender 25 16 103 12 25 44
initialActions 1 0 6 1 1 4
loadScripts 929 823 1567 142 911 1301
setupStore 17 8 58 9 18 40
numNetworkReqs 58 36 158 28 54 141

🧭 User Journey Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Onboarding Import Wallet importWalletToSocialScreen 218 218 219 0 218 219
srpButtonToSrpForm 94 93 95 1 94 95
confirmSrpToPwForm 21 21 22 0 22 22
pwFormToMetricsScreen 15 15 15 0 15 15
metricsToWalletReadyScreen 16 16 17 0 16 17
doneButtonToHomeScreen 633 605 669 24 638 669
openAccountMenuToAccountListLoaded 2935 2910 2973 25 2940 2973
total 3997 3896 4117 84 4054 4117
Onboarding New Wallet createWalletToSocialScreen 220 217 221 1 220 221
srpButtonToPwForm 106 105 108 2 107 108
createPwToRecoveryScreen 8 8 9 0 9 9
skipBackupToMetricsScreen 36 34 37 1 37 37
agreeButtonToOnboardingSuccess 16 16 16 0 16 16
doneButtonToAssetList 494 480 522 16 489 522
total 878 865 910 19 870 910
Asset Details assetClickToPriceChart 134 114 147 12 142 147
total 134 114 147 12 142 147
Solana Asset Details assetClickToPriceChart 98 76 113 14 113 113
total 98 76 113 14 113 113
Import Srp Home loginToHomeScreen 1967 1920 2022 36 1966 2022
openAccountMenuAfterLogin 40 35 46 4 41 46
homeAfterImportWithNewWallet 2855 2722 3152 171 2945 3152
total 4990 4720 5559 316 5107 5559
Send Transactions openSendPageFromHome 22 18 28 4 25 28
selectTokenToSendFormLoaded 19 17 20 1 19 20
reviewTransactionToConfirmationPage 846 846 846 0 846 846
total 885 882 888 2 885 888
Swap openSwapPageFromHome 34 27 39 5 37 39
fetchAndDisplaySwapQuotes 2687 2685 2689 1 2687 2689
total 2719 2713 2725 6 2724 2725

🌐 Dapp Page Load Benchmarks

Current Commit: 4e934ee | Date: 3/5/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.05s (±41ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
domContentLoaded-> current mean value: 742ms (±39ms) 🟢 | historical mean value: 740ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 82ms (±10ms) 🟢 | historical mean value: 82ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.05s	41ms	1.02s	1.36s	1.08s	1.36s
domContentLoaded	742ms	39ms	713ms	1.03s	763ms	1.03s
firstPaint	82ms	10ms	64ms	168ms	92ms	168ms
firstContentfulPaint	82ms	10ms	64ms	168ms	92ms	168ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]

background: -97.53 KiB (-1.82%)
ui: -9.71 KiB (-0.12%)
common: 90.57 KiB (0.81%)

metamaskbotv2 · 2026-03-05T15:18:36Z

Builds ready [a3da540]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks

👆 Interaction Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Load New Account load_new_account 274 261 283 8 281 283
total 274 261 283 8 281 283
Confirm Tx confirm_tx 6039 6034 6046 5 6043 6046
total 6039 6034 6046 5 6043 6046
Bridge User Actions bridge_load_page 267 229 301 29 297 301
bridge_load_asset_picker 219 205 231 9 223 231
bridge_search_token 732 710 752 16 741 752
total 1190 1167 1215 18 1198 1215

🔌 Startup Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Standard Home uiStartup 1411 1198 1875 107 1449 1605
load 1182 998 1585 93 1216 1366
domContentLoaded 1176 996 1578 92 1213 1335
domInteractive 29 16 162 21 25 81
firstPaint 156 73 432 79 206 325
backgroundConnect 211 193 292 15 214 241
firstReactRender 20 13 45 6 22 34
initialActions 1 0 7 1 2 4
loadScripts 981 798 1380 92 1014 1142
setupStore 12 6 34 5 15 22
numNetworkReqs 31 22 90 19 22 79
Power User Home uiStartup 2429 1432 9893 1602 2193 4671
load 1213 1058 1767 164 1251 1628
domContentLoaded 1197 1052 1755 161 1231 1617
domInteractive 37 19 173 24 37 96
firstPaint 208 74 1565 163 265 323
backgroundConnect 797 266 8005 1346 375 2704
firstReactRender 28 15 107 13 30 50
initialActions 1 0 7 1 1 4
loadScripts 979 838 1539 154 1006 1382
setupStore 16 5 43 8 18 34
numNetworkReqs 72 38 155 26 87 124

🧭 User Journey Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Onboarding Import Wallet importWalletToSocialScreen 220 220 220 0 220 220
srpButtonToSrpForm 99 98 99 0 99 99
confirmSrpToPwForm 22 22 23 1 23 23
pwFormToMetricsScreen 16 16 16 0 16 16
metricsToWalletReadyScreen 17 16 17 1 17 17
doneButtonToHomeScreen 646 605 756 64 613 756
openAccountMenuToAccountListLoaded 2925 2905 2959 21 2940 2959
total 3936 3888 4040 61 3920 4040
Onboarding New Wallet createWalletToSocialScreen 219 218 221 1 220 221
srpButtonToPwForm 112 107 119 4 114 119
createPwToRecoveryScreen 9 8 9 0 9 9
skipBackupToMetricsScreen 38 38 39 0 39 39
agreeButtonToOnboardingSuccess 17 17 18 0 17 18
doneButtonToAssetList 616 506 734 78 651 734
total 1014 894 1133 82 1055 1133
Asset Details assetClickToPriceChart 136 128 144 6 138 144
total 136 128 144 6 138 144
Solana Asset Details assetClickToPriceChart 110 78 166 32 119 166
total 110 78 166 32 119 166
Import Srp Home loginToHomeScreen 2220 2088 2467 148 2312 2467
openAccountMenuAfterLogin 48 38 58 6 51 58
homeAfterImportWithNewWallet 3040 2771 3336 198 3150 3336
total 5308 4907 5706 303 5567 5706
Send Transactions openSendPageFromHome 20 18 23 2 22 23
selectTokenToSendFormLoaded 19 18 20 1 20 20
reviewTransactionToConfirmationPage 948 847 1124 120 1061 1124
total 992 888 1161 115 1100 1161
Swap openSwapPageFromHome 35 35 35 0 35 35
fetchAndDisplaySwapQuotes 2687 2686 2688 1 2688 2688
total 2723 2719 2726 3 2723 2726

🌐 Dapp Page Load Benchmarks

Current Commit: a3da540 | Date: 3/5/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.06s (±44ms) 🟡 | historical mean value: 1.06s ⬇️ (historical data)
domContentLoaded-> current mean value: 742ms (±41ms) 🟢 | historical mean value: 742ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 82ms (±12ms) 🟢 | historical mean value: 82ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.06s	44ms	1.03s	1.37s	1.10s	1.37s
domContentLoaded	742ms	41ms	717ms	1.04s	775ms	1.04s
firstPaint	82ms	12ms	68ms	184ms	92ms	184ms
firstContentfulPaint	82ms	12ms	68ms	184ms	92ms	184ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs

background: 58 Bytes (0%)
ui: 828 Bytes (0.01%)
common: 20 Bytes (0%)

sonarqubecloud · 2026-03-06T18:07:45Z

Quality Gate failed

Failed conditions
68.2% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud

gantunesr

Approved for Accounts CO,

ui/components/multichain/account-overview/account-overview-tabs.tsx

metamaskbotv2 · 2026-03-06T18:25:08Z

Builds ready [feb2d7d]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
bundle size: Bundle Size Stats
interaction-benchmark: Interaction Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
- content-script: 0
- offscreen: 0

⚡ Performance Benchmarks

👆 Interaction Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Load New Account load_new_account 282 266 290 10 290 290
total 282 266 290 10 290 290
Confirm Tx confirm_tx 6078 6043 6114 30 6100 6114
total 6078 6043 6114 30 6100 6114
Bridge User Actions bridge_load_page 243 206 275 25 261 275
bridge_load_asset_picker 225 146 280 47 263 280
bridge_search_token 748 722 775 21 764 775
total 1225 1212 1233 9 1233 1233

🔌 Startup Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Standard Home uiStartup 1435 1209 1641 98 1484 1608
load 1203 1006 1395 89 1262 1359
domContentLoaded 1196 986 1392 89 1255 1352
domInteractive 30 16 145 24 24 86
firstPaint 162 70 1189 130 217 323
backgroundConnect 221 194 319 18 225 251
firstReactRender 19 13 49 5 20 27
initialActions 1 0 6 1 2 4
loadScripts 992 785 1199 87 1043 1136
setupStore 13 7 35 6 14 24
numNetworkReqs 31 22 94 20 25 83
Power User Home uiStartup 3084 1740 12322 1960 2791 5249
load 1288 1104 1904 165 1318 1636
domContentLoaded 1269 1082 1790 158 1293 1625
domInteractive 40 20 131 25 39 108
firstPaint 236 87 1788 234 274 375
backgroundConnect 967 279 9962 1597 619 2891
firstReactRender 26 18 77 8 28 43
initialActions 1 0 7 1 1 3
loadScripts 1039 868 1551 152 1062 1388
setupStore 17 6 62 7 20 29
numNetworkReqs 91 39 224 43 99 179

🧭 User Journey Benchmarks
Benchmark Metric Mean (ms) Min (ms) Max (ms) Std Dev (ms) P75 (ms) P95 (ms)
Onboarding Import Wallet importWalletToSocialScreen 224 219 233 6 229 233
srpButtonToSrpForm 96 94 98 1 96 98
confirmSrpToPwForm 22 22 23 0 22 23
pwFormToMetricsScreen 16 16 16 0 16 16
metricsToWalletReadyScreen 17 17 17 0 17 17
doneButtonToHomeScreen 665 590 718 54 715 718
openAccountMenuToAccountListLoaded 2920 2906 2936 12 2928 2936
total 3951 3887 4024 61 4000 4024
Onboarding New Wallet createWalletToSocialScreen 220 219 220 1 220 220
srpButtonToPwForm 118 111 125 5 121 125
createPwToRecoveryScreen 9 9 9 0 9 9
skipBackupToMetricsScreen 36 36 37 0 37 37
agreeButtonToOnboardingSuccess 18 16 20 2 20 20
doneButtonToAssetList 492 483 503 9 498 503
total 892 881 909 12 896 909
Asset Details assetClickToPriceChart 128 111 153 17 144 153
total 128 111 153 17 144 153
Solana Asset Details assetClickToPriceChart 83 80 85 2 85 85
total 83 80 85 2 85 85
Import Srp Home loginToHomeScreen 1973 1867 2196 126 2025 2196
openAccountMenuAfterLogin 55 46 60 6 60 60
homeAfterImportWithNewWallet 2254 2180 2383 72 2278 2383
total 4286 4112 4487 130 4360 4487
Send Transactions openSendPageFromHome 23 18 33 6 21 33
selectTokenToSendFormLoaded 22 19 28 3 21 28
reviewTransactionToConfirmationPage 853 846 866 8 852 866
total 909 884 945 24 915 945
Swap openSwapPageFromHome 44 23 63 17 61 63
fetchAndDisplaySwapQuotes 2692 2690 2693 1 2693 2693
total 2737 2714 2755 17 2754 2755

🌐 Dapp Page Load Benchmarks

Current Commit: feb2d7d | Date: 3/6/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.04s (±40ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
domContentLoaded-> current mean value: 733ms (±37ms) 🟢 | historical mean value: 741ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 82ms (±14ms) 🟢 | historical mean value: 82ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	40ms	1.02s	1.33s	1.08s	1.33s
domContentLoaded	733ms	37ms	708ms	999ms	773ms	999ms
firstPaint	82ms	14ms	64ms	184ms	96ms	184ms
firstContentfulPaint	82ms	14ms	64ms	184ms	96ms	184ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs

background: 58 Bytes (0%)
ui: 828 Bytes (0.01%)
common: 20 Bytes (0%)

feat: tab transitions

a7eeba1

n3ps temporarily deployed to pr-comment March 4, 2026 19:26 — with GitHub Actions Inactive

metamaskbot added the team-core-extension-ux Core Extension UX team label Mar 4, 2026

n3ps marked this pull request as ready for review March 4, 2026 19:27

n3ps requested review from a team as code owners March 4, 2026 19:27

n3ps temporarily deployed to pr-comment March 4, 2026 19:27 — with GitHub Actions Inactive

n3ps enabled auto-merge March 4, 2026 19:27

github-actions bot added the size-M label Mar 4, 2026

cursor bot reviewed Mar 4, 2026

View reviewed changes

ui/components/ui/tabs/tabs.tsx Show resolved Hide resolved

ui/components/ui/tabs/tabs.tsx Show resolved Hide resolved

cleanup

73f334e

n3ps had a problem deploying to pr-comment March 4, 2026 19:56 — with GitHub Actions Error

n3ps temporarily deployed to pr-comment March 4, 2026 19:59 — with GitHub Actions Inactive

cursor bot reviewed Mar 4, 2026

View reviewed changes

ui/components/ui/tabs/tabs.tsx Outdated Show resolved Hide resolved

n3ps temporarily deployed to pr-comment March 4, 2026 20:26 — with GitHub Actions Inactive

firefox not ready

600d0a2

n3ps temporarily deployed to pr-comment March 5, 2026 03:19 — with GitHub Actions Inactive

cursor bot reviewed Mar 5, 2026

View reviewed changes

ui/components/ui/tabs/tabs.tsx Outdated Show resolved Hide resolved

revised

4e934ee

n3ps temporarily deployed to pr-comment March 5, 2026 03:26 — with GitHub Actions Inactive

cursor bot reviewed Mar 5, 2026

View reviewed changes

ui/components/ui/tabs/tabs.tsx Show resolved Hide resolved

n3ps temporarily deployed to pr-comment March 5, 2026 03:57 — with GitHub Actions Inactive

Merge branch 'main' into n3ps/tab-transition-css

a3da540

n3ps temporarily deployed to pr-comment March 5, 2026 14:40 — with GitHub Actions Inactive

n3ps temporarily deployed to pr-comment March 5, 2026 15:09 — with GitHub Actions Inactive

AndyMBridges approved these changes Mar 6, 2026

View reviewed changes

Merge branch 'main' into n3ps/tab-transition-css

feb2d7d

n3ps temporarily deployed to pr-comment March 6, 2026 17:54 — with GitHub Actions Inactive

gantunesr approved these changes Mar 6, 2026

View reviewed changes

n3ps temporarily deployed to pr-comment March 6, 2026 18:20 — with GitHub Actions Inactive

n3ps added this pull request to the merge queue Mar 6, 2026

Merged via the queue into main with commit 67b2ee0 Mar 6, 2026
353 of 356 checks passed

n3ps deleted the n3ps/tab-transition-css branch March 6, 2026 19:45

github-actions bot locked and limited conversation to collaborators Mar 6, 2026

metamaskbot added the release-13.23.0 Issue or pull request that will be included in release 13.23.0 label Mar 6, 2026

Conversation

n3ps commented Mar 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Changelog

Related issues

Manual testing steps

Screenshots/Recordings

Before

After

Pre-merge author checklist

Pre-merge reviewer checklist

Uh oh!

github-actions bot commented Mar 4, 2026

Uh oh!

metamaskbotv2 bot commented Mar 4, 2026

✨ Files requiring CODEOWNER review ✨

Uh oh!

Uh oh!

Uh oh!

Uh oh!

metamaskbotv2 bot commented Mar 4, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

cursor bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

metamaskbotv2 bot commented Mar 5, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

metamaskbotv2 bot commented Mar 5, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

sonarqubecloud bot commented Mar 6, 2026

Quality Gate failed

Uh oh!

gantunesr left a comment

Choose a reason for hiding this comment

Uh oh!

metamaskbotv2 bot commented Mar 6, 2026

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

n3ps commented Mar 4, 2026 •

edited

Loading