Engram

Pursuit card

component

A quest / bounty pursuit card (the in-game Quests list): a square pursuit icon, the title + step description, an optional reward, and a thin step-progress edge. `tracked` gives it the green pinned-quest highlight.

Install

npx shadcn@latest add @engram/pursuit-card

Registry item: /r/pursuit-card.json — the machine-readable definition agents install from.

Example

Raising Our Defenses

Travel to Mars to speak to Ana about Rasputin.

Daily Heroic Story

Complete a Heroic story mission.

22h 14m remaining

XP

Props

PropTypeDefaultDescription
title*ReactNode
descriptionReactNodeQuest/bounty step summary (truncates to two lines).
iconImageRefPursuit icon (square, framed — the in-game quest/bounty icon).
trackedbooleanfalsePinned/tracked → green highlight border + a tracked marker.
progressnumberStep progress 0–1 — the thin bar along the bottom edge.
expiryReactNodeTime-left / expiry readout (bounties).
rewardReactNodeRight-aligned reward icon slot.

Composition

pulled in on install

Dependencies

npm
@engram/core

Own the code: shadcn add copies this component's source into your repo to read and edit directly. Extend without forking — edit the source, use asChild to swap the element, or pass the typed annotations prop for curated data.