# ChatInputArea

## 2026-06-21 — @mention autocomplete (mentions prop)

**Prompted by:** Hellen (design team)

### What changed
- New `mentions` prop (`ChatMention[]`). Typing `@` opens a picker filtered by
  the trailing query; navigate with ↑/↓, pick with Enter or click, inserting
  `@label`. While the picker is open Enter/↑/↓/Escape are handled by it (Enter
  no longer submits).

### Why
- Tag people in comments / messages without a separate editor.

### Affected tokens / files
- `packages/shadcn/src/components/ui/chat-input-area.tsx`


## 2026-06-21 — Editor mode (showSend / fill)

**Prompted by:** Hellen (design team)

### What changed
- New `showSend` prop (default `true`). When `false`, the Send button is hidden
  and Enter inserts a newline instead of submitting — for auto-saving editors.
- New `fill` prop (default `false`). The textarea flex-fills its container
  (full-height editor) instead of auto-resizing to content.
- The action bar is hidden entirely when there is nothing to show (no send, no
  attach buttons).

### Why
- Reuse the rich input (markdown toolbar) as a full-height, send-less notes
  editor, not just a chat composer.

### Affected tokens / files
- `packages/shadcn/src/components/ui/chat-input-area.tsx`