Notice

A word from Okami about Okami: that it can't chat right now, or that a turn failed. On the card tint with no edge, as a card's sections, so it reads as part of the conversation rather than a message in it, with one way forward beside it.

A turn that failed

In the owner's chat, under the last message: an alert, and Try again sends the same message again.

Okami couldn't answer just now. Try again in a moment.

import { Notice } from "@/components/shared/notice";

<Notice
  role="alert"
  action={
    <Button variant="secondary" size="sm" leadingIcon={RotateCcw} onClick={retry}>
      Try again
    </Button>
  }
>
  Okami couldn't answer just now. Try again in a moment.
</Notice>

Okami can't chat

In setup: the conversation can't go on, so the action is the way around it — the cards. Narrow, the action wraps under the words.

Okami can't chat right now. You can set up with the cards instead.

<Notice
  role="alert"
  action={<Button variant="primary" size="sm" onClick={useCards}>Use the cards</Button>}
>
  Okami can't chat right now. You can set up with the cards instead.
</Notice>

How things are

Above onboarding's cards when there's no model to talk to: a plain status, read when it comes, nothing to press.

Okami can't chat right now, so setup is the cards.

<Notice>Okami can't chat right now, so setup is the cards.</Notice>

It went through

tone="done": the studio's done colour, ink on it, and the booking's check drawing itself before the words. The feedback page says a client's words reached the studio.

Sent to Belaze. Thank you.

<Notice tone="done">Sent to Belaze. Thank you.</Notice>

API reference

Prop	Type	Default	Description
children	ReactNode	—	What happened, in a sentence or two.
role	"status" \| "alert"	"status"	alert for something that just went wrong; status for how things are.
tone	"plain" \| "done"	"plain"	done: it went through — the studio colour and a check.
action	ReactNode	—	The way forward: one small (sm) button.
className	string	—	Layout from outside: width, margins.

Guidelines

One message, one look: whenever Okami can't chat or a turn fails, it's a Notice — never a hand-made box.
Offer an action only when it can help: a daily limit reached has no Try again.