feat: swap and bridge asset picker components #38749

micaelae · 2025-12-11T04:14:11Z

Description

This adds the utils and components that implement the new Bridge Asset Picker

components and storybook previews
fetch utils for the popular and searchQuery endpoints

Note that these components are not connected to the Swap page yet but can be previewed in the generated storybook link: https://diuv6g5fj9pvx.cloudfront.net/metamask-extension/20310062179/storybook-build/index.html?path=/docs/pages-bridge-assetpicker--docs

Changelog

CHANGELOG entry: feat: implement new bridge AssetPicker components

Related issues

Fixes:

Manual testing steps

Check storybook previews: https://diuv6g5fj9pvx.cloudfront.net/metamask-extension/20310062179/storybook-build/index.html?path=/docs/pages-bridge-assetpicker--docs

Screenshots/Recordings

Before

After

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

Implements a new Bridge Asset Picker (with network filter, search, and popular tokens), integrates it into the bridge inputs, updates token/chain mappings and analytics, and refreshes tests, snapshots, styles, and stories.

UI (Bridge Asset Picker):
- Add modal picker with network filter (NetworkPicker), searchable token list (BridgeAssetList/AssetListItem), loading skeleton, and SelectedAssetButton.
- Integrate picker into BridgeInputGroup; remove old BridgeAssetPickerButton.
- Make Row polymorphic with forwardRef; add related SCSS; update snapshots and Storybook stories.
Types/Utils:
- Extend BridgeToken with name; TokenPayload.payload gains optional name and is non-null.
- toBridgeToken now non-null, sets default name, assetId, and image.
- setFromChain accepts token nullable.
Constants:
- Add BRIDGE_CHAIN_ID_TO_NETWORK_IMAGE_MAP built from CHAIN_ID_TO_NETWORK_IMAGE_URL_MAP and CAIP IDs; expose for picker badges.
Analytics/Security:
- Use securityWarnings (descriptions from token/tx alerts) in quote updates and switch events; tighten switch event guard.
Tests:
- Update snapshots, add/adjust unit tests (e.g., slippage tests include token name), and add Storybook stories for new components.

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

metamaskbot · 2025-12-11T04:14:56Z

✨ Files requiring CODEOWNER review ✨

🔄 @MetaMask/swaps-engineers (23 files, +1266 -293)

📁 ui/
- 📁 ducks/
  - 📁 bridge/
    - 📄 actions.ts +1 -1
    - 📄 types.ts +3 -1
    - 📄 utils.ts +2 -4
- 📁 pages/
  - 📁 bridge/
    - 📁 __snapshots__/
      - 📄 index.test.tsx.snap +42 -36
    - 📁 layout/
      - 📄 row.tsx +19 -12
    - 📁 prepare/
      - 📁 __snapshots__/
        
        📄 prepare-bridge-page.test.tsx.snap +84 -72
      - 📁 components/
        
        📁 bridge-asset-picker/
        
        📄 asset.stories.tsx +72 -0
        
        📄 asset.tsx +134 -0
        
        📄 index.scss +14 -0
        
        📄 index.stories.tsx +100 -0
        
        📄 index.tsx +248 -0
        
        📄 lazy-asset-list.tsx +105 -0
        
        📄 loading-skeleton.stories.tsx +69 -0
        
        📄 loading-skeleton.tsx +39 -0
        
        📄 network-picker.stories.tsx +78 -0
        
        📄 network-picker.tsx +99 -0
        
        📄 selected-asset-button.tsx +80 -0
        
        📄 bridge-asset-picker-button.tsx +0 -96
        
        📄 bridge-input-group.tsx +7 -21
        
        📄 prepare-bridge-page.test.tsx +11 -0
        
        📄 prepare-bridge-page.tsx +54 -50
    - 📁 utils/
      - 📄 slippage-service.test.ts +4 -0
      - 📄 index.scss +1 -0

metamaskbot · 2025-12-11T04:46:24Z

Builds ready [9ce6a36]

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
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- content-script: 0
- offscreen: 0

