Feedback Row

About this piece

Thumbs up and down buttons with tinted active state, alongside copy and share actions.

Usage

The import and the props worth knowing about, in one place.

import { Ai15 } from "@/components/beste/piece/ai15";

<Ai15
  surface="card"
  bordered={true}
  inverted={false}
  reaction="up"
/>

Chat bubble with three bouncing dots signaling that the assistant is composing a reply.

System prompt

You are a concise copywriter. Reply in 2 sentences max and avoid em dashes.

Dashed-border card with a violet scroll icon, uppercase label, and an edit button for the system instructions.

Wrapping row of pill suggestions that seed the prompt input with common intents.

support-reply.prompt

You are a helpful assistant. The user asked: {{question}}. Answer in {{tone}} tone.

Monospace prompt card with inline handlebars-style variables highlighted in violet against plain body text.

Summarize this week's support tickets in two lines.

beste-1Thinking

Chat exchange that thinks with bouncing dots, streams the answer character by character behind a blinking caret, then rests and plays again.

The smoothest cup of the morning starts with beans roasted just last

Partial assistant reply bubble with a blinking block cursor on the trailing character.