Supporter Response
The contact list, the conversation in its three states, the supporter profile and the writing-style settings that make up the Supporter Response inbox.
Figma: 10 / Components / ChatChat/ContactList
The title, High-intent, Unread and Done with counts, the filter and the contact rows grouped by day. Pick a row to select it.
Chat/ConversationPane
Draft, sent and email marked as sent, built from the same thread, bubble, composer and status parts.
Chat/SupporterProfile
The supporter as a tilted photo print (ContactPhoto) beside their name and location, the Messenger and email lines, then tags you can add and remove and AI suggested tags you can accept or dismiss.
Chat/Workspace
The three panels together, fully interactive. Drop it into AppShell; the template does exactly that.
WritingStyle/Settings
Navigation beside the four sections: writing style and tone, nonprofit details, brand files and websites with the links the AI reads.