feat: Show < 0.01 when gas cost is really small #33966

pedronfigueiredo · 2025-06-27T16:43:04Z

Description

Includes the following flows:

Send flow
Native transaction hero component
ERC20 transaction hero component
Transaction simulation balance changes
Selection of gas fee tokens

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/5256

Manual testing steps

async function connectMetaMask() {
  try {
    const accounts = await window.ethereum.request({
      method: 'eth_requestAccounts',
    });
    console.log('Connected account:', accounts[0]);
    return accounts[0];
  } catch (error) {
    console.error('User rejected the request:', error);
    throw error;
  }
}

async function createTransactionWithHexData() {
  try {
    const fromAddress = await connectMetaMask();

    const transactionParameters = {
      to: '0x0C8ADd8d1B0eEFd9E4FD646ab75E3762b38B87dC',
      from: fromAddress,
      value: '0xE8D4A51000',
    };

    const txHash = await window.ethereum.request({
      method: 'eth_sendTransaction',
      params: [transactionParameters],
    });

    console.log('Transaction hash:', txHash);
    return txHash;
  } catch (error) {
    console.error('Error creating transaction:', error);
  }
}

createTransactionWithHexData();

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.

github-actions · 2025-06-27T16:43:24Z

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-06-27T16:45:25Z

✨ Files requiring CODEOWNER review ✨

✅ @MetaMask/confirmations (3 files, +22 -5)

📁 ui/
- 📁 pages/
  - 📁 confirmations/
    - 📁 components/
      - 📁 confirm/
        
        📁 info/
        
        📁 hooks/
        
        📄 use-token-values.ts +7 -2
        
        📁 shared/
        
        📁 native-send-heading/
        
        📄 native-send-heading.tsx +7 -2
      - 📁 simulation-details/
        
        📄 fiat-display.tsx +8 -1

metamaskbot · 2025-06-27T17:06:50Z

Builds ready [37f5da4]

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, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- content-script: 0
- offscreen: 0

