From 4240e6a9587dd1e695b463901ca218b233412228 Mon Sep 17 00:00:00 2001
From: "devsy-app[bot]" <277138668+devsy-app[bot]@users.noreply.github.com>
Date: Wed, 12 Aug 2026 13:29:26 +0000
Subject: [PATCH] fix(ui): show notif dismiss btn on keyboard focus

Add focus-visible:opacity-100 to the notification dismiss button in NotificationHistory.svelte. The button was opacity-0 and only revealed on mouse hover, so keyboard users could not see it when focused. aria-label was already present; this adds the missing visible focus indicator.
---
 .../src/lib/components/layout/NotificationHistory.svelte        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/desktop/src/renderer/src/lib/components/layout/NotificationHistory.svelte b/desktop/src/renderer/src/lib/components/layout/NotificationHistory.svelte
index 02facb123f..e73ee2e585 100644
--- a/desktop/src/renderer/src/lib/components/layout/NotificationHistory.svelte
+++ b/desktop/src/renderer/src/lib/components/layout/NotificationHistory.svelte
@@ -62,7 +62,7 @@ const unreadCount = notificationHistory.unreadCount
             </div>
             <button
               type="button"
-              class="mt-0.5 shrink-0 rounded p-0.5 opacity-0 transition-opacity hover:bg-muted group-hover/item:opacity-60 hover:!opacity-100"
+              class="mt-0.5 shrink-0 rounded p-0.5 opacity-0 transition-opacity hover:bg-muted group-hover/item:opacity-60 hover:!opacity-100 focus-visible:opacity-100"
               title="Dismiss"
               aria-label="Dismiss notification"
               onclick={() => notificationHistory.remove(item.id)}