From 079ec865e0cff451d6aad3cd48a35d0adb421bf8 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Wed, 24 Jun 2026 21:39:53 +0900
Subject: [PATCH] chore(dev): tweak frontend-js-size

---
 .github/scripts/frontend-js-size.mjs | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/.github/scripts/frontend-js-size.mjs b/.github/scripts/frontend-js-size.mjs
index f234a41fdb..ffd01d9c56 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 = 20;
+const visualizerTreemapLimit = 30;
 
 function mermaidTreemapLabel(value) {
 	const label = String(value)
@@ -543,6 +543,13 @@ function mermaidTreemapLabel(value) {
 	return label === '' ? '(unknown)' : label;
 }
 
+function mermaidTreemapModuleLabel(id) {
+	const normalizedId = String(id).replaceAll('\\', '/');
+	const filePath = normalizedId.split(/[?#]/, 1)[0];
+	const fileName = path.posix.basename(filePath);
+	return mermaidTreemapLabel(fileName || normalizedId);
+}
+
 function renderVisualizerTreemap(label, report) {
 	const rows = report.hotModules
 		.filter((row) => row.renderedLength > 0)
@@ -556,7 +563,7 @@ function renderVisualizerTreemap(label, report) {
 	];
 
 	for (const row of rows) {
-		lines.push(`  "${mermaidTreemapLabel(row.id)}": ${Math.round(row.renderedLength)}`);
+		lines.push(`  "${mermaidTreemapModuleLabel(row.id)}": ${Math.round(row.renderedLength)}`);
 	}
 	if (otherRendered > 0) {
 		lines.push(`  "Other": ${Math.round(otherRendered)}`);