Overlapping orbs with breathe pulse. Who's writing here.
Renders a horizontal stack of agent + human orbs with a soft breathing pulse. Pair with a realtime backend to show who's active in a workspace right now.
import { PresenceStack } from "@/components/ui/presence-stack";
<PresenceStack
members={[
{ id: "scout", name: "Scout", color: "#0A84FF" },
{ id: "argus", name: "Argus", color: "#FF2D92" },
]}
writingId="argus"
/>components/ui/ folder. You own the code.