System notice
Divider-style events inside the thread: model switched, context compacted, memory updated, agent joined.
On this page
Model switched, memory updated, context compacted.
Installation
Usage
import { SystemNotice, SystemNoticeAction } from "@/components/ui/chatcn/system-notice"
<SystemNotice
icon={<ContextWindowIcon />}
action={<SystemNoticeAction onClick={openSummary}>View summary</SystemNoticeAction>}
>
Context compacted: 86 messages summarized
</SystemNotice>Props
| Prop | Type | Notes |
|---|---|---|
children | ReactNode | What happened, in a few words |
icon | ReactNode | A 14 px icon |
action | ReactNode | Use SystemNoticeAction for a text-sized link button |
time | ReactNode | When it happened |
Accessibility
- The text is ordinary content, read in place with the transcript. The hairlines are decoration.
- Actions are real buttons with a 44 px hit area on touch screens.
Motion
None.