Back to Marketplace
contentv0.1.0
Support Chat
QA 100%
Fixed-height support chat card with an agent header, a scrolling thread of incoming and outgoing bubbles, a transfer-status card inside one reply, a typing indicator, suggested-reply chips and a composer with a send button.
>npx @shavin/cli add @sarahchen/chat-ui
Noor Patel
WiseOwl support · replies in about 3 min
Today
Hi, I moved $1,200.00 from checking to savings on Thursday and it still shows as pending. Is something wrong?
9:41 am
Hi Daniel, thanks for checking. Here is the transfer I can see on your account.
Transfer
Pending$1,200.00
Cascade Federal Checking ••6021 to Harborline Savings ••3390
Expected to clear Monday, Oct 5
9:43 am
Transfers between two different banks usually take 2–3 business days. Harborline posts incoming transfers overnight.
9:44 am
Got it. Will my savings goal update on its own once it clears?
9:46 am
Yes. Once it posts, your Emergency fund goal moves from $11,460.00 to $12,660.00 automatically.
9:47 am
Block Specifications
Shavin primitives
Tags
#chat#support#messaging#app
Quality Score
Tokens:100%
A11y AAA:100%
Geometry:100%
Security:100%
View full scorecard breakdown
Verified BlockSemantic token compliant
Tokens
100%
A11y AAA
100%
Geometry
100%
Security
100%
Studio AST Serialization (BlockNode JSON)View JSON Tree
{
"type": "BlockNode",
"slug": "chat-ui"
}Creator Profile
Sarah Chen
@sarahchen
Product Designer @ HyperScale. Specializing in high-density analytics & Radix primitives.
Top ContributorVerified Creator
Total Forks
1420
Total Upvotes
3890
