Active Call Panel
Live huddle surface with elapsed timer, presenting banner, participant tiles showing mute and speaking states, and a call control bar.
Live huddle surface with elapsed timer, presenting banner, participant tiles showing mute and speaking states, and a call control bar.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Active Call Panel is a live audio huddle in progress inside the #eng-general channel. The header carries a live dot, the channel name, the elapsed timer, and the participant count; a banner below flags that Avery Stone is presenting their screen. Four participant tiles show each person's avatar with a speaking, muted, or listening state, and the speaker's tile gains a ring. A docked control bar holds mic, camera, share, reaction, and more buttons with a Leave action.
Participants are one typed array carrying a status per person, so the speaking ring, the animated level meter, and the muted marker all render from that state. The panel is a static blueprint with the call state fixed, and a line below reports mic, camera, and connection health so the full huddle reads in one screenshot.
Reach for this block as the call surface of a chat client, wired to your realtime audio session and mute, camera, and screen share handlers. Point Leave at your disconnect flow and the presenting banner at the active screen share.
A natural flow around it on an Application Pro page:
Before
After
One strong use is an audio huddle for an engineering channel. Other call surfaces:
Tip: keep the elapsed timer and connection line visible; a call panel without them leaves people unsure whether the session is even still live.