From 2648dfc9e8151fffa8d60ccad46ed6a9ae2f1224 Mon Sep 17 00:00:00 2001
From: Alexander Piskun <bigcat88@icloud.com>
Date: Tue, 17 Feb 2026 19:35:49 +0200
Subject: [PATCH 1/2] fix: trigger assistant icon animation on keyboard focus

The star pulse animation on the assistant icon only triggered on
:hover. Added unscoped CSS rules using button:focus-visible so
keyboard users see the same animation when tabbing to the button.
Uses :focus-visible (not :focus) to avoid triggering on mouse clicks.
Respects prefers-reduced-motion.

Closes #361

Signed-off-by: Alexander Piskun <bigcat88@icloud.com>
---
 src/components/icons/AssistantIcon.vue | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/components/icons/AssistantIcon.vue b/src/components/icons/AssistantIcon.vue
index 3c3d7c30..116d97d4 100644
--- a/src/components/icons/AssistantIcon.vue
+++ b/src/components/icons/AssistantIcon.vue
@@ -85,7 +85,6 @@ export default {
   .assistant-icon:hover .star3 {
     animation: none;
   }
-
 }
 
 @keyframes pulse {
@@ -94,3 +93,26 @@ export default {
   100% { transform: scale(1); }
 }
 </style>
+
+<!-- Unscoped: trigger animation when a parent button receives keyboard focus -->
+<style>
+button:focus-visible .assistant-icon .star1 {
+  animation: pulse 0.6s ease forwards;
+}
+
+button:focus-visible .assistant-icon .star2 {
+  animation: pulse 0.6s ease 0.1s forwards;
+}
+
+button:focus-visible .assistant-icon .star3 {
+  animation: pulse 0.6s ease 0.2s forwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  button:focus-visible .assistant-icon .star1,
+  button:focus-visible .assistant-icon .star2,
+  button:focus-visible .assistant-icon .star3 {
+    animation: none;
+  }
+}
+</style>

From 5697e0aa68dc5a3d18a75dae512b2d9f36bbf5c4 Mon Sep 17 00:00:00 2001
From: Jana Peper <jana.peper@nextcloud.com>
Date: Sat, 25 Apr 2026 15:10:03 +0200
Subject: [PATCH 2/2] fix: move additions so they actually work

Signed-off-by: Jana Peper <jana.peper@nextcloud.com>
---
 src/components/icons/AssistantIcon.vue | 41 +++++++++++---------------
 1 file changed, 18 insertions(+), 23 deletions(-)

diff --git a/src/components/icons/AssistantIcon.vue b/src/components/icons/AssistantIcon.vue
index 116d97d4..ad0b6f31 100644
--- a/src/components/icons/AssistantIcon.vue
+++ b/src/components/icons/AssistantIcon.vue
@@ -72,6 +72,18 @@ export default {
   animation: pulse 0.6s ease 0.2s forwards;
 }
 
+button:focus-visible .assistant-icon .star1 {
+  animation: pulse 0.6s ease forwards;
+}
+
+button:focus-visible .assistant-icon .star2 {
+  animation: pulse 0.6s ease 0.1s forwards;
+}
+
+button:focus-visible .assistant-icon .star3 {
+  animation: pulse 0.6s ease 0.2s forwards;
+}
+
 /* No animation to avoid vestibular motion triggers. */
 @media (prefers-reduced-motion: reduce) {
   .assistant-icon:hover .star1 {
@@ -85,34 +97,17 @@ export default {
   .assistant-icon:hover .star3 {
     animation: none;
   }
-}
-
-@keyframes pulse {
-  0% { transform: scale(1); }
-  50% { transform: scale(1.4); }
-  100% { transform: scale(1); }
-}
-</style>
 
-<!-- Unscoped: trigger animation when a parent button receives keyboard focus -->
-<style>
-button:focus-visible .assistant-icon .star1 {
-  animation: pulse 0.6s ease forwards;
-}
-
-button:focus-visible .assistant-icon .star2 {
-  animation: pulse 0.6s ease 0.1s forwards;
-}
-
-button:focus-visible .assistant-icon .star3 {
-  animation: pulse 0.6s ease 0.2s forwards;
-}
-
-@media (prefers-reduced-motion: reduce) {
   button:focus-visible .assistant-icon .star1,
   button:focus-visible .assistant-icon .star2,
   button:focus-visible .assistant-icon .star3 {
     animation: none;
   }
 }
+
+@keyframes pulse {
+  0% { transform: scale(1); }
+  50% { transform: scale(1.4); }
+  100% { transform: scale(1); }
+}
 </style>