From 0b371b3e77cfcf411126f0d06235692a4c6f3c4f Mon Sep 17 00:00:00 2001
From: Evgenii Alekseev <i@arcanis.me>
Date: Fri, 16 Oct 2026 13:09:17 +0300
Subject: [PATCH] feat: add tooltip for held packages

---
 frontend/src/components/table/StatusCell.tsx | 25 +++++++++++---------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/table/StatusCell.tsx b/frontend/src/components/table/StatusCell.tsx
index bb18e9f7..3118a76f 100644
--- a/frontend/src/components/table/StatusCell.tsx
+++ b/frontend/src/components/table/StatusCell.tsx
@@ -18,7 +18,7 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 import PauseCircleIcon from "@mui/icons-material/PauseCircle";
-import { Chip } from "@mui/material";
+import { Chip, Tooltip } from "@mui/material";
 import type { BuildStatus } from "models/BuildStatus";
 import type React from "react";
 import { StatusColors } from "theme/StatusColors";
@@ -29,14 +29,17 @@ interface StatusCellProps {
 }
 
 export default function StatusCell({ isHeld, status }: StatusCellProps): React.JSX.Element {
-    return <Chip
-        icon={isHeld ? <PauseCircleIcon /> : undefined}
-        label={status}
-        size="small"
-        sx={{
-            backgroundColor: StatusColors[status],
-            color: "common.white",
-            fontWeight: 500,
-        }}
-    />;
+    return <Tooltip title={isHeld ? "Held: automatic updates are skipped" : ""}>
+        <Chip
+            aria-label={isHeld ? `${status}; held: automatic updates are skipped` : status}
+            icon={isHeld ? <PauseCircleIcon /> : undefined}
+            label={status}
+            size="small"
+            sx={{
+                backgroundColor: StatusColors[status],
+                color: "common.white",
+                fontWeight: 500,
+            }}
+        />
+    </Tooltip>;
 }