dsh-pixel-whale

Waiting for a reply in DSH Web can feel like staring at a blank wall, all you see is the static «Deep diving...» label. dsh-pixel-whale turns those idle seconds into a tiny living scene: a 36×26 px point-cloud whale slides in right before the status text the moment a turn kicks off, and dissolves cleanly the instant the turn finishes. There are no flags to pass, no config files to edit—install, restart the web app, and the whale is simply there whenever you need it.

The motion design leans into a heavy-head, supple-body feel. The broad head barely shifts, keeping a grounded weight, while the torso bends through its arc, the tail and pectoral fins rebound with a spring-like snap, and tiny bubble clusters rotate softly between animation loops. Every pixel is locked to a restrained blue palette with stable colours, so all the visual energy comes from body movement rather than flashing or strobing points. The animation also respects the browser's prefers-reduced-motion setting, so users who prefer calmer visual experiences see a static but still charming whale.

Under the hood the plugin is deliberately minimal and cosmetic. It mounts through DSH's session-scoped conversation.input.dock lifecycle, reads the authoritative running state via useSession, and uses a scoped MutationObserver to track the current conversation's status row. A React portal places the whale in the DOM and tears it down when the turn stops or the plugin unloads. It does not replace the status text, does not write session data, and does not alter any prompt, tool, or model-request behaviour—it is a pure web-surface ornament with zero side effects on the conversation pipeline.