Live chat operator console
Operator-side primitives for the Mufflermen storefront — synchronous web chat surfaces that sit between the inbox primitives (peer-to-peer messaging) and the support primitives (asynchronous tickets). Realistic scenarios: Mick Davis asking about Hilux fitment, Leah following up on a Commodore quote, an anonymous visitor lodging a Manta DPF warranty rattle, Tom checking on Falcon BA mid-pipe stock. Visual reference only — no real backend wired.
Live chat operator console is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Live chat operator console: Operator-side primitives for the Mufflermen storefront — synchronous web chat surfaces that sit between the inbox primitives (peer-to-peer messaging) and the support primitives (asynchronous tickets). Realistic scenarios: Mick Davis asking about Hilux fitment, Leah following up on a Commodore quote, an anonymous visitor lodging a Manta DPF warranty rattle, Tom checking on Falcon BA mid-pipe stock. Visual reference only — no real backend wired.
Chat queue inbox
Operator's pending chats — Mine / Unassigned / At-risk filter chips, SLA risk colour-coding and per-row wait timer.
Active chat window
Centre pane — header + bubble thread (compose MessageBubble) + ReplyComposer with mention picker.
Operator status pill
Available / Away / In wrap / Busy availability pill — status-dot pulse + auto-set on inactivity.
Quick replies + macro panel
Macro library docked beside composer — pinned shortcut chips above MacroPicker for one-tap inserts.
Customer context card
Right-rail visitor profile — avatar, persona chip, page-viewing block, cart contents, past chats + open ticket counts.
Co-browsing screen viewer
Mock browser frame showing what the visitor sees + animated pointer indicator + Request control CTA.
Sentiment indicator
Frustrated → Neutral → Delighted real-time meter (compose RadialMeter + Chip) with recent-shift indicator.
Transfer chat modal
Choose operator or team + transfer-with-context toggle + hand-off note (compose BasicDialog).
Wrap-up form
Post-chat outcome chips + tags + notes + send-transcript toggle, all wrapped in a modal.
Chat volume gauge
Live team chat-load radial meter + queue length chip + projected ETA chip — role=status, aria-live.
Chat SLA timer chip
Per-chat first / next / resolve timer with tone-shifting (composes support/SlaTimerChip).
Multi-chat tabs
Tab strip across active chats — avatar + name + unread badge + close affordance + role=tab.
Operator team presence
Avatars with status dots + role caption + current chat load chip — Slack-like presence panel.
KB snippet suggester
Context-aware article list with match-score chip, preview + Insert-in-reply CTA + open in side pane.
Full operator console
Composed console — Queue left + MultiChatTabs top + ActiveChatWindow + CustomerContextCard right + macros + sentiment + KB + WrapUpForm + TransferChatModal triggers.