From 4d6ad90d3ec36d31e9a793bfc10b24b8b16e731a Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Thu, 25 Jun 2026 11:30:44 +0900
Subject: [PATCH] chore(dev): tweak frontend-js-size

---
 .github/scripts/frontend-js-size.mjs | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/.github/scripts/frontend-js-size.mjs b/.github/scripts/frontend-js-size.mjs
index ffd01d9c56..b961605abc 100644
--- a/.github/scripts/frontend-js-size.mjs
+++ b/.github/scripts/frontend-js-size.mjs
@@ -530,7 +530,7 @@ function renderFrontendBundleReport(before, after) {
 	return lines.join('\n');
 }
 
-const visualizerTreemapLimit = 30;
+const visualizerTreemapLimit = 50;
 
 function mermaidTreemapLabel(value) {
 	const label = String(value)
@@ -558,6 +558,13 @@ function renderVisualizerTreemap(label, report) {
 	const otherRendered = Math.max(0, report.metrics.renderedLength - topRendered);
 	const lines = [
 		'```mermaid',
+		`%%{init: ${JSON.stringify({
+			treemap: {
+				diagramPadding: 0,
+				padding: 0,
+				nodeHeight: 70,
+			},
+		})}}%%`,
 		'treemap-beta',
 		`"${mermaidTreemapLabel(label)}"`,
 	];
@@ -597,7 +604,7 @@ const visualizerArtifactLink = `[Download detailed HTML](${process.env.FRONTEND_
 const body = [
 	marker,
 	'',
-	`## Frontend Bundle Report`,
+	`## 📦 Frontend Bundle Report`,
 	'',
 	renderFrontendChunkReport(before, after),
 	'',
@@ -607,7 +614,7 @@ const body = [
 	'',
 	renderVisualizerTreemapDetails('Before', beforeVisualizerReport),
 	'',
-	renderVisualizerTreemapDetails('After', afterVisualizerReport, true),
+	renderVisualizerTreemapDetails('After', afterVisualizerReport),
 	'',
 	visualizerArtifactLink,
 ].join('\n');