# Feedback Changelog Modal

'What's New' modal after a version update in a SaaS application.

- id: `feedback-changelog-modal`
- Page: https://agentic-ui-kit.com/components/feedback-changelog-modal
- Live preview: https://agentic-ui-kit.com/live/component/feedback-changelog-modal

## Install

```bash
agentic-ui add feedback-changelog-modal
npx shadcn@4.17.0 add @agentic-ui/feedback-changelog-modal
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** versioned-releases, change-categorization, unread-badge-tracking, mark-all-read, feedback-reaction, category-filter, search-filter, version-history-navigation, keyboard-navigation, empty-and-error-states, responsive-dialog
- **Intents:** communicate, track-status, explore-detail
- **Suits domains:** saas, devtools, project-management, operations, analytics
- **Interaction:** version-selection, category-filter, search-filter, feedback-reaction-toggle, mark-all-read, dialog-trigger-open-close, keyboard-escape-dismiss
- **Screen role:** communication
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** 'What's New' modal after a version update in a SaaS application, interactive summary of the changelog and breaking changes in a developer portal, notification of new features and improvements for users in an analytics console, version history with feedback reactions and links to technical documentation
- **Avoid when:** high-frequency chat or interpersonal messaging channels, simple transactional data entry forms
- **Preserve when adapting:** version-timeline-and-card-layout, change-type-badge-color-semantics, accessible-dialog-modal-behavior, keyboard-shortcuts-and-focus-trap
- **Replace when adapting:** changelog-release-data-source, feedback-reaction-mutation-handler, version-tracking-storage-adapter, release-cta-links
- **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:** dialog, button, badge, card, input, separator, tooltip
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives