Suggestion Pills

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

Import & use

import { Ai9 } from "@/components/beste/piece/ai9";

<Ai9
  prompts={[
    "Summarize this doc",
    "Draft a reply",
    "Extract action items",
    "Translate to Turkish"
  ]}
/>

More AI pieces

View all AI

Thinking

Thinking Dots

Three staggered violet-to-fuchsia dots inside a pill next to a Thinking label.

Feedback Row

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

Write a landing page hero for a coffee roaster

Prompt Input

Chat prompt card with a sparkle glyph, multi-line value, attach button, and a smart send arrow.

Model Selector

Gradient sparkle tile inside a pill showing the model name, a speed caption, and a dropdown arrow.

support-reply.prompt

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

Prompt Template

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

"where is my order?"

order_status

87%

shipping_eta

refund_request

Intent Classifier

Intent ranking panel with the raw user input quoted above and a list of candidate labels with confidence bars.