UI Startup Metrics (1223 ± 84 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	1082	1566	84	1253	1392
			load	1047	932	1396	76	1078	1185
			domContentLoaded	1040	924	1390	75	1073	1175
			domInteractive	18	14	79	8	18	29
			firstPaint	706	83	1230	411	1050	1148
			backgroundConnect	7	4	22	3	8	13
			firstReactRender	24	18	58	7	25	41
			getState	16	6	37	8	20	31
			initialActions	0	0	3	0	0	1
			loadScripts	831	716	1186	75	864	963
			setupStore	9	5	30	4	9	17
	Webpack	Home	uiStartup	2211	1669	2697	194	2317	2587
			load	1700	1261	2083	184	1822	2010
			domContentLoaded	1694	1257	2078	184	1818	2006
			domInteractive	17	12	69	12	14	52
			firstPaint	158	65	451	58	177	277
			backgroundConnect	23	13	283	27	23	38
			firstReactRender	222	88	422	116	361	408
			getState	17	4	324	44	13	31
			initialActions	5	1	296	29	3	4
			loadScripts	1691	1256	2076	184	1815	2004
			setupStore	17	7	278	27	17	25
Firefox	Browserify	Home	uiStartup	1432	1258	1870	129	1468	1736
			load	1249	1098	1552	91	1294	1462
			domContentLoaded	1249	1098	1551	91	1294	1462
			domInteractive	125	37	501	72	126	332
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	26	13	193	23	25	58
			firstReactRender	26	22	37	3	27	33
			getState	17	5	192	34	9	97
			initialActions	0	0	2	0	0	1
			loadScripts	1226	1077	1533	86	1268	1397
			setupStore	10	4	70	12	8	38
	Webpack	Home	uiStartup	1593	1341	2236	198	1688	2048
			load	1368	1146	1975	168	1463	1714
			domContentLoaded	1368	1146	1975	168	1462	1714
			domInteractive	103	32	591	79	93	294
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	23	15	42	7	26	41
			firstReactRender	41	31	54	4	44	50
			getState	18	7	255	32	13	33
			initialActions	1	0	2	1	1	1
			loadScripts	1348	1130	1950	168	1445	1684
			setupStore	10	5	60	9	8	32

Benchmark value 24 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 832 exceeds gate value 830 for chrome browserify home mean loadScripts
Benchmark value 1393 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 963 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 2212 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 2588 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2006 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 408 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 2004 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 1433 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 1249 exceeds gate value 1245 for firefox browserify home mean load
Benchmark value 1249 exceeds gate value 1239 for firefox browserify home mean domContentLoaded
Benchmark value 125 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 27 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 17 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 11 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 1736 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 332 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 97 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 38 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 103 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 18 exceeds gate value 15 for firefox webpack home mean getState
Benchmark value 2048 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1714 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1714 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 294 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 33 exceeds gate value 32 for firefox webpack home p95 getState
Benchmark value 1684 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Benchmark value 32 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 102ms | Sum of p95 exceeds: 973ms
Sum of all benchmark exceeds: 1075ms

Bundle size diffs [🚀 Bundle size reduced!]

background: 23 Bytes (0%)
ui: 1.67 KiB (0.02%)
common: -79 Bytes (0%)

metamaskbot · 2025-07-02T08:03:13Z

Builds ready [8770c4e]

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, 9
- common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14
- content-script: 0
- offscreen: 0

UI Startup Metrics (1174 ± 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	1174	1086	1430	60	1211	1290
			load	1001	908	1183	52	1030	1086
			domContentLoaded	994	903	1174	51	1024	1074
			domInteractive	18	14	71	8	17	33
			firstPaint	652	81	1190	399	1026	1079
			backgroundConnect	7	4	23	3	8	12
			firstReactRender	21	17	34	3	22	29
			getState	14	6	34	7	21	29
			initialActions	0	0	1	0	0	1
			loadScripts	789	703	963	50	816	871
			setupStore	8	5	28	3	9	15
	Webpack	Home	uiStartup	2261	1785	2792	216	2359	2726
			load	1715	1323	2081	181	1801	2049
			domContentLoaded	1708	1319	2068	179	1795	2038
			domInteractive	18	12	81	15	15	65
			firstPaint	170	63	488	72	188	330
			backgroundConnect	22	11	56	9	26	40
			firstReactRender	250	91	424	114	374	401
			getState	17	4	310	31	16	33
			initialActions	2	1	4	1	3	4
			loadScripts	1705	1318	2057	178	1792	2027
			setupStore	17	7	65	8	21	30
Firefox	Browserify	Home	uiStartup	1402	1202	1909	131	1462	1659
			load	1225	1070	1499	91	1285	1390
			domContentLoaded	1225	1070	1499	91	1285	1390
			domInteractive	117	33	415	58	128	263
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	13	106	18	22	79
			firstReactRender	25	21	52	4	26	32
			getState	13	5	170	21	9	65
			initialActions	0	0	1	0	0	1
			loadScripts	1207	1054	1480	91	1272	1368
			setupStore	13	4	385	39	10	33
	Webpack	Home	uiStartup	1630	1426	2676	217	1708	2057
			load	1393	1222	2109	164	1486	1715
			domContentLoaded	1392	1222	2109	164	1486	1714
			domInteractive	109	33	747	94	95	301
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	26	16	247	23	25	42
			firstReactRender	42	30	51	4	45	48
			getState	18	6	342	40	11	31
			initialActions	0	0	1	0	1	1
			loadScripts	1370	1201	2087	164	1465	1687
			setupStore	13	5	217	24	9	30

Benchmark value 2262 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1716 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1709 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 250 exceeds gate value 235 for chrome webpack home mean firstReactRender
Benchmark value 1706 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2726 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2050 exceeds gate value 2030 for chrome webpack home p95 load
Benchmark value 2039 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 66 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 401 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 2028 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 117 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 13 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 14 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 263 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 79 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 65 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 33 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1630 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1393 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1393 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 109 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 43 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 19 exceeds gate value 15 for firefox webpack home mean getState
Benchmark value 1371 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 2057 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1715 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1714 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 301 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 1687 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Benchmark value 30 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 187ms | Sum of p95 exceeds: 983ms
Sum of all benchmark exceeds: 1170ms

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

background: 33 Bytes (0%)
ui: 983 Bytes (0.01%)
common: 15 Bytes (0%)

feat: Show <-zsh.01 when gas cost is really small

37f5da4

pedronfigueiredo self-assigned this Jun 27, 2025

pedronfigueiredo requested a review from a team as a code owner June 27, 2025 16:43

pedronfigueiredo added the team-confirmations Push issues to confirmations team label Jun 27, 2025

pedronfigueiredo changed the title ~~feat: Show <-zsh.01 when gas cost is really small~~ feat: Show < 0.01 when gas cost is really small Jun 27, 2025

vinistevam and others added 2 commits July 2, 2025 08:37

fix lint

8638fd1

Merge branch 'main' into pnf/5256

8770c4e

jpuri approved these changes Jul 2, 2025

View reviewed changes

OGPoyraz approved these changes Jul 2, 2025

View reviewed changes

vinistevam added this pull request to the merge queue Jul 2, 2025

Merged via the queue into main with commit 214e60d Jul 2, 2025
146 checks passed

vinistevam deleted the pnf/5256 branch July 2, 2025 14:48

github-actions bot locked and limited conversation to collaborators Jul 2, 2025

metamaskbot added the release-12.23.0 Issue or pull request that will be included in release 12.23.0 label Jul 2, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: Show < 0.01 when gas cost is really small #33966

feat: Show < 0.01 when gas cost is really small #33966

pedronfigueiredo commented Jun 27, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Jun 27, 2025

Uh oh!

metamaskbot commented Jun 27, 2025

Uh oh!

metamaskbot commented Jun 27, 2025

Uh oh!

metamaskbot commented Jul 2, 2025

Uh oh!

Uh oh!

Uh oh!

feat: Show < 0.01 when gas cost is really small #33966

feat: Show < 0.01 when gas cost is really small #33966

Conversation

pedronfigueiredo commented Jun 27, 2025 • edited 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 Jun 27, 2025

Uh oh!

metamaskbot commented Jun 27, 2025

✨ Files requiring CODEOWNER review ✨

Uh oh!

metamaskbot commented Jun 27, 2025

Uh oh!

metamaskbot commented Jul 2, 2025

Uh oh!

Uh oh!

Uh oh!

pedronfigueiredo commented Jun 27, 2025 •

edited

Loading