feat: file uploader #35779

lionellbriones · 2025-09-10T05:56:45Z

Description

This is custom file upload component to be used on claims form

Note: in the future, we will convert this to a component library. We will add more support and flexibility.

Figma link: https://www.figma.com/design/HTAO1SrmixV4ppv7qIvLoa/Metamask-Shield?node-id=12480-73496&t=JIBqbBJW8HerHO46-4

Changelog

CHANGELOG entry: Add file upload component

Related issues

Fixes:

Manual testing steps

Can be tested together with claims form

N/A

Screenshots/Recordings

Before

After

Screen.Recording.2025-09-10.at.3.00.59.PM.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.

github-actions · 2025-09-10T05:56:55Z

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.

metamaskbot · 2025-09-10T06:41:13Z

📊 Page Load Benchmark Results

Current Commit: 916516d | Date: 9/10/2025

📄 https://metamask.github.io/test-dapp/

Samples: 100

Summary

pageLoadTime-> current mean value: 1.30s (±172ms) 🟡 | historical mean value: 1.31s ⬇️ (historical data)
domContentLoaded-> current mean value: 981ms (±170ms) 🟢 | historical mean value: 988ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 99ms (±130ms) 🟢 | historical mean value: 95ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.30s	172ms	1.25s	2.99s	1.34s	2.99s
domContentLoaded	981ms	170ms	938ms	2.66s	1.01s	2.66s
firstPaint	99ms	130ms	76ms	1.39s	112ms	1.39s
firstContentfulPaint	99ms	130ms	76ms	1.39s	112ms	1.39s
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Results generated automatically by MetaMask CI

metamaskbot · 2025-09-10T06:41:18Z

Builds ready [916516d]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
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
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- content-script: 0
- offscreen: 0

