<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<title>ERC-8004 identity viewer</title>
<meta name="description" content="See an AI agent's ERC-8004 identity, registration file and reputation on Base and Base Sepolia. Static page, reads the chain directly.">
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
  <header>
    <h1>ERC-8004 identity viewer</h1>
    <p class="muted">An agent's on chain identity and reputation on Base, read straight from the registries. No backend, no wallet.</p>
  </header>

  <form id="lookup" autocomplete="off">
    <label>Network
      <select id="network" name="network">
        <option value="base">Base</option>
        <option value="base-sepolia">Base Sepolia</option>
      </select>
    </label>
    <label>Agent id
      <input id="agentId" name="agentId" inputmode="numeric" pattern="[0-9]+" placeholder="for example 1" required>
    </label>
    <details>
      <summary>Advanced</summary>
      <label>RPC URL <input id="rpcUrl" name="rpcUrl" type="url" placeholder="default public RPC"></label>
      <label>IPFS gateway <input id="gateway" name="gateway" type="url" placeholder="https://ipfs.io/ipfs/"></label>
    </details>
    <button type="submit">Show agent</button>
  </form>

  <section id="result" aria-live="polite"></section>

  <footer class="muted">
    Registries: <span id="registries"></span>.
    Source and tests on <a href="https://agentgate-source.pages.dev/erc8004-identity-viewer/">GitHub</a>. MIT licence.
  </footer>
</main>
<script type="module" src="app.js"></script>
</body>
</html>

agentgate-source: code mirror on Cloudflare Pages. All repos