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.mdto its URL, or by requesting it withAccept: text/markdown.
ValidationDisplay
Composed view combining VerificationBadge, ValidationScore, and ValidationList into a single unified validation panel.
Preview
Usage
import { ValidationDisplay } from "@p4n/erc8004-ui"<ValidationDisplay agentRegistry="eip155:8453:0x8004A169FB4a3325136EB29fA0ceB6D2e539a432" agentId={888} />Examples
Inside AgentProvider
Use AgentProvider to avoid repeating identity props.
<AgentProvider agentRegistry="eip155:8453:0x8004...a432" agentId={888}>
<ValidationDisplay />
</AgentProvider>Constrained Width
Pass className to fit the composed panel into a sidebar or trust column.
<ValidationDisplay
agentRegistry="eip155:8453:0x8004...a432"
agentId={888}
className="max-w-sm"
/>In Context
ValidationDisplay as a standalone trust panel on an agent profile page.
<AgentProvider agentRegistry="eip155:8453:0x8004...a432" agentId={888}>
<AgentCard />
<ValidationDisplay />
</AgentProvider>API Reference
agentRegistryoptionalAgent registry in the format "eip155:{chainId}:{contractAddress}". Required unless inside an <AgentProvider>.
agentIdoptionalERC-721 token ID of the agent. Required unless inside an <AgentProvider>.
classNameoptionalOptional CSS classes merged onto the component root for layout, spacing, or custom styling (e.g. Tailwind).
emptyMessageoptionalMessage shown when the agent has no validations. The composed view renders one consolidated empty state rather than letting each child render its own.
| 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). |
emptyMessage | string | No | "No validations yet" | Message shown when the agent has no validations. The composed view renders one consolidated empty state rather than letting each child render its own. |
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.