From c1d3b29710010137e452a2e4fa59766d7415cbed Mon Sep 17 00:00:00 2001
From: iris <iris@hyperhive.local>
Date: Mon, 9 Nov 2026 20:52:31 +0100
Subject: [PATCH] swarm ui: the issue report shows a table skeleton while it
 loads

The report waited behind a bare line of text; the pull request report, the
hives and the alerts already show their table's shape. Use the same
TableSkeleton here.
---
 frontend/packages/swarm-ui/src/pages/IssueReportPage.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/packages/swarm-ui/src/pages/IssueReportPage.tsx b/frontend/packages/swarm-ui/src/pages/IssueReportPage.tsx
index c0b87dc38..af0280a71 100644
--- a/frontend/packages/swarm-ui/src/pages/IssueReportPage.tsx
+++ b/frontend/packages/swarm-ui/src/pages/IssueReportPage.tsx
@@ -37,6 +37,7 @@ import { LazyDisclosure } from "../ui/disclosure/LazyDisclosure.js";
 import { CheckboxField } from "../ui/checkbox-field/CheckboxField.js";
 import { SelectField } from "../ui/select-field/SelectField.js";
 import { Table, type TableColumn } from "../ui/table/Table.js";
+import { TableSkeleton } from "../ui/table/TableSkeleton.js";
 import { ALL_REPOS, reportUrl, repoOptions } from "./issue-report-repo.js";
 import "./IssueReportPage.css";
 
@@ -394,7 +395,9 @@ function IssueReportBody() {
       {error ? (
         <ApiErrorPanel context="failed to load the issues" problem={error} />
       ) : null}
-      {!error && loading ? <p>generating report…</p> : null}
+      {!error && loading ? (
+        <TableSkeleton columns={columns} label="the issues" />
+      ) : null}
       {!loading && rows ? (
         <Table
           columns={columns}