UI Startup Metrics (1260 ± 103 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1260	1051	1477	103	1338	1417
			load	1036	858	1277	88	1083	1196
			domContentLoaded	1029	853	1269	87	1079	1189
			domInteractive	25	15	94	18	22	82
			firstPaint	471	81	1189	378	1004	1116
			backgroundConnect	214	196	258	13	218	245
			firstReactRender	47	32	253	24	53	75
			getState	36	17	132	17	41	69
			initialActions	1	0	4	1	1	1
			loadScripts	822	655	1075	84	867	974
			setupStore	12	5	43	5	13	21
			numNetworkReqs	13	6	82	20	6	76
	Browserify	Power User Home	uiStartup	1929	1575	2352	159	2006	2252
			load	1089	892	1450	127	1178	1293
			domContentLoaded	1077	883	1434	125	1158	1281
			domInteractive	30	17	120	21	28	92
			firstPaint	745	94	1456	433	1110	1287
			backgroundConnect	248	204	592	70	243	509
			firstReactRender	52	38	99	9	56	66
			getState	223	156	701	100	218	357
			initialActions	1	0	2	1	1	2
			loadScripts	858	684	1199	123	943	1068
			setupStore	15	7	41	7	14	35
			numNetworkReqs	72	60	222	24	67	131
	Webpack	Standard Home	uiStartup	808	675	1080	75	847	961
			load	648	570	817	63	692	779
			domContentLoaded	642	565	810	62	686	770
			domInteractive	26	16	104	20	22	89
			firstPaint	224	84	815	179	198	699
			backgroundConnect	10	6	30	5	12	26
			firstReactRender	53	32	214	31	61	127
			getState	30	15	56	11	40	51
			initialActions	1	0	3	1	1	1
			loadScripts	639	563	802	61	685	765
			setupStore	11	7	27	4	13	21
			numNetworkReqs	13	6	79	19	6	74
	Webpack	Power User Home	uiStartup	1420	1111	2063	203	1614	1765
			load	723	595	975	100	821	911
			domContentLoaded	716	587	969	100	815	903
			domInteractive	31	18	116	24	27	104
			firstPaint	310	89	904	226	328	821
			backgroundConnect	82	6	780	168	55	559
			firstReactRender	50	41	66	5	52	63
			getState	178	140	329	30	183	240
			initialActions	1	0	2	1	1	1
			loadScripts	713	585	961	99	807	901
			setupStore	15	7	46	8	14	35
			numNetworkReqs	72	58	247	27	69	140
Firefox	Browserify	Standard Home	uiStartup	1348	1089	2267	213	1437	1708
			load	1078	917	1852	131	1128	1254
			domContentLoaded	1077	913	1851	131	1128	1253
			domInteractive	67	30	211	39	85	138
			firstPaint	-	-	-	-	-	-
			backgroundConnect	51	22	315	45	53	163
			firstReactRender	37	30	61	7	38	55
			getState	13	7	88	12	11	30
			initialActions	1	0	2	0	1	2
			loadScripts	1051	901	1811	124	1099	1205
			setupStore	16	6	211	25	12	46
			numNetworkReqs	15	6	86	21	8	76
	Browserify	Power User Home	uiStartup	2621	1641	3638	523	3071	3301
			load	1601	970	2580	484	2033	2345
			domContentLoaded	1601	969	2580	484	2032	2344
			domInteractive	130	31	999	219	87	922
			firstPaint	-	-	-	-	-	-
			backgroundConnect	205	24	1118	256	217	987
			firstReactRender	55	37	99	12	58	82
			getState	138	64	1041	100	156	216
			initialActions	2	1	8	1	2	3
			loadScripts	1512	952	2411	449	1894	2250
			setupStore	50	5	352	82	48	315
			numNetworkReqs	75	57	128	20	86	121
	Webpack	Standard Home	uiStartup	1585	1335	2270	168	1634	1952
			load	1299	1135	1557	82	1345	1457
			domContentLoaded	1298	1129	1557	82	1345	1457
			domInteractive	79	29	159	34	103	133
			firstPaint	-	-	-	-	-	-
			backgroundConnect	55	18	197	37	53	152
			firstReactRender	44	34	104	11	46	61
			getState	23	7	207	33	15	86
			initialActions	1	0	3	1	2	2
			loadScripts	1272	1112	1492	80	1319	1427
			setupStore	22	7	175	32	17	100
			numNetworkReqs	15	6	85	21	8	74
	Webpack	Power User Home	uiStartup	2575	1757	3797	535	2922	3426
			load	1838	1100	2660	481	2266	2513
			domContentLoaded	1838	1100	2660	481	2266	2513
			domInteractive	288	29	1148	383	381	982
			firstPaint	-	-	-	-	-	-
			backgroundConnect	142	25	1089	191	176	319
			firstReactRender	54	37	100	12	60	85
			getState	124	76	246	40	147	206
			initialActions	2	0	8	1	2	3
			loadScripts	1767	1084	2639	474	2235	2446
			setupStore	27	4	261	41	26	94
			numNetworkReqs	75	57	134	22	85	128

📊 Page Load Benchmark Results

Current Commit: 9ce6a36 | Date: 12/11/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.04s (±43ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
domContentLoaded-> current mean value: 723ms (±39ms) 🟢 | historical mean value: 719ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 77ms (±14ms) 🟢 | historical mean value: 76ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	43ms	1.01s	1.37s	1.08s	1.37s
domContentLoaded	723ms	39ms	697ms	1.02s	746ms	1.02s
firstPaint	77ms	14ms	56ms	208ms	84ms	208ms
firstContentfulPaint	77ms	14ms	56ms	208ms	84ms	208ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

background: 58 Bytes (0%)
ui: -2.24 KiB (-0.03%)
common: 141 Bytes (0%)

ui/pages/bridge/prepare/components/bridge-asset-picker/index.tsx

cursor

Bug: Missing null check causes crash when token undefined

The refactored code removed a conditional check that handled when token is null. Previously, when isAmountReadOnly && !token, a plain Button was rendered. Now SelectedAssetButton is always rendered with asset={(token as never) ?? undefined}. The SelectedAssetButton component types asset as BridgeToken (non-nullable) but when token is null, undefined is passed. The component then accesses asset.symbol, asset.chainId, asset.image directly, which will throw a runtime error when the destination token hasn't been selected yet.

ui/pages/bridge/prepare/bridge-input-group.tsx#L235-L244

metamask-extension/ui/pages/bridge/prepare/bridge-input-group.tsx

Lines 235 to 244 in 4f1585f

    
           > 
        
             {(onClickHandler) => 
        
                ( 
        
                 <SelectedAssetButton 
        
                   onClick={onClickHandler} 
        
                   asset={(token as never) ?? undefined} 
        
                   data-testid={buttonProps.testId} 
        
                 /> 
        
               ) 
        
             }

ui/pages/bridge/prepare/components/bridge-asset-picker/selected-asset-button.tsx#L29-L75

metamask-extension/ui/pages/bridge/prepare/components/bridge-asset-picker/selected-asset-button.tsx

Lines 29 to 75 in 4f1585f

    
           export const SelectedAssetButton = ({ 
        
             asset, 
        
             ...props 
        
           }: { 
        
             asset: BridgeToken; 
        
           } & SelectButtonProps<'div'>) => ( 
        
             <SelectButton 
        
               borderRadius={BorderRadius.pill} 
        
               backgroundColor={BackgroundColor.backgroundDefault} 
        
               borderColor={BorderColor.borderMuted} 
        
               style={{ 
        
                 padding: 8, 
        
                 paddingRight: 11, 
        
                 minWidth: 'fit-content', 
        
               }} 
        
               size={SelectButtonSize.Lg} 
        
               alignItems={AlignItems.center} 
        
               descriptionProps={{ 
        
                 overflowWrap: OverflowWrap.BreakWord, 
        
                 ellipsis: false, 
        
               }} 
        
               caretIconProps={{ 
        
                 name: IconName.ArrowDown, 
        
                 style: { display: Display.None }, 
        
               }} 
        
               label={asset.symbol} 
        
               startAccessory={ 
        
                 <BadgeWrapper 
        
                   key={asset.assetId} 
        
                   style={{ marginRight: 2 }} 
        
                   badge={ 
        
                     <AvatarNetwork 
        
                       name={NETWORK_TO_SHORT_NETWORK_NAME_MAP[asset.chainId]} 
        
                       src={BRIDGE_CHAIN_ID_TO_NETWORK_IMAGE_MAP[asset.chainId]} 
        
                       size={AvatarNetworkSize.Xs} 
        
                       style={{ borderWidth: 1, borderRadius: 6 }} 
        
                       hasBorder 
        
                     /> 
        
                   } 
        
                 > 
        
                   <AvatarToken src={asset.image} name={asset.symbol} /> 
        
                 </BadgeWrapper> 
        
               } 
        
               {...props} 
        
             /> 
        
           );

metamaskbot · 2025-12-11T17:49:41Z

Builds ready [4f1585f]

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
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- content-script: 0
- offscreen: 0

UI Startup Metrics (1313 ± 122 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1313	1068	1622	122	1401	1570
			load	1078	891	1367	103	1159	1263
			domContentLoaded	1071	886	1362	102	1149	1252
			domInteractive	29	16	129	23	24	92
			firstPaint	562	83	1349	423	1060	1176
			backgroundConnect	225	201	265	13	233	247
			firstReactRender	48	30	140	17	56	80
			getState	36	15	91	15	42	70
			initialActions	1	0	8	1	1	2
			loadScripts	854	670	1129	99	919	1038
			setupStore	12	7	37	5	13	25
			numNetworkReqs	13	6	78	19	6	70
	Browserify	Power User Home	uiStartup	1909	1608	2384	153	2005	2183
			load	1081	886	1524	134	1159	1315
			domContentLoaded	1072	879	1507	133	1152	1308
			domInteractive	31	17	126	23	27	99
			firstPaint	564	99	1519	426	1041	1257
			backgroundConnect	246	198	591	82	237	524
			firstReactRender	48	38	119	10	49	64
			getState	203	142	761	96	201	280
			initialActions	1	0	3	1	1	2
			loadScripts	858	685	1291	131	929	1099
			setupStore	15	6	37	6	14	32
			numNetworkReqs	71	57	149	20	67	130
	Webpack	Standard Home	uiStartup	847	685	1078	85	894	1005
			load	675	584	889	75	718	850
			domContentLoaded	669	579	882	74	714	844
			domInteractive	28	15	114	23	23	99
			firstPaint	277	88	860	192	263	729
			backgroundConnect	13	6	100	12	12	32
			firstReactRender	60	34	185	34	72	138
			getState	30	14	64	11	39	50
			initialActions	1	0	4	1	1	2
			loadScripts	666	577	871	73	712	835
			setupStore	11	4	34	4	13	20
			numNetworkReqs	13	6	79	20	6	71
	Webpack	Power User Home	uiStartup	1397	1050	2111	207	1581	1695
			load	718	565	1065	102	813	883
			domContentLoaded	711	558	1059	102	805	874
			domInteractive	30	16	150	25	25	100
			firstPaint	339	87	870	235	590	813
			backgroundConnect	61	8	596	130	42	550
			firstReactRender	50	38	83	6	52	61
			getState	198	145	662	59	224	261
			initialActions	1	0	3	0	1	2
			loadScripts	708	556	1051	101	802	867
			setupStore	14	8	47	8	12	37
			numNetworkReqs	74	59	214	31	67	147
Firefox	Browserify	Standard Home	uiStartup	1313	1079	2362	230	1406	1836
			load	1052	899	2115	147	1130	1240
			domContentLoaded	1052	899	2115	147	1130	1240
			domInteractive	69	29	1048	103	84	121
			firstPaint	-	-	-	-	-	-
			backgroundConnect	53	19	447	55	53	150
			firstReactRender	36	29	64	8	37	59
			getState	16	6	210	31	11	27
			initialActions	1	0	2	1	2	2
			loadScripts	1024	883	2011	132	1102	1190
			setupStore	13	5	113	15	11	39
			numNetworkReqs	15	6	88	21	8	75
	Browserify	Power User Home	uiStartup	2688	1706	4274	550	3071	3470
			load	1673	1016	3241	511	2120	2407
			domContentLoaded	1673	1016	3241	511	2119	2407
			domInteractive	148	32	1019	234	97	946
			firstPaint	-	-	-	-	-	-
			backgroundConnect	264	25	1140	303	287	1097
			firstReactRender	55	33	101	12	60	76
			getState	153	55	1258	152	160	219
			initialActions	3	0	32	5	2	7
			loadScripts	1518	987	3140	472	1960	2281
			setupStore	56	5	1080	125	49	252
			numNetworkReqs	75	55	136	21	89	121
	Webpack	Standard Home	uiStartup	1557	1232	2202	177	1635	1911
			load	1283	1080	1527	106	1365	1490
			domContentLoaded	1283	1079	1527	106	1365	1490
			domInteractive	73	27	231	43	110	132
			firstPaint	-	-	-	-	-	-
			backgroundConnect	61	20	243	43	77	137
			firstReactRender	42	32	91	8	47	53
			getState	18	7	212	24	15	49
			initialActions	1	0	3	1	2	2
			loadScripts	1253	1065	1466	100	1329	1432
			setupStore	20	5	165	26	15	82
			numNetworkReqs	15	6	80	21	8	76
	Webpack	Power User Home	uiStartup	2672	1746	4384	552	3120	3394
			load	1846	1118	3838	498	2229	2485
			domContentLoaded	1846	1118	3838	498	2228	2485
			domInteractive	154	27	1151	274	100	959
			firstPaint	-	-	-	-	-	-
			backgroundConnect	197	24	1149	244	207	992
			firstReactRender	55	38	118	11	59	71
			getState	133	68	323	49	163	235
			initialActions	2	0	7	1	2	3
			loadScripts	1726	1103	2784	436	2102	2453
			setupStore	53	4	1061	123	48	260
			numNetworkReqs	73	51	142	21	82	121

📊 Page Load Benchmark Results

Current Commit: 4f1585f | Date: 12/11/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.03s (±43ms) 🟡 | historical mean value: 1.04s ⬇️ (historical data)
domContentLoaded-> current mean value: 716ms (±40ms) 🟢 | historical mean value: 724ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 75ms (±13ms) 🟢 | historical mean value: 79ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.03s	43ms	1.00s	1.32s	1.04s	1.32s
domContentLoaded	716ms	40ms	696ms	997ms	726ms	997ms
firstPaint	75ms	13ms	56ms	192ms	84ms	192ms
firstContentfulPaint	75ms	13ms	56ms	192ms	84ms	192ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

background: 58 Bytes (0%)
ui: -495 Bytes (-0.01%)
common: 110 Bytes (0%)

ui/pages/bridge/prepare/components/bridge-asset-picker/selected-asset-button.tsx

ui/pages/bridge/prepare/bridge-input-group.tsx

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx

ui/pages/bridge/prepare/bridge-input-group.tsx

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx

metamaskbot · 2025-12-11T20:47:49Z

Builds ready [adcdb33]

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
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- content-script: 0
- offscreen: 0

UI Startup Metrics (1308 ± 128 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1308	1044	1738	128	1398	1522
			load	1070	875	1392	110	1138	1294
			domContentLoaded	1063	872	1386	109	1128	1287
			domInteractive	27	15	117	20	23	85
			firstPaint	548	85	1354	432	1068	1200
			backgroundConnect	217	200	277	14	223	244
			firstReactRender	42	31	77	10	43	70
			getState	34	17	107	14	40	53
			initialActions	1	0	3	1	1	1
			loadScripts	853	668	1127	105	917	1064
			setupStore	12	6	54	6	13	21
			numNetworkReqs	13	6	80	19	6	72
	Browserify	Power User Home	uiStartup	1913	1418	2509	185	2007	2312
			load	1077	876	1723	128	1161	1264
			domContentLoaded	1067	869	1705	128	1155	1258
			domInteractive	32	17	249	30	28	87
			firstPaint	558	97	1337	407	1008	1220
			backgroundConnect	242	197	645	78	233	536
			firstReactRender	48	39	66	6	51	59
			getState	200	144	785	82	207	269
			initialActions	1	0	2	0	1	2
			loadScripts	853	674	1455	124	937	1048
			setupStore	15	7	42	7	15	34
			numNetworkReqs	72	57	227	29	67	128
	Webpack	Standard Home	uiStartup	819	682	1039	76	862	954
			load	660	573	848	70	705	820
			domContentLoaded	654	567	841	69	701	814
			domInteractive	26	16	102	19	23	84
			firstPaint	228	86	847	153	221	685
			backgroundConnect	11	6	32	6	11	30
			firstReactRender	52	31	143	25	56	105
			getState	30	15	97	13	38	54
			initialActions	1	0	4	1	1	2
			loadScripts	651	565	833	68	699	806
			setupStore	12	6	44	6	13	29
			numNetworkReqs	13	6	77	20	6	72
	Webpack	Power User Home	uiStartup	1428	1118	2020	210	1590	1827
			load	724	598	1067	99	774	909
			domContentLoaded	717	590	1050	98	766	899
			domInteractive	31	16	130	26	27	106
			firstPaint	311	83	1069	241	316	897
			backgroundConnect	92	8	659	164	86	567
			firstReactRender	50	41	83	6	52	65
			getState	185	145	329	35	189	264
			initialActions	1	0	2	0	1	1
			loadScripts	714	588	1047	97	763	896
			setupStore	17	8	42	9	16	38
			numNetworkReqs	70	56	164	23	66	136
Firefox	Browserify	Standard Home	uiStartup	1316	1090	1852	171	1458	1583
			load	1064	905	1355	103	1141	1282
			domContentLoaded	1064	905	1355	103	1140	1282
			domInteractive	66	31	162	35	84	142
			firstPaint	-	-	-	-	-	-
			backgroundConnect	49	20	241	40	51	142
			firstReactRender	37	30	60	6	39	49
			getState	13	7	116	12	12	32
			initialActions	1	0	3	1	2	2
			loadScripts	1035	889	1338	93	1104	1196
			setupStore	18	5	204	30	11	78
			numNetworkReqs	15	6	81	21	8	77
	Browserify	Power User Home	uiStartup	2671	1594	3774	565	3154	3509
			load	1669	990	2685	525	2157	2437
			domContentLoaded	1669	989	2684	525	2157	2437
			domInteractive	119	32	1077	189	91	367
			firstPaint	-	-	-	-	-	-
			backgroundConnect	200	23	1175	238	208	938
			firstReactRender	57	38	194	19	61	88
			getState	133	63	368	46	152	225
			initialActions	2	0	36	4	2	7
			loadScripts	1557	970	2653	492	1987	2393
			setupStore	38	5	372	61	47	119
			numNetworkReqs	74	50	143	23	68	133
	Webpack	Standard Home	uiStartup	1512	1261	2140	168	1586	1900
			load	1257	1064	1560	114	1331	1504
			domContentLoaded	1256	1064	1554	114	1331	1504
			domInteractive	68	27	205	40	93	135
			firstPaint	-	-	-	-	-	-
			backgroundConnect	51	20	162	31	55	137
			firstReactRender	41	32	90	11	42	65
			getState	17	7	143	22	14	40
			initialActions	1	0	3	1	1	2
			loadScripts	1229	1049	1538	108	1307	1471
			setupStore	17	5	206	28	12	55
			numNetworkReqs	15	6	86	21	8	76
	Webpack	Power User Home	uiStartup	2602	1670	3745	532	3058	3375
			load	1832	1094	2710	493	2312	2609
			domContentLoaded	1832	1092	2709	493	2312	2608
			domInteractive	251	28	1098	350	310	969
			firstPaint	-	-	-	-	-	-
			backgroundConnect	143	26	969	198	169	929
			firstReactRender	56	35	181	16	61	79
			getState	134	79	260	46	163	237
			initialActions	2	0	34	4	2	4
			loadScripts	1754	1078	2686	465	2222	2452
			setupStore	32	4	350	57	25	194
			numNetworkReqs	75	57	124	20	89	119

📊 Page Load Benchmark Results

Current Commit: adcdb33 | Date: 12/11/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.06s (±44ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
domContentLoaded-> current mean value: 742ms (±40ms) 🟢 | historical mean value: 737ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 79ms (±11ms) 🟢 | historical mean value: 84ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.06s	44ms	1.01s	1.35s	1.09s	1.35s
domContentLoaded	742ms	40ms	701ms	1.02s	771ms	1.02s
firstPaint	79ms	11ms	64ms	176ms	92ms	176ms
firstContentfulPaint	79ms	11ms	64ms	176ms	92ms	176ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs [🚀 Bundle size reduced!]

background: -1.1 KiB (-0.02%)
ui: 894 Bytes (0.01%)
common: -2.67 KiB (-0.03%)

shared/constants/bridge.ts

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx

metamaskbot · 2025-12-11T23:14:13Z

Builds ready [3ef8d23]

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
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- content-script: 0
- offscreen: 0

UI Startup Metrics (1300 ± 113 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1300	1058	1664	113	1382	1489
			load	1065	870	1443	95	1125	1209
			domContentLoaded	1058	865	1437	95	1118	1203
			domInteractive	29	17	150	22	25	86
			firstPaint	569	86	1280	413	1054	1179
			backgroundConnect	220	201	319	16	225	249
			firstReactRender	46	33	89	12	48	75
			getState	39	18	120	21	44	110
			initialActions	1	0	4	1	1	2
			loadScripts	845	663	1217	91	898	996
			setupStore	12	6	51	5	13	18
			numNetworkReqs	13	6	80	18	6	65
	Browserify	Power User Home	uiStartup	1912	1553	2306	144	1989	2224
			load	1090	895	1389	116	1170	1294
			domContentLoaded	1079	890	1382	117	1160	1282
			domInteractive	30	17	126	22	27	98
			firstPaint	590	101	1402	438	1066	1262
			backgroundConnect	256	203	749	98	241	563
			firstReactRender	50	40	73	6	53	65
			getState	215	148	707	103	218	279
			initialActions	1	0	2	1	1	2
			loadScripts	863	693	1163	116	943	1077
			setupStore	15	8	44	6	15	32
			numNetworkReqs	71	58	157	19	68	126
	Webpack	Standard Home	uiStartup	814	676	994	70	861	924
			load	664	572	861	76	727	807
			domContentLoaded	658	567	854	75	723	801
			domInteractive	26	16	90	19	22	84
			firstPaint	249	82	858	181	225	734
			backgroundConnect	11	6	30	5	13	28
			firstReactRender	49	33	158	26	46	131
			getState	28	15	124	15	36	51
			initialActions	1	0	4	1	1	2
			loadScripts	655	565	852	74	718	799
			setupStore	12	7	53	7	12	28
			numNetworkReqs	13	6	74	18	6	68
	Webpack	Power User Home	uiStartup	1389	1067	2028	191	1491	1743
			load	715	582	1067	101	797	890
			domContentLoaded	708	577	1061	101	790	883
			domInteractive	31	16	115	25	26	104
			firstPaint	286	91	879	209	300	720
			backgroundConnect	72	6	670	137	78	542
			firstReactRender	50	40	75	5	51	60
			getState	177	139	328	30	186	236
			initialActions	1	0	2	0	1	1
			loadScripts	705	575	1059	100	784	880
			setupStore	16	8	45	9	14	36
			numNetworkReqs	70	55	147	20	68	128
Firefox	Browserify	Standard Home	uiStartup	1366	1100	2270	207	1462	1772
			load	1086	928	2054	133	1151	1233
			domContentLoaded	1085	928	2054	133	1151	1233
			domInteractive	65	30	981	97	73	130
			firstPaint	-	-	-	-	-	-
			backgroundConnect	52	22	208	40	62	157
			firstReactRender	39	31	71	8	40	58
			getState	13	6	155	16	12	30
			initialActions	1	0	3	0	1	2
			loadScripts	1056	911	2032	127	1119	1188
			setupStore	13	6	156	16	11	33
			numNetworkReqs	15	6	87	21	7	76
	Browserify	Power User Home	uiStartup	2688	1653	3634	568	3129	3467
			load	1690	981	2502	501	2120	2409
			domContentLoaded	1690	981	2502	501	2119	2409
			domInteractive	134	32	987	210	101	915
			firstPaint	-	-	-	-	-	-
			backgroundConnect	202	29	1123	225	213	944
			firstReactRender	58	38	106	12	62	84
			getState	159	67	1232	127	171	298
			initialActions	3	0	40	5	2	3
			loadScripts	1590	961	2403	475	2016	2279
			setupStore	55	5	401	86	59	297
			numNetworkReqs	75	56	139	24	69	128
	Webpack	Standard Home	uiStartup	1595	1269	2075	150	1675	1886
			load	1314	1127	1654	99	1365	1511
			domContentLoaded	1313	1126	1653	99	1364	1511
			domInteractive	76	29	166	36	102	135
			firstPaint	-	-	-	-	-	-
			backgroundConnect	59	21	191	40	58	155
			firstReactRender	43	33	88	9	44	57
			getState	21	10	169	26	16	87
			initialActions	1	0	2	1	2	2
			loadScripts	1281	1109	1626	90	1331	1456
			setupStore	15	4	87	13	14	48
			numNetworkReqs	16	6	90	22	8	75
	Webpack	Power User Home	uiStartup	2703	1766	4082	563	3137	3518
			load	1852	1180	3245	519	2330	2559
			domContentLoaded	1851	1180	3245	519	2330	2554
			domInteractive	216	31	1075	318	210	988
			firstPaint	-	-	-	-	-	-
			backgroundConnect	156	25	1194	212	187	928
			firstReactRender	55	38	120	13	60	75
			getState	130	80	268	50	166	234
			initialActions	2	0	37	4	2	7
			loadScripts	1778	1157	3219	487	2243	2501
			setupStore	45	4	1060	116	37	148
			numNetworkReqs	75	53	138	24	68	131

📊 Page Load Benchmark Results

Current Commit: 3ef8d23 | Date: 12/11/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.03s (±40ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
domContentLoaded-> current mean value: 719ms (±38ms) 🟢 | historical mean value: 732ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 76ms (±9ms) 🟢 | historical mean value: 83ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.03s	40ms	1.01s	1.33s	1.08s	1.33s
domContentLoaded	719ms	38ms	697ms	1.00s	760ms	1.00s
firstPaint	76ms	9ms	60ms	148ms	88ms	148ms
firstContentfulPaint	76ms	9ms	60ms	148ms	88ms	148ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs [🚀 Bundle size reduced!]

background: -1.1 KiB (-0.02%)
ui: 2.72 KiB (0.04%)
common: -2.43 KiB (-0.03%)

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx

ui/pages/bridge/prepare/prepare-bridge-page.tsx

metamaskbot · 2025-12-12T19:20:33Z

Builds ready [bfd56db]

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
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- content-script: 0
- offscreen: 0

UI Startup Metrics (1267 ± 118 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1267	1039	1787	118	1313	1400
			load	1049	861	1465	101	1096	1184
			domContentLoaded	1042	856	1459	101	1089	1169
			domInteractive	26	15	96	20	22	82
			firstPaint	506	70	1430	404	1023	1138
			backgroundConnect	209	194	254	10	212	232
			firstReactRender	44	32	142	15	44	72
			getState	35	18	67	9	39	54
			initialActions	1	0	5	1	1	2
			loadScripts	839	660	1211	98	890	967
			setupStore	11	7	20	3	12	18
			numNetworkReqs	18	11	78	18	11	75
	Browserify	Power User Home	uiStartup	1907	1599	2703	181	1985	2233
			load	1076	877	1525	132	1171	1326
			domContentLoaded	1067	868	1509	131	1162	1315
			domInteractive	32	17	186	27	27	101
			firstPaint	536	99	1553	413	1006	1250
			backgroundConnect	241	196	633	85	227	512
			firstReactRender	48	40	79	6	49	58
			getState	197	147	711	79	200	264
			initialActions	1	0	7	1	1	2
			loadScripts	857	672	1236	127	953	1112
			setupStore	15	8	59	8	14	36
			numNetworkReqs	65	51	129	17	63	114
	Webpack	Standard Home	uiStartup	869	689	1062	87	934	1019
			load	680	581	888	88	738	864
			domContentLoaded	674	576	881	87	732	856
			domInteractive	26	15	112	19	22	79
			firstPaint	209	83	811	127	207	606
			backgroundConnect	26	6	156	29	31	103
			firstReactRender	60	35	265	43	54	178
			getState	30	15	73	12	37	56
			initialActions	1	0	5	1	1	2
			loadScripts	671	574	879	86	724	853
			setupStore	10	5	24	4	11	21
			numNetworkReqs	18	11	79	18	11	73
	Webpack	Power User Home	uiStartup	1427	1071	2056	211	1588	1807
			load	741	596	1015	105	844	935
			domContentLoaded	734	589	1008	105	831	928
			domInteractive	33	17	163	28	27	108
			firstPaint	312	106	973	235	307	870
			backgroundConnect	105	8	669	182	99	588
			firstReactRender	52	42	89	7	53	68
			getState	185	141	312	35	191	275
			initialActions	1	0	2	1	1	2
			loadScripts	731	586	1005	104	828	925
			setupStore	14	7	41	7	14	34
			numNetworkReqs	68	53	215	28	61	127
Firefox	Browserify	Standard Home	uiStartup	1595	1200	2314	199	1701	1948
			load	1225	1025	1734	128	1283	1493
			domContentLoaded	1224	1025	1733	128	1283	1492
			domInteractive	92	39	366	49	107	183
			firstPaint	-	-	-	-	-	-
			backgroundConnect	74	26	291	52	90	196
			firstReactRender	46	34	77	8	50	64
			getState	22	7	206	33	15	99
			initialActions	2	0	3	1	2	2
			loadScripts	1179	1003	1652	116	1230	1424
			setupStore	22	6	235	31	18	95
			numNetworkReqs	20	10	84	20	14	79
	Browserify	Power User Home	uiStartup	2664	1591	5134	594	2996	3609
			load	1668	978	3522	516	2053	2387
			domContentLoaded	1668	978	3522	516	2053	2386
			domInteractive	166	31	2307	316	96	940
			firstPaint	-	-	-	-	-	-
			backgroundConnect	205	22	1133	231	234	959
			firstReactRender	57	38	190	19	61	95
			getState	138	72	336	52	161	267
			initialActions	3	1	41	6	2	3
			loadScripts	1558	958	3502	487	1941	2343
			setupStore	34	5	334	52	36	112
			numNetworkReqs	70	50	133	20	84	111
	Webpack	Standard Home	uiStartup	1609	1313	2246	170	1718	1910
			load	1316	1113	1859	116	1390	1492
			domContentLoaded	1315	1112	1858	116	1390	1492
			domInteractive	78	28	196	36	101	132
			firstPaint	-	-	-	-	-	-
			backgroundConnect	64	15	162	38	90	140
			firstReactRender	42	33	97	9	43	56
			getState	16	7	128	14	17	38
			initialActions	1	0	3	1	2	2
			loadScripts	1281	1088	1796	111	1348	1439
			setupStore	21	6	209	31	14	94
			numNetworkReqs	20	9	85	20	13	76
	Webpack	Power User Home	uiStartup	2729	1803	4466	529	3094	3444
			load	1881	1146	3043	437	2252	2428
			domContentLoaded	1881	1146	3043	437	2252	2428
			domInteractive	212	32	1097	314	153	941
			firstPaint	-	-	-	-	-	-
			backgroundConnect	160	25	1023	169	194	319
			firstReactRender	57	39	123	14	61	84
			getState	126	74	326	51	149	232
			initialActions	2	1	9	1	2	3
			loadScripts	1787	1127	3010	422	2179	2361
			setupStore	45	6	966	106	40	176
			numNetworkReqs	67	43	128	22	69	120

📊 Page Load Benchmark Results

Current Commit: bfd56db | Date: 12/12/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.09s (±53ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
domContentLoaded-> current mean value: 749ms (±48ms) 🟢 | historical mean value: 730ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 87ms (±14ms) 🟢 | historical mean value: 78ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.09s	53ms	981ms	1.41s	1.14s	1.41s
domContentLoaded	749ms	48ms	673ms	1.05s	794ms	1.05s
firstPaint	87ms	14ms	72ms	204ms	100ms	204ms
firstContentfulPaint	87ms	14ms	72ms	204ms	100ms	204ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

background: 58 Bytes (0%)
ui: -175 Bytes (0%)
common: 110 Bytes (0%)

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx

metamaskbot · 2025-12-12T21:32:31Z

Builds ready [22d1260]

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
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- content-script: 0
- offscreen: 0

UI Startup Metrics (1309 ± 97 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1309	1073	1657	97	1372	1433
			load	1080	882	1285	88	1142	1205
			domContentLoaded	1074	875	1273	88	1135	1196
			domInteractive	26	16	85	18	22	81
			firstPaint	554	95	1248	416	1078	1182
			backgroundConnect	215	199	301	12	217	230
			firstReactRender	49	32	86	14	54	81
			getState	39	16	81	13	44	69
			initialActions	1	0	5	1	1	2
			loadScripts	865	669	1038	88	927	983
			setupStore	11	7	37	4	12	19
			numNetworkReqs	17	11	74	16	11	67
	Browserify	Power User Home	uiStartup	1890	1549	2662	185	1962	2329
			load	1055	888	1608	123	1152	1261
			domContentLoaded	1044	883	1598	122	1141	1234
			domInteractive	31	17	257	31	27	96
			firstPaint	528	91	1316	401	991	1247
			backgroundConnect	249	200	609	95	232	553
			firstReactRender	49	39	93	7	50	63
			getState	194	140	731	78	199	258
			initialActions	1	0	3	1	1	2
			loadScripts	835	686	1318	119	931	1024
			setupStore	15	7	40	7	14	34
			numNetworkReqs	65	53	130	16	62	114
	Webpack	Standard Home	uiStartup	844	673	1185	89	887	1022
			load	648	565	915	79	682	820
			domContentLoaded	642	561	906	78	678	815
			domInteractive	26	15	107	20	22	84
			firstPaint	245	76	921	187	226	702
			backgroundConnect	31	6	146	30	44	98
			firstReactRender	57	34	161	33	54	141
			getState	32	16	94	15	41	59
			initialActions	1	0	4	1	1	3
			loadScripts	639	559	904	77	676	806
			setupStore	13	7	55	10	14	38
			numNetworkReqs	18	11	81	18	11	71
	Webpack	Power User Home	uiStartup	1497	1163	2051	213	1618	1922
			load	767	635	1078	107	853	957
			domContentLoaded	759	626	1069	106	843	949
			domInteractive	35	17	148	31	29	120
			firstPaint	301	107	1088	239	282	913
			backgroundConnect	77	9	671	159	44	644
			firstReactRender	55	40	74	6	57	71
			getState	196	151	330	36	207	272
			initialActions	1	0	3	0	1	2
			loadScripts	756	624	1060	105	840	941
			setupStore	15	9	42	7	14	35
			numNetworkReqs	66	50	244	26	61	129
Firefox	Browserify	Standard Home	uiStartup	1439	1100	2453	183	1528	1780
			load	1120	918	2078	140	1203	1291
			domContentLoaded	1120	918	2078	140	1199	1291
			domInteractive	71	31	227	37	89	135
			firstPaint	-	-	-	-	-	-
			backgroundConnect	71	21	209	49	105	179
			firstReactRender	41	31	83	9	44	62
			getState	14	6	205	20	12	30
			initialActions	1	0	2	0	2	2
			loadScripts	1084	900	1988	128	1152	1252
			setupStore	12	6	43	8	12	33
			numNetworkReqs	19	9	79	19	13	76
	Browserify	Power User Home	uiStartup	2622	1693	3908	514	3046	3266
			load	1668	967	2559	468	2058	2317
			domContentLoaded	1668	966	2559	467	2058	2317
			domInteractive	129	32	974	221	77	930
			firstPaint	-	-	-	-	-	-
			backgroundConnect	173	25	994	179	205	382
			firstReactRender	55	35	102	12	61	82
			getState	139	58	1102	107	150	225
			initialActions	2	0	3	1	2	3
			loadScripts	1578	949	2387	442	1945	2269
			setupStore	47	5	388	76	57	242
			numNetworkReqs	70	54	131	20	87	111
	Webpack	Standard Home	uiStartup	1550	1284	1938	146	1634	1847
			load	1280	1067	1564	117	1372	1484
			domContentLoaded	1280	1066	1564	117	1371	1483
			domInteractive	71	28	235	42	89	130
			firstPaint	-	-	-	-	-	-
			backgroundConnect	57	18	174	38	78	136
			firstReactRender	40	34	89	7	41	53
			getState	15	9	180	18	15	26
			initialActions	1	0	3	1	1	2
			loadScripts	1249	1050	1539	107	1326	1449
			setupStore	14	5	117	14	14	35
			numNetworkReqs	19	9	90	20	13	77
	Webpack	Power User Home	uiStartup	2642	1735	3630	530	3062	3493
			load	1854	1115	2662	503	2337	2540
			domContentLoaded	1853	1114	2654	503	2336	2539
			domInteractive	274	29	1058	377	330	993
			firstPaint	-	-	-	-	-	-
			backgroundConnect	137	26	1045	147	190	321
			firstReactRender	55	36	94	9	60	69
			getState	132	79	252	48	153	232
			initialActions	3	1	42	4	2	6
			loadScripts	1798	1098	2586	480	2245	2497
			setupStore	54	5	1156	152	42	202
			numNetworkReqs	70	50	126	22	69	122

📊 Page Load Benchmark Results

Current Commit: 22d1260 | Date: 12/12/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.04s (±51ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
domContentLoaded-> current mean value: 725ms (±44ms) 🟢 | historical mean value: 730ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 77ms (±13ms) 🟢 | historical mean value: 78ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	51ms	1.01s	1.41s	1.08s	1.41s
domContentLoaded	725ms	44ms	699ms	1.05s	770ms	1.05s
firstPaint	77ms	13ms	60ms	188ms	92ms	188ms
firstContentfulPaint	77ms	13ms	60ms	188ms	92ms	188ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

background: 58 Bytes (0%)
ui: -175 Bytes (0%)
common: 110 Bytes (0%)

ui/ducks/bridge/bridge.ts

metamaskbot · 2025-12-17T17:09:34Z

Builds ready [e0bcf37]

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
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- content-script: 0
- offscreen: 0

UI Startup Metrics (1272 ± 94 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1272	1046	1528	94	1327	1439
			load	1065	872	1319	89	1122	1223
			domContentLoaded	1058	868	1311	89	1114	1207
			domInteractive	25	15	109	18	21	70
			firstPaint	499	76	1331	413	1027	1174
			backgroundConnect	211	195	251	10	216	228
			firstReactRender	14	8	30	4	15	25
			getState	38	20	107	13	43	59
			initialActions	1	0	5	1	1	2
			loadScripts	854	653	1094	90	914	1006
			setupStore	12	6	25	4	13	22
			numNetworkReqs	18	11	79	17	11	68
	Browserify	Power User Home	uiStartup	1793	1478	2462	167	1892	2106
			load	1064	882	1591	128	1145	1269
			domContentLoaded	1054	879	1575	127	1132	1263
			domInteractive	30	17	121	24	25	105
			firstPaint	569	97	1589	423	1054	1206
			backgroundConnect	242	197	577	74	235	425
			firstReactRender	14	11	29	3	15	20
			getState	189	147	279	28	207	245
			initialActions	1	0	2	1	1	2
			loadScripts	841	679	1238	119	916	1056
			setupStore	15	7	48	8	14	41
			numNetworkReqs	66	52	135	19	62	118
	Webpack	Standard Home	uiStartup	792	644	1066	77	841	930
			load	639	570	848	70	668	787
			domContentLoaded	635	566	843	70	663	778
			domInteractive	26	16	123	22	22	89
			firstPaint	244	72	772	170	225	668
			backgroundConnect	32	6	125	32	51	104
			firstReactRender	14	10	37	4	14	23
			getState	33	15	136	18	42	63
			initialActions	1	0	2	1	1	1
			loadScripts	631	564	834	69	661	775
			setupStore	11	5	36	5	11	20
			numNetworkReqs	18	11	83	19	11	74
	Webpack	Power User Home	uiStartup	1338	1011	2142	224	1379	1866
			load	774	630	1175	111	886	962
			domContentLoaded	766	624	1168	110	876	953
			domInteractive	34	18	131	26	29	105
			firstPaint	334	102	961	250	369	908
			backgroundConnect	67	8	636	135	57	557
			firstReactRender	17	14	26	3	17	23
			getState	178	149	765	62	179	226
			initialActions	1	0	3	0	1	2
			loadScripts	763	620	1165	109	868	951
			setupStore	17	8	61	10	15	41
			numNetworkReqs	66	54	140	19	64	123
Firefox	Browserify	Standard Home	uiStartup	1351	1047	2382	207	1413	1763
			load	1092	897	2177	166	1136	1343
			domContentLoaded	1091	897	2177	166	1134	1343
			domInteractive	72	31	1165	117	86	148
			firstPaint	-	-	-	-	-	-
			backgroundConnect	51	16	210	43	59	181
			firstReactRender	13	10	35	4	13	21
			getState	13	5	149	16	13	24
			initialActions	1	0	3	1	1	2
			loadScripts	1060	884	2155	153	1105	1304
			setupStore	13	4	94	12	11	34
			numNetworkReqs	20	9	88	20	13	80
	Browserify	Power User Home	uiStartup	2638	1539	4080	593	3103	3371
			load	1761	996	2818	577	2276	2604
			domContentLoaded	1761	996	2817	577	2276	2603
			domInteractive	83	32	386	81	81	329
			firstPaint	-	-	-	-	-	-
			backgroundConnect	387	18	1189	412	499	1152
			firstReactRender	20	12	66	8	22	27
			getState	113	70	204	28	129	163
			initialActions	3	1	41	5	2	7
			loadScripts	1457	982	2643	476	2035	2300
			setupStore	55	5	1082	183	23	196
			numNetworkReqs	72	52	139	22	78	118
	Webpack	Standard Home	uiStartup	1546	1288	2290	196	1618	1941
			load	1270	1111	1594	113	1343	1491
			domContentLoaded	1270	1111	1594	113	1342	1491
			domInteractive	81	30	330	50	105	199
			firstPaint	-	-	-	-	-	-
			backgroundConnect	58	20	282	44	73	140
			firstReactRender	16	11	55	6	16	25
			getState	21	6	232	38	14	67
			initialActions	1	1	3	0	2	2
			loadScripts	1235	1095	1572	98	1282	1427
			setupStore	17	5	214	25	16	45
			numNetworkReqs	20	9	87	20	14	80
	Webpack	Power User Home	uiStartup	2705	1671	4003	593	3192	3451
			load	2008	1164	3146	536	2464	2663
			domContentLoaded	2008	1163	3145	537	2464	2663
			domInteractive	77	30	1018	117	66	290
			firstPaint	-	-	-	-	-	-
			backgroundConnect	292	22	1266	320	341	1147
			firstReactRender	24	12	174	23	23	60
			getState	114	73	239	36	133	185
			initialActions	3	1	101	10	2	8
			loadScripts	1792	1145	2979	475	2223	2497
			setupStore	42	5	1212	153	21	86
			numNetworkReqs	71	47	149	24	83	122

📊 Page Load Benchmark Results

Current Commit: e0bcf37 | Date: 12/17/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.03s (±59ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
domContentLoaded-> current mean value: 722ms (±52ms) 🟢 | historical mean value: 719ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 75ms (±10ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.03s	59ms	1.00s	1.39s	1.08s	1.39s
domContentLoaded	722ms	52ms	695ms	1.00s	749ms	1.00s
firstPaint	75ms	10ms	60ms	148ms	84ms	148ms
firstContentfulPaint	75ms	10ms	60ms	148ms	84ms	148ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

background: 58 Bytes (0%)
ui: -175 Bytes (0%)
common: 110 Bytes (0%)

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx

ui/pages/bridge/prepare/bridge-input-group.tsx

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx

metamaskbot · 2025-12-17T18:27:30Z

Builds ready [05313a0]

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
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all artifacts
bundle viz:
- background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
- content-script: 0
- offscreen: 0

UI Startup Metrics (1326 ± 132 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Standard Home	uiStartup	1326	1043	1664	132	1409	1568
			load	1124	890	1415	121	1200	1348
			domContentLoaded	1117	885	1408	120	1194	1340
			domInteractive	28	16	108	20	24	95
			firstPaint	181	68	1248	157	199	313
			backgroundConnect	220	203	277	10	225	242
			firstReactRender	14	9	38	4	16	23
			getState	35	17	65	10	41	56
			initialActions	1	0	7	1	1	2
			loadScripts	905	676	1186	120	975	1125
			setupStore	12	6	32	4	14	20
			numNetworkReqs	17	11	78	16	11	67
	Browserify	Power User Home	uiStartup	1791	1345	2266	176	1873	2130
			load	1056	873	1338	118	1155	1256
			domContentLoaded	1046	865	1332	118	1147	1247
			domInteractive	30	16	123	23	26	92
			firstPaint	176	72	1273	129	215	309
			backgroundConnect	249	194	656	92	234	581
			firstReactRender	14	10	22	2	14	17
			getState	183	145	272	26	198	233
			initialActions	1	0	2	1	1	2
			loadScripts	835	667	1116	115	924	1041
			setupStore	17	6	65	11	15	43
			numNetworkReqs	67	56	131	16	64	110
	Webpack	Standard Home	uiStartup	813	663	1144	90	844	1018
			load	654	581	1045	86	671	816
			domContentLoaded	649	574	1039	85	666	811
			domInteractive	26	16	92	20	23	89
			firstPaint	101	61	223	45	130	199
			backgroundConnect	29	6	132	31	43	102
			firstReactRender	15	10	30	4	16	23
			getState	32	14	141	16	37	53
			initialActions	1	0	3	1	1	1
			loadScripts	646	572	1037	84	664	803
			setupStore	11	6	46	5	12	19
			numNetworkReqs	18	11	86	18	11	74
	Webpack	Power User Home	uiStartup	1268	978	2173	200	1333	1682
			load	734	610	1094	91	760	912
			domContentLoaded	728	603	1087	90	751	907
			domInteractive	33	17	146	29	27	114
			firstPaint	122	67	325	57	144	246
			backgroundConnect	93	7	644	164	93	548
			firstReactRender	16	12	23	2	17	20
			getState	163	143	207	12	170	184
			initialActions	1	0	2	1	1	2
			loadScripts	725	601	1078	89	748	898
			setupStore	16	9	46	9	14	38
			numNetworkReqs	66	53	139	17	63	115
Firefox	Browserify	Standard Home	uiStartup	1451	1097	2526	242	1506	1947
			load	1141	938	2287	169	1187	1451
			domContentLoaded	1141	938	2286	169	1186	1451
			domInteractive	80	29	1136	113	89	136
			firstPaint	-	-	-	-	-	-
			backgroundConnect	61	23	413	59	73	182
			firstReactRender	13	10	41	4	13	18
			getState	21	7	900	89	13	25
			initialActions	1	0	3	1	2	2
			loadScripts	1106	922	2178	154	1143	1313
			setupStore	15	4	221	26	12	43
			numNetworkReqs	19	9	79	19	13	74
	Browserify	Power User Home	uiStartup	2609	1531	3715	563	3055	3334
			load	1692	1008	2680	564	2250	2594
			domContentLoaded	1692	1007	2680	564	2250	2594
			domInteractive	103	33	989	146	96	352
			firstPaint	-	-	-	-	-	-
			backgroundConnect	348	21	1297	403	406	1162
			firstReactRender	20	12	64	7	21	28
			getState	126	59	1023	99	131	180
			initialActions	2	1	8	2	2	7
			loadScripts	1431	987	2511	474	1976	2401
			setupStore	45	5	1059	113	44	197
			numNetworkReqs	71	51	147	23	80	116
	Webpack	Standard Home	uiStartup	1691	1321	2557	216	1789	2131
			load	1389	1160	2022	143	1465	1605
			domContentLoaded	1389	1159	2022	143	1465	1604
			domInteractive	84	30	217	42	110	152
			firstPaint	-	-	-	-	-	-
			backgroundConnect	69	21	262	49	86	161
			firstReactRender	16	12	62	6	18	26
			getState	19	6	164	25	15	70
			initialActions	1	0	3	1	2	2
			loadScripts	1348	1141	1908	128	1413	1576
			setupStore	22	4	239	33	16	98
			numNetworkReqs	20	9	88	20	14	77
	Webpack	Power User Home	uiStartup	2715	1724	4471	599	3175	3654
			load	1996	1170	3061	535	2460	2740
			domContentLoaded	1995	1169	3055	535	2459	2740
			domInteractive	84	28	1017	117	80	288
			firstPaint	-	-	-	-	-	-
			backgroundConnect	301	25	1281	331	353	1108
			firstReactRender	20	13	29	4	22	27
			getState	121	69	963	91	124	190
			initialActions	4	1	159	16	2	6
			loadScripts	1770	1112	2895	472	2198	2532
			setupStore	56	4	1119	182	25	212
			numNetworkReqs	71	52	144	23	82	117

📊 Page Load Benchmark Results

Current Commit: 05313a0 | Date: 12/17/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.03s (±38ms) 🟡 | historical mean value: 1.04s ⬇️ (historical data)
domContentLoaded-> current mean value: 719ms (±36ms) 🟢 | historical mean value: 725ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 76ms (±10ms) 🟢 | historical mean value: 80ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.03s	38ms	1.01s	1.31s	1.07s	1.31s
domContentLoaded	719ms	36ms	700ms	979ms	743ms	979ms
firstPaint	76ms	10ms	60ms	160ms	84ms	160ms
firstContentfulPaint	76ms	10ms	60ms	160ms	84ms	160ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

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

background: 1.01 KiB (0.02%)
ui: 247 Bytes (0%)
common: 157 Bytes (0%)

micaelae added 7 commits December 10, 2025 17:38

chore: move bridge asset picker button

0756c8c

chore: forward ref to Row

f6ed3ac

feat: LoadingSkeleton component

9e9d041

feat: bridge Asset component

d8115fc

feat: NetworkPicker component

e389d08

feat: BridgeAssetPicker component

c847ebc

fix: update unit tests

9ce6a36

metamaskbot added the team-swaps-and-bridge Swaps and Bridge team label Dec 11, 2025

github-actions bot added the size-XL label Dec 11, 2025

micaelae and others added 2 commits December 11, 2025 09:13

Merge branch 'main' into swaps-asset-picker-components-1

14a3aef

fix: rm hook import for now

4f1585f

micaelae marked this pull request as ready for review December 11, 2025 17:22

micaelae requested a review from a team as a code owner December 11, 2025 17:22

micaelae enabled auto-merge December 11, 2025 17:22

cursor bot reviewed Dec 11, 2025

View reviewed changes

ui/pages/bridge/prepare/components/bridge-asset-picker/index.tsx Show resolved Hide resolved

cursor bot reviewed Dec 11, 2025

View reviewed changes

fix: lint errors

e1e48ff

cursor bot reviewed Dec 11, 2025

View reviewed changes

ui/pages/bridge/prepare/components/bridge-asset-picker/selected-asset-button.tsx Outdated Show resolved Hide resolved

ui/pages/bridge/prepare/bridge-input-group.tsx Outdated Show resolved Hide resolved

micaelae added 2 commits December 11, 2025 11:48

fix: style network icons

fc0d244

fix: add fallback for null token

b973293

cursor bot reviewed Dec 11, 2025

View reviewed changes

ui/pages/bridge/prepare/bridge-input-group.tsx Show resolved Hide resolved

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx Show resolved Hide resolved

micaelae added 2 commits December 11, 2025 12:12

fix: lint errors

547c0c1

fix: lint errors

adcdb33

cursor bot reviewed Dec 11, 2025

View reviewed changes

ui/pages/bridge/prepare/bridge-input-group.tsx Show resolved Hide resolved

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx Show resolved Hide resolved

micaelae added 2 commits December 11, 2025 14:41

chore: require token actions to have a payload

a29a4be

chore: populate security_warnings

3ef8d23

cursor bot reviewed Dec 11, 2025

View reviewed changes

shared/constants/bridge.ts Show resolved Hide resolved

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx Show resolved Hide resolved

micaelae and others added 2 commits December 12, 2025 10:42

Merge branch 'main' into swaps-asset-picker-components-1

5cb80f5

fix: lint error

bfd56db

cursor bot reviewed Dec 12, 2025

View reviewed changes

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx Show resolved Hide resolved

ui/pages/bridge/prepare/prepare-bridge-page.tsx Outdated Show resolved Hide resolved

fix: lint

22d1260

cursor bot reviewed Dec 12, 2025

View reviewed changes

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx Show resolved Hide resolved

Merge branch 'main' into swaps-asset-picker-components-1

e0bcf37

cursor bot reviewed Dec 17, 2025

View reviewed changes

ui/ducks/bridge/bridge.ts Outdated Show resolved Hide resolved

fix: lint errors

494b52c

cursor bot reviewed Dec 17, 2025

View reviewed changes

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx Show resolved Hide resolved

fix: assetId comparison

05313a0

cursor bot reviewed Dec 17, 2025

View reviewed changes

ui/pages/bridge/prepare/bridge-input-group.tsx Show resolved Hide resolved

ui/pages/bridge/prepare/components/bridge-asset-picker/lazy-asset-list.tsx Show resolved Hide resolved

	>
	{(onClickHandler) =>
	(
	<SelectedAssetButton
	onClick={onClickHandler}
	asset={(token as never) ?? undefined}
	data-testid={buttonProps.testId}
	/>
	)
	}


	export const SelectedAssetButton = ({
	asset,
	...props
	}: {
	asset: BridgeToken;
	} & SelectButtonProps<'div'>) => (
	<SelectButton
	borderRadius={BorderRadius.pill}
	backgroundColor={BackgroundColor.backgroundDefault}
	borderColor={BorderColor.borderMuted}
	style={{
	padding: 8,
	paddingRight: 11,
	minWidth: 'fit-content',
	}}
	size={SelectButtonSize.Lg}
	alignItems={AlignItems.center}
	descriptionProps={{
	overflowWrap: OverflowWrap.BreakWord,
	ellipsis: false,
	}}
	caretIconProps={{
	name: IconName.ArrowDown,
	style: { display: Display.None },
	}}
	label={asset.symbol}
	startAccessory={
	<BadgeWrapper
	key={asset.assetId}
	style={{ marginRight: 2 }}
	badge={
	<AvatarNetwork
	name={NETWORK_TO_SHORT_NETWORK_NAME_MAP[asset.chainId]}
	src={BRIDGE_CHAIN_ID_TO_NETWORK_IMAGE_MAP[asset.chainId]}
	size={AvatarNetworkSize.Xs}
	style={{ borderWidth: 1, borderRadius: 6 }}
	hasBorder
	/>
	}
	>
	<AvatarToken src={asset.image} name={asset.symbol} />
	</BadgeWrapper>
	}
	{...props}
	/>
	);

feat: swap and bridge asset picker components #38749

Are you sure you want to change the base?

feat: swap and bridge asset picker components #38749

Uh oh!

Conversation

micaelae commented Dec 11, 2025 • 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!

metamaskbot commented Dec 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✨ Files requiring CODEOWNER review ✨

Uh oh!

metamaskbot commented Dec 11, 2025

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

cursor bot left a comment

Choose a reason for hiding this comment

Bug: Missing null check causes crash when token undefined

Uh oh!

metamaskbot commented Dec 11, 2025

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

metamaskbot commented Dec 11, 2025

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

Uh oh!

metamaskbot commented Dec 11, 2025

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

Uh oh!

metamaskbot commented Dec 12, 2025

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

metamaskbot commented Dec 12, 2025

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

metamaskbot commented Dec 17, 2025

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Uh oh!

Uh oh!

Uh oh!

metamaskbot commented Dec 17, 2025

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

micaelae commented Dec 11, 2025 •

edited

Loading

metamaskbot commented Dec 11, 2025 •

edited

Loading