From 50dba4334a1ba086e2417865e19a2d43f44e2ac1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Falc=C3=B3n?= <victoor89@gmail.com>
Date: Fri, 19 Jun 2026 16:29:54 +0200
Subject: [PATCH] style: pulse the AI categorize sparkle icon (#565)

## What

Replace the static `opacity-50` on the AI categorize sparkle icon with
`animate-pulse`, so the affordance gently pulses to draw attention.
Hover still fades to full opacity.

## Why

Makes the "let AI categorize your transactions" entry point more
discoverable in the transactions table.

## Testing

Visual-only Tailwind class change; no logic affected.
---
 resources/js/components/transactions/category-cell.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/transactions/category-cell.tsx b/resources/js/components/transactions/category-cell.tsx
index 68c759c9..fbaac1a5 100644
--- a/resources/js/components/transactions/category-cell.tsx
+++ b/resources/js/components/transactions/category-cell.tsx
@@ -150,7 +150,7 @@ export function CategoryCell({
                         className="inline-flex"
                         aria-label={__('Let AI categorize your transactions')}
                     >
-                        <AiSparkleIcon className="h-3.5 w-3.5 opacity-50 transition-opacity hover:opacity-100" />
+                        <AiSparkleIcon className="h-3.5 w-3.5 animate-pulse transition-opacity hover:opacity-100" />
                     </button>
                 </TooltipTrigger>
                 <TooltipContent>