Using moodi in a chat UI right now means I have to map my own state to moods by hand (loading, error, success...). Would be nice to just pass a status or a promise and have it switch on its own, something like useMoodi(promise). Bonus if it works out of the box with react-query or the AI SDK's useChat, since that's probably where most people would use it.

Two small things that would make me more comfortable shipping this in production. First, respecting prefers-reduced-motion, since the idle breathing and blinking never stops. Second, a static image fallback for when WebGL isn't available or while three.js is still loading. Also curious how big the bundle is, I couldn't find that on the site.

I only see React, web component and CDN on the site. I use Svelte, so I guess I'd go with the web component, but a short example for Vue and Svelte would help. Also there's no place that lists all the props and moods, just the code snippet in the demo. A simple docs page would be enough.