# AI Suggestion Diff

Support copilot that suggests improvements to ticket drafts with granular accept or reject per change.

- id: `ai-suggestion-diff`
- Page: https://agentic-ui-kit.com/components/ai-suggestion-diff
- Live preview: https://agentic-ui-kit.com/live/component/ai-suggestion-diff

## Install

```bash
agentic-ui add ai-suggestion-diff
npx shadcn@4.17.0 add @agentic-ui/ai-suggestion-diff
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** per-change-accept-reject, inline-diff-view, split-diff-view, batch-accept-all, batch-reject-all, change-navigation, resulting-preview, empty-state, error-recovery, keyboard-navigation
- **Intents:** create-edit, communicate, generate-content, explore-detail
- **Suits domains:** ai-content, ai-workspace, support, crm, notes
- **Interaction:** per-change-accept-reject, batch-accept-reject, diff-mode-toggle, change-navigation, keyboard-shortcuts
- **Screen role:** detail
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** support copilot that suggests improvements to ticket drafts with granular accept or reject per change, AI-assisted content editor where the writer reviews tone, clarity and grammar proposals, CRM assistant that adjusts sales emails before sending, allowing individual changes to be approved, agent workspace that shows proposed revisions to markdown documents with a preview
- **Avoid when:** the content is static, has no suggestions and needs no review, real-time multiplayer collaborative editing with concurrent cursors is required, the comparison is between binaries or images with no readable text
- **Preserve when adapting:** keyboard-contract, aria-live-announcements, granular-accept-reject-flow, resulting-preview-computation, diff-status-tracking
- **Replace when adapting:** domain-copy, suggestions-fixture-data, document-apply-handler
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, card, separator, tabs
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Registry dependencies:** lib-primitives