Wabi App Detail Top Sheet Swipe Down Morph Interaction

This interaction demonstrates a collapsible header in a detail view. When scrolling up, the detailed header containing an avatar, description, stats, and buttons collapses. The avatar morphs and scales down into a small circular icon anchored at the top, while the rest of the header elements fade out. When scrolling down, the header expands back to its original state with a smooth, springy animation, restoring all metadata and buttons. This transition keeps the user oriented by using the avatar as a shared visual anchor.