UI Startup Metrics (1237 ± 58 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1237	1111	1373	58	1284	1322
			load	1073	969	1186	54	1115	1149
			domContentLoaded	1065	963	1179	55	1107	1143
			domInteractive	18	13	54	7	17	40
			firstPaint	636	77	1165	430	1077	1152
			backgroundConnect	253	239	280	8	256	271
			firstReactRender	23	16	77	7	23	39
			getState	12	4	40	6	16	27
			initialActions	4	0	22	4	6	13
			loadScripts	820	723	930	53	861	896
			setupStore	9	5	35	4	9	15
	Webpack	Home	uiStartup	2065	1553	2564	247	2235	2470
			load	1654	1243	1967	182	1772	1890
			domContentLoaded	1644	1232	1942	181	1757	1880
			domInteractive	19	12	132	17	15	49
			firstPaint	170	63	325	63	204	297
			backgroundConnect	35	17	336	34	34	66
			firstReactRender	99	37	340	85	85	315
			getState	42	4	327	86	16	283
			initialActions	10	2	240	29	7	14
			loadScripts	1640	1230	1931	180	1755	1868
			setupStore	18	6	296	33	16	31
Firefox	Browserify	Home	uiStartup	1409	1174	1870	134	1495	1644
			load	1219	1031	1476	95	1271	1418
			domContentLoaded	1218	1031	1476	95	1271	1418
			domInteractive	106	34	275	49	115	216
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	34	18	192	24	34	88
			firstReactRender	27	22	54	5	28	34
			getState	8	3	85	12	6	16
			initialActions	5	1	166	17	3	12
			loadScripts	1193	1013	1455	92	1251	1388
			setupStore	9	4	50	8	8	33
	Webpack	Home	uiStartup	1601	1399	3084	218	1707	1942
			load	1358	1189	1708	136	1485	1629
			domContentLoaded	1358	1189	1708	136	1484	1628
			domInteractive	111	69	336	61	103	298
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	46	21	1365	133	39	48
			firstReactRender	43	33	61	5	46	52
			getState	6	3	24	3	6	15
			initialActions	4	0	139	14	3	6
			loadScripts	1334	1159	1678	137	1455	1594
			setupStore	11	6	222	22	9	20

Benchmark value 1238 exceeds gate value 1234 for chrome browserify home mean uiStartup
Benchmark value 1074 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1066 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 253 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 271 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 13 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 43 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 10 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 2470 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 283 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 14 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1410 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 35 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 27 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 216 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 88 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 12 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 33 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 112 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 47 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 44 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 4 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 1942 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 298 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 52 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 6 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 341ms | Sum of p95 exceeds: 585.8ms
Sum of all benchmark exceeds: 926.8ms

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

background: 21.05 KiB (0.47%)
ui: 126.9 KiB (1.66%)
common: 27.55 KiB (0.36%)

metamaskbot · 2025-09-10T08:28:45Z

📊 Page Load Benchmark Results

Current Commit: ff18e7e | Date: 9/10/2025

📄 https://metamask.github.io/test-dapp/

Samples: 100

Summary

pageLoadTime-> current mean value: 1.31s (±69ms) 🟡 | historical mean value: 1.31s ⬇️ (historical data)
domContentLoaded-> current mean value: 981ms (±67ms) 🟢 | historical mean value: 988ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 90ms (±32ms) 🟢 | historical mean value: 95ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.31s	69ms	1.27s	1.88s	1.35s	1.88s
domContentLoaded	981ms	67ms	950ms	1.54s	1.01s	1.54s
firstPaint	90ms	32ms	72ms	344ms	116ms	344ms
firstContentfulPaint	90ms	32ms	72ms	344ms	116ms	344ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Results generated automatically by MetaMask CI

metamaskbot · 2025-09-10T08:28:51Z

Builds ready [ff18e7e]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
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
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- content-script: 0
- offscreen: 0

UI Startup Metrics (1223 ± 64 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1223	1102	1377	64	1262	1333
			load	1063	958	1207	61	1109	1175
			domContentLoaded	1056	951	1201	61	1101	1165
			domInteractive	18	14	76	10	17	45
			firstPaint	657	74	1208	440	1076	1167
			backgroundConnect	250	234	274	7	254	265
			firstReactRender	24	17	47	6	26	35
			getState	14	5	61	8	16	30
			initialActions	5	0	46	7	6	21
			loadScripts	812	691	961	62	859	924
			setupStore	9	5	26	3	11	15
	Webpack	Home	uiStartup	1999	1411	2545	268	2199	2464
			load	1600	1124	2061	197	1730	1894
			domContentLoaded	1580	1110	2055	203	1721	1872
			domInteractive	18	12	122	15	14	42
			firstPaint	170	65	481	66	188	313
			backgroundConnect	44	16	417	69	33	83
			firstReactRender	92	36	332	80	82	315
			getState	35	5	323	76	15	270
			initialActions	13	2	289	42	7	21
			loadScripts	1575	1108	2044	201	1716	1860
			setupStore	18	6	296	39	14	24
Firefox	Browserify	Home	uiStartup	1411	1189	1908	114	1469	1614
			load	1224	1031	1465	81	1278	1376
			domContentLoaded	1224	1031	1465	81	1278	1376
			domInteractive	109	34	405	58	110	233
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	38	18	212	29	35	106
			firstReactRender	27	23	47	5	30	40
			getState	7	2	78	10	6	21
			initialActions	4	1	54	7	3	13
			loadScripts	1195	1013	1442	82	1254	1353
			setupStore	10	4	92	12	8	27
	Webpack	Home	uiStartup	1599	1393	2163	159	1705	1933
			load	1364	1175	1847	140	1489	1632
			domContentLoaded	1363	1175	1847	140	1488	1632
			domInteractive	111	59	338	63	105	310
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	33	20	57	8	39	45
			firstReactRender	45	37	76	6	47	58
			getState	6	3	23	3	7	10
			initialActions	5	1	137	14	3	9
			loadScripts	1339	1148	1825	140	1459	1602
			setupStore	10	5	169	16	9	14

Benchmark value 251 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 24 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 45 exceeds gate value 41 for chrome browserify home p95 domInteractive
Benchmark value 266 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 21 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 44 exceeds gate value 40 for chrome webpack home mean backgroundConnect
Benchmark value 36 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 13 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 2464 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 270 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 21 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1412 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 38 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 28 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 4 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 233 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 106 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 13 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 112 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 33 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 46 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 310 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 58 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 9 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 322ms | Sum of p95 exceeds: 624.8ms
Sum of all benchmark exceeds: 946.8ms

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

background: 21.05 KiB (0.47%)
ui: 126.9 KiB (1.66%)
common: 27.55 KiB (0.36%)

metamaskbot · 2025-09-10T09:33:05Z

📊 Page Load Benchmark Results

Current Commit: 1aaa1ef | Date: 9/10/2025

📄 https://metamask.github.io/test-dapp/

Samples: 100

Summary

pageLoadTime-> current mean value: 1.31s (±66ms) 🟡 | historical mean value: 1.31s ⬆️ (historical data)
domContentLoaded-> current mean value: 986ms (±63ms) 🟢 | historical mean value: 988ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 96ms (±34ms) 🟢 | historical mean value: 95ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.31s	66ms	1.27s	1.83s	1.41s	1.83s
domContentLoaded	986ms	63ms	949ms	1.50s	1.08s	1.50s
firstPaint	96ms	34ms	72ms	232ms	180ms	232ms
firstContentfulPaint	96ms	34ms	72ms	232ms	180ms	232ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Results generated automatically by MetaMask CI

metamaskbot · 2025-09-10T09:33:22Z

Builds ready [1aaa1ef]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
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
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15
- content-script: 0
- offscreen: 0

UI Startup Metrics (1264 ± 74 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1264	1097	1480	74	1316	1384
			load	1093	927	1242	74	1152	1204
			domContentLoaded	1083	919	1235	77	1145	1199
			domInteractive	18	14	44	6	17	33
			firstPaint	713	73	1242	437	1119	1189
			backgroundConnect	258	241	370	18	261	289
			firstReactRender	26	16	126	14	25	44
			getState	13	5	32	6	17	25
			initialActions	4	0	18	4	6	15
			loadScripts	836	680	991	75	898	946
			setupStore	11	6	86	9	11	23
	Webpack	Home	uiStartup	2039	1410	2538	261	2204	2510
			load	1635	1125	1962	197	1753	1897
			domContentLoaded	1626	1116	1936	196	1744	1882
			domInteractive	19	12	162	20	14	54
			firstPaint	166	67	379	63	195	315
			backgroundConnect	29	18	68	11	31	59
			firstReactRender	92	37	327	77	85	313
			getState	38	4	306	81	15	279
			initialActions	9	2	176	24	6	14
			loadScripts	1622	1110	1924	195	1741	1879
			setupStore	15	6	317	31	14	20
Firefox	Browserify	Home	uiStartup	1411	1197	1901	130	1482	1686
			load	1220	1052	1634	94	1282	1385
			domContentLoaded	1220	1052	1634	94	1282	1385
			domInteractive	104	32	261	47	113	231
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	36	20	231	28	33	99
			firstReactRender	27	22	55	4	28	36
			getState	6	2	26	3	6	12
			initialActions	3	0	45	5	3	9
			loadScripts	1192	1034	1613	92	1256	1358
			setupStore	10	4	71	11	8	31
	Webpack	Home	uiStartup	1531	1372	1870	130	1613	1818
			load	1311	1173	1611	112	1400	1532
			domContentLoaded	1310	1173	1611	112	1400	1531
			domInteractive	105	34	291	53	103	276
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	30	21	44	6	35	40
			firstReactRender	42	34	58	4	44	49
			getState	5	3	25	3	6	9
			initialActions	3	1	13	2	3	6
			loadScripts	1288	1151	1585	112	1378	1504
			setupStore	10	5	146	14	9	21

Benchmark value 1265 exceeds gate value 1234 for chrome browserify home mean uiStartup
Benchmark value 1094 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1084 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 258 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 27 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 836 exceeds gate value 830 for chrome browserify home mean loadScripts
Benchmark value 1384 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 1204 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1199 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 1189 exceeds gate value 1180 for chrome browserify home p95 firstPaint
Benchmark value 289 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 15 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 946 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 23 exceeds gate value 17 for chrome browserify home p95 setupStore
Benchmark value 39 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 9 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 2511 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 279 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 14 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1411 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 36 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 27 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 4 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 1686 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 231 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 99 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 9 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 31 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 105 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 30 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 3 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 276 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 6 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 390ms | Sum of p95 exceeds: 731.8ms
Sum of all benchmark exceeds: 1121.8ms

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

background: 43 Bytes (0%)
ui: 0 Bytes (0%)
common: 221 Bytes (0%)

metamaskbot · 2025-09-18T06:03:18Z

📊 Page Load Benchmark Results

Current Commit: aa280ab | Date: 9/18/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.05s (±73ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
domContentLoaded-> current mean value: 734ms (±69ms) 🟢 | historical mean value: 738ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 76ms (±11ms) 🟢 | historical mean value: 78ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.05s	73ms	1.01s	1.32s	1.30s	1.32s
domContentLoaded	734ms	69ms	701ms	998ms	951ms	998ms
firstPaint	76ms	11ms	60ms	168ms	92ms	168ms
firstContentfulPaint	76ms	11ms	60ms	168ms	92ms	168ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Results generated automatically by MetaMask CI

metamaskbot · 2025-09-18T06:03:32Z

Builds ready [aa280ab]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
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
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- content-script: 0
- offscreen: 0

UI Startup Metrics (1252 ± 62 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1252	1147	1470	62	1276	1352
			load	1083	978	1254	56	1112	1198
			domContentLoaded	1076	972	1237	54	1104	1184
			domInteractive	18	14	46	7	17	39
			firstPaint	671	88	1249	440	1089	1181
			backgroundConnect	256	240	286	8	261	269
			firstReactRender	25	18	56	7	27	40
			getState	16	6	64	9	19	31
			initialActions	4	0	24	4	5	13
			loadScripts	827	725	988	54	854	936
			setupStore	10	6	22	3	11	18
	Webpack	Home	uiStartup	1103	913	1456	104	1156	1299
			load	913	749	1240	94	969	1057
			domContentLoaded	907	746	1235	93	965	1048
			domInteractive	16	12	53	9	14	45
			firstPaint	160	63	426	63	183	281
			backgroundConnect	18	11	73	11	18	44
			firstReactRender	37	32	81	6	36	43
			getState	8	4	23	4	11	14
			initialActions	6	2	24	5	10	15
			loadScripts	904	744	1232	92	962	1045
			setupStore	9	6	18	2	9	12
Firefox	Browserify	Home	uiStartup	1416	1264	1962	107	1478	1611
			load	1231	1080	1680	84	1289	1360
			domContentLoaded	1230	1080	1679	84	1288	1360
			domInteractive	108	34	419	62	110	242
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	36	19	133	21	37	83
			firstReactRender	28	23	53	4	29	38
			getState	6	3	60	8	6	14
			initialActions	4	1	66	9	3	8
			loadScripts	1203	1062	1655	85	1261	1331
			setupStore	8	5	42	5	8	16
	Webpack	Home	uiStartup	1516	1347	2111	150	1582	1924
			load	1300	1152	1689	123	1380	1565
			domContentLoaded	1300	1152	1689	123	1379	1565
			domInteractive	100	32	355	58	95	261
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	30	20	45	6	35	39
			firstReactRender	42	35	67	5	44	51
			getState	6	2	28	3	6	10
			initialActions	2	1	24	3	3	5
			loadScripts	1278	1128	1666	124	1361	1544
			setupStore	10	5	84	9	9	20

Benchmark value 1252 exceeds gate value 1234 for chrome browserify home mean uiStartup
Benchmark value 1084 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1076 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 257 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 26 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 16 exceeds gate value 15 for chrome browserify home mean getState
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 1198 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1185 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 1181 exceeds gate value 1180 for chrome browserify home p95 firstPaint
Benchmark value 270 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 13 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 18 exceeds gate value 17 for chrome browserify home p95 setupStore
Benchmark value 15 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1417 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 37 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 28 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 242 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 83 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 8 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 101 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 31 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 3 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 261 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 51 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 5 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 345ms | Sum of p95 exceeds: 461.8ms
Sum of all benchmark exceeds: 806.8ms

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

background: 58 Bytes (0%)
ui: 0 Bytes (0%)
common: 222 Bytes (0%)

metamaskbot · 2025-09-23T06:56:07Z

✨ Files requiring CODEOWNER review ✨

🎨 @MetaMask/design-system-engineers (7 files, +516 -0)

📁 ui/
- 📁 components/
  - 📁 component-library/
    - 📁 components-temp/
      - 📁 file-uploader/
        
        📄 file-uploader.scss +11 -0
        
        📄 file-uploader.stories.tsx +13 -0
        
        📄 file-uploader.test.tsx +113 -0
        
        📄 file-uploader.tsx +271 -0
        
        📄 file-uploader.types.ts +104 -0
        
        📄 index.ts +1 -0
      - 📄 component-library-components.scss +3 -0

metamaskbot · 2025-09-23T07:20:58Z

📊 Page Load Benchmark Results

Current Commit: 7fdba1a | Date: 9/23/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.04s (±71ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
domContentLoaded-> current mean value: 730ms (±68ms) 🟢 | historical mean value: 739ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 77ms (±13ms) 🟢 | historical mean value: 79ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.04s	71ms	1.00s	1.32s	1.25s	1.32s
domContentLoaded	730ms	68ms	697ms	997ms	936ms	997ms
firstPaint	77ms	13ms	64ms	200ms	84ms	200ms
firstContentfulPaint	77ms	13ms	64ms	200ms	84ms	200ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Results generated automatically by MetaMask CI

metamaskbot · 2025-09-23T07:21:08Z

Builds ready [7fdba1a]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
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
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- content-script: 0
- offscreen: 0

UI Startup Metrics (1227 ± 63 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1227	1118	1411	63	1272	1340
			load	1054	959	1251	59	1088	1156
			domContentLoaded	1047	952	1241	58	1080	1149
			domInteractive	19	14	54	8	17	40
			firstPaint	619	89	1246	429	1072	1143
			backgroundConnect	215	203	246	7	217	227
			firstReactRender	25	19	52	6	28	38
			getState	14	5	88	11	17	31
			initialActions	5	0	43	5	7	14
			loadScripts	838	728	1031	58	873	939
			setupStore	10	5	25	3	10	17
	Webpack	Home	uiStartup	1130	908	1320	108	1215	1269
			load	947	744	1135	108	1025	1080
			domContentLoaded	942	740	1130	108	1021	1076
			domInteractive	15	12	45	7	14	33
			firstPaint	155	63	396	60	178	278
			backgroundConnect	16	10	33	6	17	29
			firstReactRender	37	33	98	9	35	44
			getState	7	3	17	3	8	12
			initialActions	5	2	18	3	8	11
			loadScripts	939	738	1128	108	1019	1070
			setupStore	8	6	19	2	9	13
Firefox	Browserify	Home	uiStartup	1420	1197	2045	128	1473	1659
			load	1233	1047	1509	83	1282	1367
			domContentLoaded	1233	1047	1509	83	1282	1367
			domInteractive	109	33	336	58	115	257
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	33	19	120	16	34	65
			firstReactRender	28	23	53	5	30	41
			getState	8	3	145	17	6	11
			initialActions	7	0	195	27	3	17
			loadScripts	1208	1028	1442	79	1261	1332
			setupStore	9	5	54	9	8	27
	Webpack	Home	uiStartup	1553	1374	1989	146	1649	1849
			load	1324	1166	1747	127	1415	1574
			domContentLoaded	1324	1166	1747	127	1415	1574
			domInteractive	106	30	380	69	100	293
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	30	19	55	7	35	40
			firstReactRender	45	33	54	4	47	51
			getState	7	2	166	16	6	10
			initialActions	5	1	141	15	3	9
			loadScripts	1302	1129	1722	128	1396	1554
			setupStore	9	5	30	4	9	20

Benchmark value 216 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 26 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 839 exceeds gate value 830 for chrome browserify home mean loadScripts
Benchmark value 227 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 14 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 11 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1420 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 33 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 29 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 8 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 257 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 17 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 107 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 30 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 45 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 293 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 51 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 9 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 280ms | Sum of p95 exceeds: 447.8ms
Sum of all benchmark exceeds: 727.8ms

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

background: 58 Bytes (0%)
ui: 5.79 KiB (0.08%)
common: 222 Bytes (0%)

metamaskbot · 2025-09-23T08:09:03Z

📊 Page Load Benchmark Results

Current Commit: a728254 | Date: 9/23/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.05s (±71ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
domContentLoaded-> current mean value: 734ms (±69ms) 🟢 | historical mean value: 739ms ⬇️ (historical data)
firstContentfulPaint-> current mean value: 77ms (±12ms) 🟢 | historical mean value: 79ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.05s	71ms	1.01s	1.32s	1.27s	1.32s
domContentLoaded	734ms	69ms	699ms	999ms	949ms	999ms
firstPaint	77ms	12ms	56ms	168ms	92ms	168ms
firstContentfulPaint	77ms	12ms	56ms	168ms	92ms	168ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Results generated automatically by MetaMask CI

metamaskbot · 2025-09-23T08:09:16Z

Builds ready [a728254]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
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
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- content-script: 0
- offscreen: 0

UI Startup Metrics (1206 ± 72 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1206	1088	1499	72	1235	1332
			load	1036	915	1272	66	1069	1162
			domContentLoaded	1028	901	1264	68	1061	1155
			domInteractive	19	14	53	8	17	44
			firstPaint	616	87	1271	424	1033	1173
			backgroundConnect	217	205	308	14	217	230
			firstReactRender	25	17	51	6	25	37
			getState	14	5	113	14	16	28
			initialActions	6	1	69	10	5	21
			loadScripts	819	691	1055	68	855	950
			setupStore	9	6	22	3	9	15
	Webpack	Home	uiStartup	1166	924	1337	112	1249	1310
			load	983	763	1135	105	1065	1101
			domContentLoaded	978	759	1130	106	1059	1096
			domInteractive	16	12	45	8	14	39
			firstPaint	164	65	1003	105	185	328
			backgroundConnect	16	11	40	6	16	29
			firstReactRender	36	32	57	3	36	40
			getState	7	4	17	3	7	13
			initialActions	5	2	21	4	8	14
			loadScripts	975	757	1128	106	1057	1093
			setupStore	8	5	22	2	9	12
Firefox	Browserify	Home	uiStartup	1358	1183	1842	116	1417	1586
			load	1176	1041	1438	77	1234	1305
			domContentLoaded	1176	1040	1438	77	1234	1305
			domInteractive	99	32	305	53	103	235
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	29	19	83	9	32	42
			firstReactRender	29	22	92	9	30	40
			getState	7	3	92	11	6	18
			initialActions	3	1	15	3	3	10
			loadScripts	1155	1024	1408	75	1215	1283
			setupStore	10	5	89	11	8	35
	Webpack	Home	uiStartup	1640	1371	2132	161	1747	1876
			load	1395	1175	1673	132	1517	1597
			domContentLoaded	1394	1175	1672	131	1516	1597
			domInteractive	114	35	333	60	110	285
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	32	22	52	7	38	45
			firstReactRender	47	37	61	5	51	56
			getState	6	3	17	2	7	11
			initialActions	7	1	203	25	3	6
			loadScripts	1371	1157	1646	133	1493	1576
			setupStore	11	6	171	17	10	17

Benchmark value 217 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 25 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 44 exceeds gate value 41 for chrome browserify home p95 domInteractive
Benchmark value 230 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 21 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 951 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 14 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 29 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 29 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 3 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 235 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 10 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 35 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1640 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1395 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1395 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 114 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 33 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 48 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 7 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 1371 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 285 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 56 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 6 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 328ms | Sum of p95 exceeds: 447.8ms
Sum of all benchmark exceeds: 775.8ms

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

background: 58 Bytes (0%)
ui: 0 Bytes (0%)
common: 222 Bytes (0%)

metamaskbot · 2025-09-23T08:57:55Z

📊 Page Load Benchmark Results

Current Commit: 7ffe1a1 | Date: 9/23/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.04s (±71ms) 🟡 | historical mean value: 1.06s ⬇️ (historical data)
domContentLoaded-> current mean value: 730ms (±68ms) 🟢 | historical mean value: 740ms ⬇️ (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	71ms	1.00s	1.32s	1.28s	1.32s
domContentLoaded	730ms	68ms	694ms	994ms	951ms	994ms
firstPaint	77ms	13ms	60ms	192ms	88ms	192ms
firstContentfulPaint	77ms	13ms	60ms	192ms	88ms	192ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Results generated automatically by MetaMask CI

metamaskbot · 2025-09-23T08:58:09Z

Builds ready [7ffe1a1]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
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
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- content-script: 0
- offscreen: 0

UI Startup Metrics (1199 ± 69 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1199	1057	1479	69	1225	1307
			load	1030	896	1316	67	1060	1129
			domContentLoaded	1024	889	1307	67	1051	1123
			domInteractive	17	13	46	7	16	38
			firstPaint	574	87	1131	403	1028	1095
			backgroundConnect	212	197	237	6	215	224
			firstReactRender	25	16	48	7	28	41
			getState	15	5	94	13	17	34
			initialActions	5	0	64	7	5	11
			loadScripts	818	692	1091	64	846	909
			setupStore	9	6	34	4	10	16
	Webpack	Home	uiStartup	1140	898	1459	109	1215	1275
			load	961	741	1177	100	1024	1081
			domContentLoaded	956	739	1173	100	1020	1078
			domInteractive	16	12	48	8	13	40
			firstPaint	157	65	396	61	192	263
			backgroundConnect	15	10	38	6	14	29
			firstReactRender	35	32	47	3	35	42
			getState	6	3	16	3	6	11
			initialActions	6	2	24	5	8	14
			loadScripts	953	737	1162	100	1017	1076
			setupStore	8	6	19	2	9	13
Firefox	Browserify	Home	uiStartup	1426	1217	1887	101	1478	1611
			load	1240	1071	1440	77	1290	1385
			domContentLoaded	1240	1071	1439	77	1289	1385
			domInteractive	103	36	314	50	112	241
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	37	20	212	28	35	110
			firstReactRender	28	24	49	5	29	40
			getState	5	2	17	2	6	11
			initialActions	5	0	189	19	3	10
			loadScripts	1210	1054	1409	76	1261	1352
			setupStore	10	5	52	7	9	26
	Webpack	Home	uiStartup	1637	1400	2158	177	1783	1950
			load	1391	1189	1802	152	1507	1633
			domContentLoaded	1391	1188	1802	152	1506	1633
			domInteractive	115	33	352	68	109	315
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	34	21	56	7	39	46
			firstReactRender	48	39	65	5	51	58
			getState	8	3	158	16	7	13
			initialActions	5	1	208	21	3	9
			loadScripts	1366	1171	1773	152	1480	1612
			setupStore	12	6	176	19	10	23

Benchmark value 212 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 26 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 225 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 34 exceeds gate value 33 for chrome browserify home p95 getState
Benchmark value 11 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 14 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1427 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 1240 exceeds gate value 1239 for firefox browserify home mean domContentLoaded
Benchmark value 37 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 29 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 241 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 110 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 10 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 1637 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1391 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1391 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 115 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 34 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 48 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 1366 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 1950 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 315 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 58 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 9 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 342ms | Sum of p95 exceeds: 507.8ms
Sum of all benchmark exceeds: 849.8ms

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

background: 58 Bytes (0%)
ui: 0 Bytes (0%)
common: 221 Bytes (0%)

chaitanyapotti · 2025-09-23T09:01:22Z

ui/components/component-library/components-temp/file-uploader/file-uploader.tsx

+            data-testid="file-uploader-input"
+            onChange={onFileChange}
+            className="hidden"
+            multiple


multiple and other props should be able to be overriden by implementer. expose a variable to override similar to {...helpTextProps}

chaitanyapotti · 2025-09-23T09:01:57Z

ui/components/component-library/components-temp/file-uploader/file-uploader.tsx

+        }
+
+        // Check file size if maxFileSize is specified (in kilobytes)
+        if (maxFileSize && file.size > maxFileSize * 1024 * 1024) {


file size should always be specified in bytes

- allow changing props on dropArea

cursor · 2025-09-23T15:27:41Z

ui/components/component-library/components-temp/file-uploader/file-uploader.tsx

+          </Label>
+        )}
+        <Label
+          htmlFor="file-uploader-input"


Bug: Label-Input Mismatch Causes Accessibility Issues

The main Label's htmlFor attribute uses the component's id prop, but the FileInput has a hardcoded id='file-uploader-input'. This mismatch means clicking the label won't activate the input, impacting accessibility and user experience.

metamaskbot · 2025-09-23T15:49:36Z

📊 Page Load Benchmark Results

Current Commit: a5e84ee | Date: 9/23/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

pageLoadTime-> current mean value: 1.07s (±74ms) 🟡 | historical mean value: 1.06s ⬆️ (historical data)
domContentLoaded-> current mean value: 753ms (±72ms) 🟢 | historical mean value: 740ms ⬆️ (historical data)
firstContentfulPaint-> current mean value: 80ms (±15ms) 🟢 | historical mean value: 78ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.07s	74ms	1.04s	1.38s	1.29s	1.38s
domContentLoaded	753ms	72ms	716ms	1.05s	958ms	1.05s
firstPaint	80ms	15ms	60ms	196ms	92ms	196ms
firstContentfulPaint	80ms	15ms	60ms	196ms	92ms	196ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Results generated automatically by MetaMask CI

metamaskbot · 2025-09-23T15:49:52Z

Builds ready [a5e84ee]

builds: chrome, firefox
builds (beta): chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
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
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- content-script: 0
- offscreen: 0

UI Startup Metrics (1208 ± 75 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1208	1068	1517	75	1251	1308
			load	1041	924	1270	64	1086	1137
			domContentLoaded	1034	916	1261	64	1079	1129
			domInteractive	17	13	40	6	17	37
			firstPaint	723	87	1268	413	1063	1142
			backgroundConnect	214	202	234	6	216	224
			firstReactRender	26	18	49	6	27	40
			getState	13	5	43	7	15	30
			initialActions	5	0	42	5	6	13
			loadScripts	827	710	1049	61	866	924
			setupStore	10	6	24	4	11	19
	Webpack	Home	uiStartup	1158	919	1390	113	1236	1302
			load	975	758	1140	106	1045	1105
			domContentLoaded	970	754	1137	106	1042	1100
			domInteractive	16	12	49	9	13	43
			firstPaint	160	61	1022	108	181	275
			backgroundConnect	16	9	35	6	17	31
			firstReactRender	36	33	46	3	36	44
			getState	6	3	24	3	6	12
			initialActions	6	2	25	4	8	13
			loadScripts	967	752	1135	105	1038	1098
			setupStore	8	6	19	2	9	13
Firefox	Browserify	Home	uiStartup	1395	1222	1834	113	1445	1608
			load	1208	1076	1546	86	1275	1336
			domContentLoaded	1207	1076	1546	86	1275	1336
			domInteractive	103	31	477	62	106	234
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	31	19	153	18	33	58
			firstReactRender	30	23	64	7	31	41
			getState	6	2	79	8	6	12
			initialActions	4	0	66	9	3	14
			loadScripts	1183	1060	1520	83	1252	1301
			setupStore	10	5	86	11	8	35
	Webpack	Home	uiStartup	1550	1369	1908	140	1637	1825
			load	1315	1149	1629	116	1400	1561
			domContentLoaded	1315	1149	1628	116	1400	1560
			domInteractive	100	33	317	57	98	282
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	32	20	84	8	36	43
			firstReactRender	45	37	60	5	48	54
			getState	7	3	149	14	6	13
			initialActions	7	1	190	25	3	11
			loadScripts	1292	1131	1610	117	1370	1542
			setupStore	10	6	77	8	9	23

Benchmark value 214 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 26 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 225 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 13 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 19 exceeds gate value 17 for chrome browserify home p95 setupStore
Benchmark value 13 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 32 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 30 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 234 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 14 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 35 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 32 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 46 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 8 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 282 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 54 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 11 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 250ms | Sum of p95 exceeds: 424.8ms
Sum of all benchmark exceeds: 674.8ms

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

background: 2.01 KiB (0.04%)
ui: 10.3 KiB (0.15%)
common: 2 KiB (0.03%)

lionellbriones added 4 commits September 2, 2025 21:44

feat: added ui

8b39b6a

feat: allow adding multiple files one by one

56c291e

feat: use file-uploader and add type declaration

8e49155

feat: add hover error and onchange

2398869

metamaskbot added the team-web3auth Web3Auth team label Sep 10, 2025

github-actions bot added the size-M label Sep 10, 2025

feat: add dragging effect

916516d

feat: improve unit test

2bac537

github-actions bot added size-L and removed size-M labels Sep 10, 2025

feat: yarn lint fix

ff18e7e

lionellbriones added 3 commits September 10, 2025 16:33

Merge branch 'main' into feat/file-uploader

dfdc797

feat: fix lint errors

ed42d2e

feat: added missing type and lint fix

1aaa1ef

lionellbriones force-pushed the feat/file-uploader branch from c0cf6f4 to 1aaa1ef Compare September 10, 2025 09:07

lionellbriones marked this pull request as ready for review September 10, 2025 10:09

lionellbriones added 2 commits September 11, 2025 16:47

feat: update upload error message

7ba01a2

Merge branch 'main' into feat/file-uploader

aa280ab

Merge branch 'main' into feat/file-uploader

af1b277

This comment was marked as outdated.

Sign in to view

feat: move uploader to components-temp and fix file type icon

7fdba1a

lionellbriones requested a review from a team as a code owner September 23, 2025 06:53

This comment was marked as outdated.

Sign in to view

fix: set dragging to false on file drop

fd3eafb

This comment was marked as outdated.

Sign in to view

feat: remove example

a728254

feat: improve test

dd12151

This comment was marked as outdated.

Sign in to view

feat: update en-gb locale

7ffe1a1

chaitanyapotti added the area-shield label Sep 23, 2025

chaitanyapotti reviewed Sep 23, 2025

View reviewed changes

feat: use bytes on maxFileSize

61146d2

- allow changing props on dropArea

This comment was marked as outdated.

Sign in to view

feat: fix test

a5e84ee

cursor bot reviewed Sep 23, 2025

View reviewed changes

feat: file uploader #35779

Are you sure you want to change the base?

feat: file uploader #35779

Uh oh!

Conversation

lionellbriones commented Sep 10, 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!

github-actions bot commented Sep 10, 2025

Uh oh!

metamaskbot commented Sep 10, 2025

📊 Page Load Benchmark Results

📄 https://metamask.github.io/test-dapp/

Summary

Uh oh!

metamaskbot commented Sep 10, 2025

Uh oh!

metamaskbot commented Sep 10, 2025

📊 Page Load Benchmark Results

📄 https://metamask.github.io/test-dapp/

Summary

Uh oh!

metamaskbot commented Sep 10, 2025

Uh oh!

metamaskbot commented Sep 10, 2025

📊 Page Load Benchmark Results

📄 https://metamask.github.io/test-dapp/

Summary

Uh oh!

metamaskbot commented Sep 10, 2025

Uh oh!

metamaskbot commented Sep 18, 2025

📊 Page Load Benchmark Results

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

metamaskbot commented Sep 18, 2025

Uh oh!

This comment was marked as outdated.

Uh oh!

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

Uh oh!

✨ Files requiring CODEOWNER review ✨

Uh oh!

This comment was marked as outdated.

Uh oh!

metamaskbot commented Sep 23, 2025

📊 Page Load Benchmark Results

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

metamaskbot commented Sep 23, 2025

Uh oh!

This comment was marked as outdated.

Uh oh!

metamaskbot commented Sep 23, 2025

📊 Page Load Benchmark Results

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

metamaskbot commented Sep 23, 2025

Uh oh!

This comment was marked as outdated.

Uh oh!

metamaskbot commented Sep 23, 2025

📊 Page Load Benchmark Results

📄 Localhost MetaMask Test Dapp

Summary

Uh oh!

metamaskbot commented Sep 23, 2025

Uh oh!

lionellbriones commented Sep 10, 2025 •

edited

Loading

metamaskbot commented Sep 23, 2025 •

edited

Loading