From 95022d201c23fd725f22d7a8ba14f00a4a4858a6 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 22 Jun 2026 12:11:01 +0900
Subject: [PATCH] Update frontend-bundle-visualizer-report.mjs

---
 .../frontend-bundle-visualizer-report.mjs     | 39 ++++++++++++++-----
 1 file changed, 30 insertions(+), 9 deletions(-)

diff --git a/.github/scripts/frontend-bundle-visualizer-report.mjs b/.github/scripts/frontend-bundle-visualizer-report.mjs
index 33995cdf32..ee1777f634 100644
--- a/.github/scripts/frontend-bundle-visualizer-report.mjs
+++ b/.github/scripts/frontend-bundle-visualizer-report.mjs
@@ -176,18 +176,39 @@ function renderSummaryTable(before, after) {
 		{ key: 'modules', label: 'Modules' },
 		{ key: 'entries', label: 'Entries' },
 		{ key: 'externals', label: 'Externals' },
-		{ key: 'staticImports', label: 'Static Imports' },
-		{ key: 'dynamicImports', label: 'Dynamic Imports' },
+		{ key: 'staticImports', label: 'Static' },
+		{ key: 'dynamicImports', label: 'Dynamic' },
 	];
 
 	return [
-		`| | ${metrics.map((metric) => metric.label).join(' | ')} |`,
-		`|---|${metrics.map(() => '---:').join('|')}|`,
-		`| **Before** | ${metrics.map((metric) => formatNumber(before.summary[metric.key])).join(' | ')} |`,
-		`| **After** | ${metrics.map((metric) => formatNumber(after.summary[metric.key])).join(' | ')} |`,
-		'| | | | | | | |',
-		`| **Diff** | ${metrics.map((metric) => formatDiff(before.summary[metric.key], after.summary[metric.key], formatNumber)).join(' | ')} |`,
-		`| **Diff (%)** | ${metrics.map((metric) => formatDiffPercent(before.summary[metric.key], after.summary[metric.key])).join(' | ')} |`,
+		`<table>`,
+		`<thead>`,
+		`<tr><th></th><th colspan="4"></th><th colspan="2">Imports</th></tr>`,
+		`<tr>`,
+		`<th></th>`,
+		...metrics.map((metric) => `<th>${metric.label}</th>`),
+		`</tr>`,
+		`</thead>`,
+		`<tbody>`,
+		`<tr>`,
+		`<th><b>Before</b></th>`,
+		...metrics.map((metric) => `<td>${formatNumber(before.summary[metric.key])}</td>`),
+		`</tr>`,
+		`<tr>`,
+		`<th><b>After</b></th>`,
+		...metrics.map((metric) => `<td>${formatNumber(after.summary[metric.key])}</td>`),
+		`</tr>`,
+		`<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>`,
+		`<tr>`,
+		`<th><b>Diff</b></th>`,
+		...metrics.map((metric) => `<td>${formatDiff(before.summary[metric.key], after.summary[metric.key], formatNumber)}</td>`),
+		`</tr>`,
+		`<tr>`,
+		`<th><b>Diff (%)</b></th>`,
+		...metrics.map((metric) => `<td>${formatDiffPercent(before.summary[metric.key], after.summary[metric.key])}</td>`),
+		`</tr>`,
+		`</tbody>`,
+		`</table>`,
 	];
 }