feat: New create password design #33263

lionellbriones · 2025-05-29T06:22:45Z

Description

Update onboarding create password page

create-password.mov

Related issues

Fixes:

Manual testing steps

Go to this page...

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.

…password

…nto feat/srp-flow-create-password

…srp-flow-create-password

- style fixes

- toggle password button stop propagating

…srp-flow-create-password

github-actions · 2025-05-29T06:22:56Z

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-05-29T06:55:15Z

Builds ready [e18dfcd]

builds: chrome, firefox
builds (beta): chrome
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 CircleCI 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
- content-script: 0
- offscreen: 0

UI Startup Metrics (1224 ± 87 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1224	1087	1530	87	1281	1374
			load	1062	936	1294	83	1123	1203
			domContentLoaded	1054	925	1282	83	1117	1196
			domInteractive	16	13	37	5	16	28
			firstPaint	766	82	1261	414	1092	1189
			backgroundConnect	9	4	57	7	9	22
			firstReactRender	19	15	38	3	20	25
			getState	14	6	48	7	19	26
			initialActions	0	0	1	0	0	1
			loadScripts	815	675	1029	83	872	958
			setupStore	7	5	15	2	8	12
	Webpack	Home	uiStartup	2101	1669	2588	218	2239	2459
			load	1615	1308	1985	159	1731	1869
			domContentLoaded	1608	1304	1971	158	1724	1860
			domInteractive	15	11	66	9	13	39
			firstPaint	157	62	323	62	182	287
			backgroundConnect	22	11	56	8	26	37
			firstReactRender	151	43	469	116	306	339
			getState	12	5	65	8	14	25
			initialActions	3	1	5	1	3	5
			loadScripts	1605	1302	1960	156	1723	1850
			setupStore	55	6	313	100	21	308
Firefox	Browserify	Home	uiStartup	1351	1163	1688	121	1435	1614
			load	1192	1015	1528	110	1265	1437
			domContentLoaded	1191	1015	1527	110	1265	1437
			domInteractive	96	35	206	32	107	168
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	23	13	132	15	22	53
			firstReactRender	24	20	57	4	24	28
			getState	10	4	183	18	8	28
			initialActions	0	0	1	0	0	1
			loadScripts	1172	992	1514	110	1241	1422
			setupStore	9	4	210	21	6	20
	Webpack	Home	uiStartup	1502	1320	1970	135	1590	1818
			load	1292	1145	1628	119	1352	1528
			domContentLoaded	1291	1144	1628	119	1352	1527
			domInteractive	77	33	287	30	81	101
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	22	15	55	7	22	40
			firstReactRender	40	27	64	5	43	49
			getState	9	5	35	6	9	29
			initialActions	0	0	2	1	1	1
			loadScripts	1273	1129	1613	119	1327	1508
			setupStore	13	5	239	32	8	34

Benchmark value 1374 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 1203 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1197 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 1190 exceeds gate value 1180 for chrome browserify home p95 firstPaint
Benchmark value 22 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 959 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 56 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2459 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 308 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 28 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 14 exceeds gate value 13 for firefox webpack home mean setupStore
Benchmark value 34 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 28ms | Sum of p95 exceeds: 330ms
Sum of all benchmark exceeds: 358ms

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

background: -272 Bytes (0%)
ui: 15.12 KiB (0.21%)
common: 5.35 KiB (0.07%)

metamaskbot · 2025-05-29T09:04:20Z

✨ Files requiring CODEOWNER review ✨

✅ @MetaMask/confirmations (1 files, +1 -0)

📁 ui/
- 📁 pages/
  - 📁 confirmations/
    - 📁 confirmation/
      - 📁 templates/
        
        📁 __snapshots__/
        
        📄 create-named-snap-account.test.js.snap +1 -0

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

📁 ui/
- 📁 components/
  - 📁 component-library/
    - 📁 form-text-field/
      - 📄 form-text-field.tsx +1 -0

🖥️ @MetaMask/wallet-ux (4 files, +286 -412)

📁 ui/
- 📁 pages/
  - 📁 onboarding-flow/
    - 📁 create-password/
      - 📁 __snapshots__/
        
        📄 create-password.test.js.snap +129 -121
        
        📄 create-password.js +105 -214
        
        📄 create-password.test.js +52 -44
        
        📄 index.scss +0 -33

metamaskbot · 2025-05-29T09:31:19Z

Builds ready [c90969a]

builds: chrome, firefox
builds (beta): chrome
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 CircleCI 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
- content-script: 0
- offscreen: 0

UI Startup Metrics (1204 ± 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	1204	1096	1433	64	1256	1311
			load	1039	946	1234	59	1080	1139
			domContentLoaded	1032	940	1228	60	1070	1129
			domInteractive	16	13	42	5	15	30
			firstPaint	737	90	1190	408	1057	1135
			backgroundConnect	8	4	34	5	8	23
			firstReactRender	20	15	59	7	20	34
			getState	13	5	30	7	18	27
			initialActions	0	0	1	0	0	1
			loadScripts	792	701	970	58	828	893
			setupStore	8	5	13	2	8	12
	Webpack	Home	uiStartup	2169	1729	2623	216	2317	2512
			load	1684	1337	2025	161	1778	1924
			domContentLoaded	1677	1333	2018	160	1770	1914
			domInteractive	16	12	72	11	13	50
			firstPaint	161	62	377	63	200	278
			backgroundConnect	24	11	58	9	30	42
			firstReactRender	162	44	361	113	306	343
			getState	19	4	349	47	16	26
			initialActions	6	1	286	28	4	6
			loadScripts	1674	1332	2007	158	1768	1906
			setupStore	34	7	334	70	22	302
Firefox	Browserify	Home	uiStartup	1299	1130	1852	140	1327	1628
			load	1155	1006	1700	134	1181	1496
			domContentLoaded	1154	1005	1700	134	1181	1496
			domInteractive	88	34	161	21	96	131
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	21	12	204	20	21	30
			firstReactRender	24	20	55	7	24	49
			getState	7	4	36	4	8	9
			initialActions	0	0	2	0	0	1
			loadScripts	1136	992	1676	129	1167	1473
			setupStore	5	4	17	2	6	8
	Webpack	Home	uiStartup	1514	1311	2086	145	1575	1811
			load	1307	1144	1689	127	1393	1535
			domContentLoaded	1307	1143	1688	126	1392	1534
			domInteractive	79	49	173	22	86	130
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	22	15	99	11	21	43
			firstReactRender	40	27	52	4	42	49
			getState	9	3	32	5	9	26
			initialActions	0	0	2	1	1	1
			loadScripts	1289	1128	1671	125	1376	1513
			setupStore	12	5	234	29	8	29

Benchmark value 23 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 34 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2512 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 302 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 1496 exceeds gate value 1495 for firefox browserify home p95 load
Benchmark value 1496 exceeds gate value 1495 for firefox browserify home p95 domContentLoaded
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 29 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 5ms | Sum of p95 exceeds: 303ms
Sum of all benchmark exceeds: 308ms

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

background: 0 Bytes (0%)
ui: 11.54 KiB (0.16%)
common: 180 Bytes (0%)

…t/srp-flow-create-password

metamaskbot · 2025-05-29T13:29:44Z

Builds ready [0a031af]

builds: chrome, firefox
builds (beta): chrome
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 CircleCI 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
- content-script: 0
- offscreen: 0

UI Startup Metrics (1213 ± 61 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1213	1087	1399	61	1254	1299
			load	1053	938	1242	62	1101	1151
			domContentLoaded	1045	926	1236	63	1092	1146
			domInteractive	17	13	77	8	16	30
			firstPaint	798	132	1244	388	1091	1146
			backgroundConnect	9	4	47	6	8	23
			firstReactRender	19	15	35	3	20	23
			getState	13	5	29	6	17	27
			initialActions	0	0	3	0	0	1
			loadScripts	806	696	997	62	853	901
			setupStore	7	5	17	2	8	11
	Webpack	Home	uiStartup	2201	1749	2670	212	2347	2538
			load	1691	1326	2075	164	1801	1954
			domContentLoaded	1683	1317	2059	163	1793	1944
			domInteractive	16	12	78	12	13	49
			firstPaint	167	64	499	77	179	331
			backgroundConnect	33	10	422	51	30	61
			firstReactRender	155	44	386	109	281	346
			getState	24	5	356	59	16	57
			initialActions	3	1	9	1	4	6
			loadScripts	1680	1314	2048	161	1790	1934
			setupStore	42	6	315	77	24	310
Firefox	Browserify	Home	uiStartup	1301	1142	1802	125	1361	1581
			load	1156	993	1488	116	1218	1445
			domContentLoaded	1156	993	1488	116	1218	1444
			domInteractive	99	37	466	50	112	169
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	20	12	188	18	19	32
			firstReactRender	22	20	52	3	23	27
			getState	10	4	166	17	8	26
			initialActions	0	0	7	1	0	1
			loadScripts	1137	980	1471	111	1201	1392
			setupStore	7	4	79	8	6	13
	Webpack	Home	uiStartup	1543	1357	2203	141	1622	1826
			load	1337	1168	1919	135	1420	1598
			domContentLoaded	1337	1168	1919	135	1419	1598
			domInteractive	82	38	316	39	83	112
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	15	246	23	22	40
			firstReactRender	41	28	49	4	44	47
			getState	9	5	33	6	9	31
			initialActions	0	0	2	1	1	1
			loadScripts	1316	1144	1902	135	1402	1580
			setupStore	8	5	58	6	8	19

Benchmark value 24 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 2202 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 42 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2539 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 310 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 26 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 24ms | Sum of p95 exceeds: 338ms
Sum of all benchmark exceeds: 362ms

… into feat/srp-flow-create-password

metamaskbot · 2025-05-29T15:03:18Z

Builds ready [0f8123c]

builds: chrome, firefox
builds (beta): chrome
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 CircleCI 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
- content-script: 0
- offscreen: 0

UI Startup Metrics (1234 ± 60 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1234	1114	1382	60	1278	1332
			load	1067	951	1235	61	1110	1174
			domContentLoaded	1059	947	1229	61	1103	1159
			domInteractive	17	14	46	5	17	29
			firstPaint	751	147	1192	412	1084	1155
			backgroundConnect	9	4	51	7	8	27
			firstReactRender	20	16	33	3	21	26
			getState	15	6	38	7	21	26
			initialActions	0	0	1	0	0	1
			loadScripts	815	708	981	58	859	912
			setupStore	8	5	21	2	8	12
	Webpack	Home	uiStartup	2077	1673	2523	201	2220	2382
			load	1592	1191	1912	156	1715	1817
			domContentLoaded	1587	1184	1902	156	1707	1813
			domInteractive	15	11	68	9	12	40
			firstPaint	174	61	369	67	230	309
			backgroundConnect	31	9	438	61	26	35
			firstReactRender	132	41	390	103	140	339
			getState	10	4	26	4	12	17
			initialActions	3	1	5	1	3	4
			loadScripts	1583	1179	1891	154	1702	1812
			setupStore	49	6	307	93	18	301
Firefox	Browserify	Home	uiStartup	1335	1170	1800	128	1399	1589
			load	1182	1033	1533	118	1250	1422
			domContentLoaded	1182	1033	1532	117	1250	1422
			domInteractive	96	38	369	41	103	166
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	13	235	24	21	50
			firstReactRender	24	20	54	7	24	52
			getState	10	4	215	21	8	11
			initialActions	0	0	2	0	0	1
			loadScripts	1160	1014	1507	111	1232	1370
			setupStore	6	4	25	2	6	8
	Webpack	Home	uiStartup	1562	1376	2132	159	1641	1914
			load	1337	1187	1909	149	1374	1682
			domContentLoaded	1336	1186	1909	149	1373	1682
			domInteractive	80	35	157	21	87	138
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	15	83	11	23	45
			firstReactRender	42	28	61	5	45	52
			getState	12	5	227	22	10	30
			initialActions	1	0	2	1	1	1
			loadScripts	1318	1171	1888	149	1356	1663
			setupStore	13	5	251	33	8	26

Benchmark value 27 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 50 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 301 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 43 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 14 exceeds gate value 13 for firefox webpack home mean setupStore
Benchmark value 1682 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1682 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 52 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 1663 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Sum of mean exceeds: 24ms | Sum of p95 exceeds: 324ms
Sum of all benchmark exceeds: 348ms

metamaskbot · 2025-05-29T15:40:36Z

Builds ready [d78c51f]

builds: chrome, firefox
builds (beta): chrome
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 CircleCI 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
- content-script: 0
- offscreen: 0

UI Startup Metrics (1201 ± 68 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1201	1103	1459	68	1249	1320
			load	1037	907	1169	61	1079	1137
			domContentLoaded	1029	899	1163	61	1074	1132
			domInteractive	16	13	37	5	16	31
			firstPaint	770	129	1178	392	1069	1127
			backgroundConnect	9	4	45	6	9	26
			firstReactRender	22	15	114	10	21	34
			getState	14	6	33	7	20	29
			initialActions	0	0	1	0	0	0
			loadScripts	790	652	922	60	834	894
			setupStore	8	5	22	3	8	15
	Webpack	Home	uiStartup	2276	1775	2676	209	2435	2636
			load	1782	1348	2192	181	1898	2054
			domContentLoaded	1773	1344	2137	176	1892	2037
			domInteractive	16	12	64	9	14	45
			firstPaint	175	68	462	66	208	286
			backgroundConnect	31	11	333	40	32	49
			firstReactRender	161	45	352	115	307	342
			getState	22	5	312	49	14	50
			initialActions	3	1	7	1	3	6
			loadScripts	1769	1342	2135	175	1890	2026
			setupStore	37	7	321	73	24	316
Firefox	Browserify	Home	uiStartup	1349	1158	1747	125	1423	1603
			load	1190	1013	1541	113	1264	1448
			domContentLoaded	1189	1012	1541	113	1264	1448
			domInteractive	92	35	166	25	105	140
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	23	13	177	18	23	46
			firstReactRender	25	20	63	8	25	51
			getState	8	5	27	3	8	10
			initialActions	0	0	1	0	0	1
			loadScripts	1169	1003	1522	110	1239	1393
			setupStore	8	4	115	13	6	21
	Webpack	Home	uiStartup	1564	1342	2205	165	1625	1903
			load	1350	1165	1952	156	1425	1680
			domContentLoaded	1349	1164	1952	156	1424	1680
			domInteractive	81	35	281	26	84	126
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	25	15	216	21	23	43
			firstReactRender	41	29	52	4	44	49
			getState	10	5	39	7	9	30
			initialActions	0	0	2	1	1	1
			loadScripts	1328	1149	1935	155	1402	1661
			setupStore	10	5	130	13	8	22

Benchmark value 26 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 2277 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1783 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1773 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 1769 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 37 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2636 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2054 exceeds gate value 2030 for chrome webpack home p95 load
Benchmark value 2037 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 2026 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 316 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 1680 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1680 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 1661 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Sum of mean exceeds: 306ms | Sum of p95 exceeds: 624ms
Sum of all benchmark exceeds: 930ms

metamaskbot · 2025-05-29T17:42:45Z

Builds ready [6329c75]

builds: chrome, firefox
builds (beta): chrome
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 CircleCI 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
- content-script: 0
- offscreen: 0

UI Startup Metrics (1205 ± 68 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1205	1084	1434	68	1248	1321
			load	1042	912	1204	65	1095	1151
			domContentLoaded	1034	898	1199	66	1086	1145
			domInteractive	17	13	96	9	16	31
			firstPaint	731	78	1159	408	1059	1150
			backgroundConnect	9	4	27	5	9	23
			firstReactRender	21	15	115	11	20	28
			getState	15	5	53	8	19	28
			initialActions	0	0	1	0	0	1
			loadScripts	795	659	948	65	847	908
			setupStore	8	5	22	2	8	13
	Webpack	Home	uiStartup	2083	1693	2578	223	2249	2463
			load	1607	1316	1989	159	1721	1878
			domContentLoaded	1601	1312	1980	158	1716	1870
			domInteractive	15	11	62	9	13	42
			firstPaint	160	62	349	62	200	282
			backgroundConnect	21	10	46	7	25	35
			firstReactRender	128	43	447	104	128	344
			getState	11	3	37	5	13	23
			initialActions	3	1	5	1	3	5
			loadScripts	1597	1310	1969	156	1714	1859
			setupStore	52	7	339	97	21	305
Firefox	Browserify	Home	uiStartup	1342	1144	1864	134	1386	1624
			load	1185	996	1707	113	1244	1395
			domContentLoaded	1185	996	1707	113	1244	1395
			domInteractive	97	34	297	39	99	165
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	13	228	24	20	58
			firstReactRender	23	20	57	4	23	28
			getState	11	5	208	26	8	10
			initialActions	0	0	1	0	0	1
			loadScripts	1165	981	1692	110	1218	1364
			setupStore	8	4	173	17	6	12
	Webpack	Home	uiStartup	1558	1332	2516	196	1645	1893
			load	1345	1148	2178	179	1445	1676
			domContentLoaded	1345	1148	2178	179	1444	1675
			domInteractive	77	54	159	18	81	122
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	15	297	28	23	41
			firstReactRender	41	34	52	4	44	47
			getState	10	4	121	12	9	23
			initialActions	1	0	1	0	1	1
			loadScripts	1324	1130	1925	169	1427	1658
			setupStore	8	5	34	4	8	17

Benchmark value 23 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 53 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2463 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 305 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 1676 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1675 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 1658 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Sum of mean exceeds: 25ms | Sum of p95 exceeds: 313ms
Sum of all benchmark exceeds: 338ms

metamaskbot · 2025-05-30T08:55:35Z

Builds ready [f4b7299]

builds: chrome, firefox
builds (beta): chrome
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 CircleCI 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
- content-script: 0
- offscreen: 0

UI Startup Metrics (1239 ± 68 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1239	1107	1431	68	1293	1335
			load	1065	909	1216	72	1121	1175
			domContentLoaded	1057	903	1205	73	1115	1169
			domInteractive	17	13	37	5	16	30
			firstPaint	777	94	1183	408	1102	1162
			backgroundConnect	9	4	29	5	9	24
			firstReactRender	23	16	142	16	21	61
			getState	14	5	43	7	19	29
			initialActions	0	0	1	0	0	1
			loadScripts	810	652	962	73	867	925
			setupStore	8	5	24	3	8	16
	Webpack	Home	uiStartup	2112	1703	2534	224	2287	2505
			load	1633	1333	1943	170	1749	1910
			domContentLoaded	1627	1329	1934	168	1742	1901
			domInteractive	15	11	58	9	13	43
			firstPaint	177	61	704	81	214	293
			backgroundConnect	22	10	56	8	26	37
			firstReactRender	140	42	368	112	302	341
			getState	17	4	337	43	14	26
			initialActions	5	1	257	25	3	5
			loadScripts	1624	1328	1923	166	1740	1892
			setupStore	44	7	326	87	19	315
Firefox	Browserify	Home	uiStartup	1354	1164	1869	126	1420	1545
			load	1195	1029	1742	111	1269	1351
			domContentLoaded	1194	1029	1741	111	1268	1351
			domInteractive	101	38	200	32	113	172
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	13	114	17	23	55
			firstReactRender	24	20	57	5	24	29
			getState	8	4	37	4	8	14
			initialActions	0	0	1	0	0	1
			loadScripts	1174	1008	1726	112	1247	1331
			setupStore	10	4	195	21	7	35
	Webpack	Home	uiStartup	1551	1339	2043	150	1606	1918
			load	1332	1161	1813	129	1415	1599
			domContentLoaded	1332	1161	1813	129	1415	1598
			domInteractive	79	34	318	32	81	146
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	14	81	10	25	45
			firstReactRender	42	28	55	4	44	49
			getState	14	5	206	22	10	30
			initialActions	1	0	2	1	1	1
			loadScripts	1311	1144	1790	128	1383	1568
			setupStore	9	5	61	6	8	18

Benchmark value 1239 exceeds gate value 1234 for chrome browserify home mean uiStartup
Benchmark value 24 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 24 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 61 exceeds gate value 45 for chrome browserify home p95 firstReactRender
Benchmark value 44 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2506 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 315 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 35 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 23ms | Sum of p95 exceeds: 332ms
Sum of all benchmark exceeds: 355ms

chaitanyapotti

lgtm

lionellbriones and others added 22 commits May 10, 2025 00:09

feat: update create password page

bb84c05

Merge branch 'feat/srp-flow-password-form' into feat/srp-flow-create-…

16025bd

…password

Merge remote-tracking branch 'origin/feat/srp-flow-create-password' i…

78e1a09

…nto feat/srp-flow-create-password

Merge remote-tracking branch 'origin/feat/srp-flow-header' into feat/…

8e78456

…srp-flow-create-password

Merge remote-tracking branch 'origin/feat/srp-flow-header' into feat/…

f41e8ee

…srp-flow-create-password

fix: fixed create-password unit tests

a32ed2c

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

50cc4b8

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

f37eba1

feat: use Box instead of div

7c37386

- style fixes

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

a5ed382

feat: remove comment on autoComplete

6c6dcbf

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

4fba881

set default strength to null

a6b6b83

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

9f0ca50

chore: clean and add new locales

83f8c9b

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

491e548

fix: back button

0d5aa4b

- toggle password button stop propagating

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

a2da811

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

5f06542

feat: update password terms copywriting

d71722a

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

61398b7

Merge remote-tracking branch 'origin/feat/srp-flow-header' into feat/…

e18dfcd

…srp-flow-create-password

lionellbriones requested review from a team as code owners May 29, 2025 06:22

metamaskbot added the team-web3auth prs related to web3auth team label May 29, 2025

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

c90969a

lionellbriones changed the base branch from main to feat/srp-flow-header May 29, 2025 09:04

lionellbriones and others added 4 commits May 29, 2025 18:55

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

f6e9a81

test: update create password e2e tests

74cbea3

Merge remote-tracking branch 'upstream/feat/srp-flow-header' into fea…

1b7b8b2

…t/srp-flow-create-password

fix: updated create-password.test snapshot

0a031af

Merge remote-tracking branch 'upstream/feat/srp-flow-create-password'…

0f8123c

… into feat/srp-flow-create-password

test: update create password data-ids

d78c51f

lwin-kyaw added 2 commits May 30, 2025 00:41

fix: fixed create-password test and routes

fa76bd4

fix: updated snapshot for unittests fix

6329c75

lwin-kyaw requested a review from a team as a code owner May 29, 2025 17:09

lionellbriones changed the title ~~Feat: New create password design~~ feat: New create password design May 30, 2025

Merge branch 'feat/srp-flow-header' into feat/srp-flow-create-password

f4b7299

chaitanyapotti approved these changes May 30, 2025

View reviewed changes

chaitanyapotti added the area-onboarding label May 30, 2025

chaitanyapotti added this to PR review queue May 30, 2025

github-project-automation bot moved this to Needs dev review in PR review queue May 30, 2025

chaitanyapotti assigned lionellbriones May 30, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: New create password design #33263

feat: New create password design #33263

lionellbriones commented May 29, 2025 •

edited by chaitanyapotti

Loading

Uh oh!

github-actions bot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025 •

edited

Loading

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 30, 2025

Uh oh!

chaitanyapotti left a comment

Uh oh!

Uh oh!

feat: New create password design #33263

Are you sure you want to change the base?

feat: New create password design #33263

Conversation

lionellbriones commented May 29, 2025 • edited by chaitanyapotti Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Related issues

Manual testing steps

Screenshots/Recordings

Before

After

Pre-merge author checklist

Pre-merge reviewer checklist

Uh oh!

github-actions bot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 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 May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 29, 2025

Uh oh!

metamaskbot commented May 30, 2025

Uh oh!

chaitanyapotti left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

lionellbriones commented May 29, 2025 •

edited by chaitanyapotti

Loading

metamaskbot commented May 29, 2025 •

edited

Loading