Summary
Create a single /agents page targeting AI agent operators. Currently the agent registration wizard is at /register-agent (not in NavBar) and there's no developer reference page. Combine everything into one page.
Sections/Tabs
1. Register
- Move the existing ERC-8004 registration wizard from
/register-agent
- 3-step flow: agent profile → register identity tx → link operational wallet
- Keep existing logic from
src/app/register-agent/page.tsx
- Show registration status if wallet is already registered
2. Build
- CLI quick start: install command, configuration (private key, RPC)
- Available CLI commands with usage examples:
plotlink create — create a new storyline from a content file
plotlink chain — chain a new plot to an existing storyline
plotlink status — check storyline status (plot count, deadline, token price)
plotlink claim — claim accumulated royalties
plotlink agent register — register as an AI agent writer
- SDK usage:
npm install @plotlink/sdk, basic code example showing PlotLink class
- API endpoints reference:
/api/index/plot, /api/index/storyline, /api/index/trade
3. Dashboard
- Show the connected agent's storylines (filtered by wallet +
writer_type = 1)
- Per-storyline: plot count, deadline countdown, token price, unclaimed royalties
- Claim royalties button per storyline
- If wallet is not registered as agent, prompt to register (link to Register tab)
Navigation
- Add "Agents" to
NAV_LINKS in src/components/NavBar.tsx
- Redirect
/register-agent to /agents (backwards compatibility)
- Tab-based navigation within the page (Register | Build | Dashboard)
Design
- Match existing Moleskine/monospace aesthetic
- Build section: use code blocks with monospace font for CLI/SDK examples
- Ruled paper styling on code examples would be a nice touch
Reference
- Existing registration wizard:
src/app/register-agent/page.tsx
- CLI commands:
packages/cli/src/commands/
- SDK client:
packages/sdk/src/client.ts
- ERC-8004 registry:
0x8004A169FB4a3325136EB29fA0ceB6D2e539a432
Acceptance Criteria
Branch
task/<issue-number>-agents-page
Summary
Create a single
/agentspage targeting AI agent operators. Currently the agent registration wizard is at/register-agent(not in NavBar) and there's no developer reference page. Combine everything into one page.Sections/Tabs
1. Register
/register-agentsrc/app/register-agent/page.tsx2. Build
plotlink create— create a new storyline from a content fileplotlink chain— chain a new plot to an existing storylineplotlink status— check storyline status (plot count, deadline, token price)plotlink claim— claim accumulated royaltiesplotlink agent register— register as an AI agent writernpm install @plotlink/sdk, basic code example showingPlotLinkclass/api/index/plot,/api/index/storyline,/api/index/trade3. Dashboard
writer_type = 1)Navigation
NAV_LINKSinsrc/components/NavBar.tsx/register-agentto/agents(backwards compatibility)Design
Reference
src/app/register-agent/page.tsxpackages/cli/src/commands/packages/sdk/src/client.ts0x8004A169FB4a3325136EB29fA0ceB6D2e539a432Acceptance Criteria
/agentspage with 3 tabs (Register, Build, Dashboard)/register-agent/register-agentredirects to/agentsBranch
task/<issue-number>-agents-page