build69
Sign inGet API key
build69  /  Components  /  Chat & Collab  /  AgentBar

AgentBar

v1.0.7Updated 27 Aug 2026

Sticky bottom bar for the build69 AI agent: text input + quick prompt chips + streaming response slot + tool call chips.

View source← Back to catalog

Preview

Live · 18 stories
DefaultOpen ↗
▸Why this is recommendedagentaichatprompt+3

The default, out-of-the-box AgentBar.

Recommended for+14
  • ✓Every AppShell-wrapped page where the agent is available
Tags+6
agentaichatpromptstickybottom-bardefault
Features+4
  • Sticky bottom positioning
  • Slash-command palette
  • Quick-prompt suggestion chips
  • Tool-call status chips (running / success / error)
  • Streaming token rendering
  • Multimodal attach (file / image)
  • Collapse / expand to mini bar
  • i18n: labels prop overrides every built-in UI string (input/icon-button aria, palette headings, recents empty state) — see AgentBarLabels / DEFAULT_AGENT_BAR_LABELS
Not recommended for−2
  • ✕Modal flows (the agent stays in the shell)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "AgentBar" })

Usage

import { AgentBar } from '@/components/patterns/agent-bar';

<AgentBar suggestions={["Draft an email", "Summarise this page"]} onSubmit={ask} />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
value

Input value

string—
onChange

Input change callback

function—
onSubmit

Submit callback

function—
suggestions

Quick prompt chips

string[]—
labels

Override any built-in UI string — input/icon-button aria, palette headings, recents empty state (i18n). Merged over DEFAULT_AGENT_BAR_LABELS; {name} template for the file-chip remove aria.

Partial<AgentBarLabels>—

Related

Platform docsAll componentsSource files