# Gamify Points History

Points history of a loyalty program with a running balance and transaction reversal.

- id: `gamify-points-history`
- Page: https://agentic-ui-kit.com/components/gamify-points-history
- Live preview: https://agentic-ui-kit.com/live/component/gamify-points-history

## Install

```bash
agentic-ui add gamify-points-history
npx shadcn@4.17.0 add @agentic-ui/gamify-points-history
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** running-balance-ledger, earn-spend-summary, day-grouped-timeline, earn-spend-filtering, entry-drilldown, entry-reversal, accessible-data-table, keyboard-navigation, tier-progress-hint, state-resilience
- **Intents:** track-status, audit-trail, explore-detail, manage-collection
- **Suits domains:** saas, ecommerce, marketing, education, personal-productivity
- **Interaction:** earn-spend-filtering, day-grouped-timeline-navigation, drilldown-entry-inspection, entry-reversal, tabular-data-view
- **Screen role:** detail
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** points history of a loyalty program with a running balance and transaction reversal, rewards ledger for streaks and achievements in a habit or learning app, support console auditing a member's manual adjustments and point expirations, engagement panel showing progress toward the next program tier
- **Avoid when:** a single scalar points metric without history (use stat-card), real monetary transactions with accounting obligations (use finance-transaction-ledger), competitive leaderboards between members (a ranking, not an individual ledger)
- **Preserve when adapting:** keyboard-contract, running-balance-semantics, earn-spend-filter-model, drilldown-entry-inspection, accessible-table-alternative
- **Replace when adapting:** domain-copy, reason-taxonomy, tier-model, fixture-data
- **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
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives
