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.

ValidationDisplay

Composed view combining VerificationBadge, ValidationScore, and ValidationList into a single unified validation panel.

Warning
The Validation Registry contract is recorded at the zero address on every chain checked — testnets included — so this component renders its empty state everywhere. Verified 2026-09-04 across Ethereum, Base, Polygon, BNB Smart Chain, BNB Chapel and Base Sepolia. See Concepts › Validation Registry.

Preview

Loading…
Loading…

Usage

import { ValidationDisplay } from "@p4n/erc8004-ui"
<ValidationDisplay agentRegistry="eip155:8453:0x8004A169FB4a3325136EB29fA0ceB6D2e539a432" agentId={888} />

Examples

Inside AgentProvider

Use AgentProvider to avoid repeating identity props.

Loading…
Loading…
<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.

Loading…
Loading…
<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.

Loading…
Loading…
Loading…
<AgentProvider agentRegistry="eip155:8453:0x8004...a432" agentId={888}>
  <AgentCard />
  <ValidationDisplay />
</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).

emptyMessageoptional
type: stringdefault: "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.