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.

FeedbackList

Paginated list of individual feedback entries with score, tag pills, reviewer address, timestamp, and optional written review text.

Preview

Usage

import { FeedbackList } from "@p4n/erc8004-ui"

<FeedbackList agentRegistry="eip155:8453:0x8004A169FB4a3325136EB29fA0ceB6D2e539a432" agentId={888} />

Examples

Smaller Page Size

Show 5 items per page instead of the default 10.

<FeedbackList agentRegistry="eip155:8453:0x8004...a432" agentId={888} pageSize={5} />

Minimal (Scores Only)

Hide tags, timestamps, and reviewer addresses for a compact score-only list.

<FeedbackList
  agentRegistry="eip155:8453:0x8004...a432"
  agentId={888}
  showTags={false}
  showTimestamp={false}
  showReviewerAddress={false}
  pageSize={5}
/>

Without Responses

Hide agent responses under each feedback entry.

<FeedbackList agentRegistry="eip155:8453:0x8004...a432" agentId={888} showResponses={false} />

In Context

FeedbackList in a reputation panel alongside the score and tag cloud.

<AgentProvider agentRegistry="eip155:8453:0x8004...a432" agentId={888}>
  <div className="flex flex-col gap-4 sm:flex-row sm:items-center">
    <ReputationScore />
    <TagCloud />
  </div>
  <FeedbackList pageSize={3} />
</AgentProvider>

API Reference

agentRegistryoptional

type: string

Agent registry in the format "eip155:{chainId}:{contractAddress}". Required unless inside an <AgentProvider>.

agentIdoptional

type: number

ERC-721 token ID of the agent. Required unless inside an <AgentProvider>.

classNameoptional

type: string

Optional CSS classes merged onto the component root for layout, spacing, or custom styling (e.g. Tailwind).

pageSizeoptional

type: numberdefault: 10

Items per page.

showReviewerAddressoptional

type: booleandefault: true

Show the reviewer's wallet address.

showTimestampoptional

type: booleandefault: true

Show the feedback timestamp.

showTagsoptional

type: booleandefault: true

Show tag pills.

showResponsesoptional

type: booleandefault: true

Show agent responses under each feedback entry.

coloredScoresoptional

type: booleandefault: true

Colour the numeric score by score band (green → gold → red).

emptyMessageoptional

type: stringdefault: "No feedback yet."

Custom message when there is no feedback.

headingLeveloptional

type: 1 | 2 | 3 | 4 | 5 | 6default: 3

Heading level for this component's title. The default is the level it was previously hardcoded to, so leaving it alone renders exactly as before. Set it to keep the component from breaking the surrounding page's heading order.

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).
`pageSize`	`number`	No	10	Items per page.
`showReviewerAddress`	`boolean`	No	true	Show the reviewer's wallet address.
`showTimestamp`	`boolean`	No	true	Show the feedback timestamp.
`showTags`	`boolean`	No	true	Show tag pills.
`showResponses`	`boolean`	No	true	Show agent responses under each feedback entry.
`coloredScores`	`boolean`	No	true	Colour the numeric score by score band (green → gold → red).
`emptyMessage`	`string`	No	"No feedback yet."	Custom message when there is no feedback.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	No	3	Heading level for this component's title. The default is the level it was previously hardcoded to, so leaving it alone renders exactly as before. Set it to keep the component from breaking the surrounding page's heading order.

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.

←ReputationDistribution TagCloud→