For the complete documentation index, see /llms.txt. A single-fetch full bundle is at /llms-full.txt. Every docs page is also available as Markdown by appending .md to its URL, or by requesting it with Accept: text/markdown.

ReputationTimeline

Sparkline chart showing how the agent's feedback scores have trended over time. Pure SVG, no external charting library.

Preview

Usage

import { ReputationTimeline } from "@erc8004/ui"

<ReputationTimeline agentRegistry="eip155:8453:0x8004A169FB4a3325136EB29fA0ceB6D2e539a432" agentId={2290} />

Examples

Last 30 Days

Filter the timeline to only show feedback from the last 30 days.

<ReputationTimeline agentRegistry="eip155:8453:0x8004...a432" agentId={2290} range="30d" />

With Data Points

Show individual score dots on the chart.

<ReputationTimeline agentRegistry="eip155:8453:0x8004...a432" agentId={2290} showDataPoints />

Points Only (No Trend Line)

Show only the data point dots without the connecting trend line.

<ReputationTimeline agentRegistry="eip155:8453:0x8004...a432" agentId={2290} showTrendLine={false} showDataPoints />

In Context

ReputationTimeline alongside ReputationDistribution for a complete reputation view.

<AgentProvider agentRegistry="eip155:8453:0x8004...a432" agentId={2290}>
  <ReputationTimeline />
  <ReputationDistribution />
</AgentProvider>

API Reference

Prop	Type	Required	Default	Description
`agentRegistry`	`string`	No	—	Agent registry in the format "eip155:{chainId}:{contractAddress}". Required unless inside an <AgentProvider>.
`agentId`	`number`	No	—	ERC-721 token ID of the agent. Required unless inside an <AgentProvider>.
`className`	`string`	No	—	Optional CSS classes merged onto the component root for layout, spacing, or custom styling (e.g. Tailwind).
`range`	`"7d" \| "30d" \| "90d" \| "all"`	No	"all"	Time range filter for displayed feedback.
`showTrendLine`	`boolean`	No	true	Show the connecting line between data points.
`showDataPoints`	`boolean`	No	false	Show individual score dots on the chart.

States

This component handles loading, error, empty, and not-found states internally. A skeleton placeholder is shown while fetching, an error message with details appears if the Subgraph is unreachable, and a short message is displayed when no data exists for this agent.

←ReputationScore ReputationDistribution→