Mascot animation in TypingIndicator

[goog]

Problem or Motivation

some claw product like https://masko.ai/claude-code and petclaw
has a mascot animation.
i think that's interesting. and i have tried to do it, although not the best

+        <div className="flex items-center gap-2" aria-hidden="true">
+         <div className="w-[55px] h-[45px] overflow-hidden flex items-center justify-center">
+           <Lottie
+             animationData={typingAnimation}
+               loop
+               autoplay
+               style={{
+               width: "100px",     // 放大一点
+               height: "100px",
+               transform: "translateY(1px)" // 往下移，让猫露出来
+               }}
+               rendererSettings={{
+               preserveAspectRatio: "xMidYMid slice"
+               }}
+           />
+         </div>

Proposed Solution

maybe pinchchat could have one mascot.

Alternatives Considered

No response

Additional Context

No response

[MarlBurroW]

Thanks for the suggestion @goog! 🐾

A mascot animation is a fun idea. PinchChat doesn't have a mascot yet, so this would be a bigger design decision beyond just the typing indicator.

For now the project is focused on stability, performance, and code quality rather than new features, but we'll keep this in mind if a mascot concept comes together down the road.

Appreciate you taking the time to open this and even prototype it!