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.

TagCloud

Weighted tag pills showing the agent's most frequent feedback tags. Pill size reflects mention frequency across all feedback entries.

Preview

Usage

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

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

Examples

Top 5 Tags

Limit to the 5 most frequent tags.

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

Minimum 3 Occurrences

Only show tags mentioned at least 3 times to filter out noise.

<TagCloud agentRegistry="eip155:8453:0x8004...a432" agentId={888} minOccurrences={3} />

In Context

TagCloud in a marketplace card alongside agent identity and score.

<AgentProvider agentRegistry="eip155:8453:0x8004...a432" agentId={888}>
  <div className="flex items-center gap-3">
    <AgentImage />
    <div className="flex min-w-0 flex-1 items-center justify-between gap-3">
      <AgentName />
      <ReputationScore />
    </div>
  </div>
  <TagCloud maxTags={5} />
</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).

maxTagsoptional

type: numberdefault: 20

Maximum number of tags shown.

minOccurrencesoptional

type: numberdefault: 1

Minimum mention count for a tag to appear.

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).
`maxTags`	`number`	No	20	Maximum number of tags shown.
`minOccurrences`	`number`	No	1	Minimum mention count for a tag to appear.
`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.

←FeedbackList VerificationBadge→