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
Contact details, 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.