@solidus-network/agent-identity-react

React components for Solidus agent identity — the Verified by Solidus badge, the agent passport card, a mandate-approval prompt, and operator-console primitives.

Self-contained: no external CSS, tailwind, or font bundle required. Safe to drop into any React app, including a relying party's site (the badge is the adoption-flywheel surface). Every component is theme-aware — theme="light" | "dark" (default dark).

Status honesty

These components state it in the UI, not just the docs:

• Solidus L1 is testnet-only.
• did:solidus is submitted to the W3C DID Method Registry, under review — never rendered as "registered".
• BBS+ is testnet-grade; external audit pending.

Install

npm i @solidus-network/agent-identity-react react

Components

import {
  AgentBadge,
  AgentPassportCard,
  MandateApproval,
  AgentList,
} from '@solidus-network/agent-identity-react'

// The "Verified by Solidus" badge — put it wherever an agent acts.
<AgentBadge did={agent.did} status="active" variant="full" href={agent.agentCardUri} />

// Full passport: DID, ERC-8004 anchor, credential list, honest status lines.
<AgentPassportCard did={agent.did} passport={agent.passport} credentials={creds} />

// Human-in-the-loop spend approval (states the exact bounded authority).
<MandateApproval terms={mandateTerms} onApprove={approve} onDecline={decline} />

// Operator console: a compact agent table.
<AgentList agents={agents} onSelect={openAgent} />

Design

Follows the Solidus anti-vibecode canon: solid status dots (never haloed or pulsing), the brand lime→cyan gradient used only as a 2px header underline (never a card fill), IBM Plex Sans for body / IBM Plex Mono for DIDs and hashes, cyan/lime on dark navy, 4/6/8/12 radii, no emoji, no hype copy. The kit renders correctly with no fonts installed (safe monospace/sans fallbacks); load IBM Plex on your page for the intended look.

License

Apache-2.0