From 4964a141d8a2c74704f361a0db417458ec2d0165 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Sat, 15 Nov 2025 11:47:05 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20refactor:=20add=20data-chromatic?=
 =?UTF-8?q?=20ignore=20to=20Shimmer=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Shimmer component uses infinite animations which cause visual regression
issues in Chromatic. Adding data-chromatic="ignore" to the component itself
tells Chromatic to ignore this element in all stories.

This approach:
- Keeps all stories enabled for visual testing
- Only ignores the animated Shimmer element pixels
- Works automatically in any story that uses Shimmer
---
 src/components/ai-elements/shimmer.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ai-elements/shimmer.tsx b/src/components/ai-elements/shimmer.tsx
index e2bb7b98d7..be85938490 100644
--- a/src/components/ai-elements/shimmer.tsx
+++ b/src/components/ai-elements/shimmer.tsx
@@ -33,6 +33,7 @@ const ShimmerComponent = ({
         "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
         className
       )}
+      data-chromatic="ignore"
       initial={{ backgroundPosition: "100% center" }}
       style={
         {