From eec0b299e8287d1b011cea09cfd3d5726d92a8c9 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@coder.com>
Date: Sat, 28 Feb 2026 15:17:04 -0500
Subject: [PATCH] fix(site): add chromatic ignore to shimmer component (#22439)

The shimmer component has an infinitely repeating animation that causes
Chromatic snapshot diffs on every run. Adding `data-chromatic="ignore"`
to prevent false positives, consistent with how other animated
components in the codebase handle this (e.g. `Spinner`, `Alert`,
`SyntaxHighlighter`).

Co-authored-by: Coder <coder@users.noreply.github.com>
---
 site/src/components/ai-elements/shimmer.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/site/src/components/ai-elements/shimmer.tsx b/site/src/components/ai-elements/shimmer.tsx
index d40fe1a603..ffe4a68e00 100644
--- a/site/src/components/ai-elements/shimmer.tsx
+++ b/site/src/components/ai-elements/shimmer.tsx
@@ -48,6 +48,7 @@ const ShimmerComponent = ({
 	return (
 		<MotionConfig reducedMotion="user">
 			<MotionComponent
+				data-chromatic="ignore"
 				animate={{ backgroundPosition: "0% center" }}
 				className={cn(
 					"relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent",