feat: AgentFi complete frontend — ready for backend integration

.claude/settings.json

@@ -0,0 +1,10 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(git rebase:*)"
+    ],
+    "additionalDirectories": [
+      "/Users/andreagonzalez/ETHDENVER/Main/agentfi/.claude"
+    ]
+  }
+}

.gitignore

@@ -27,6 +27,9 @@ agents/**/*.pyc
 agents/.mypy_cache/
 agents/.pytest_cache/
 
+# ─── Hedera ────────────────────────────────────────────────────────
+agents/hedera_token.json
+
 # ─── pnpm ───────────────────────────────────────────────────────────
 node_modules/
 .pnpm-store/

STATUS_DEVB.md

@@ -0,0 +1,75 @@
+# AgentFi — Dev B Progress Report
+## Branch: feature/frontend
+## Date: 2026-02-19
+
+### Frontend Status
+
+| Item | Status | Details |
+|------|--------|---------|
+| layout.tsx (WagmiProvider) | ✅ Done | `<Providers>` wraps WagmiProvider + RainbowKit + QueryClient. Chains configured: 0G (16600) + ADI (99999) via `chains.ts`. Sidebar + TopBar + DotGrid background. |
+| page.tsx (Homepage) | ✅ Done | Rich hero with terminal typewriter animation (15 lines simulating agent execution), "Enter Marketplace" PixelTransition CTA, "View Dashboard" GlareHover CTA, CurvedLoop marquee, LogoCarousel multi-chain section. |
+| marketplace/page.tsx | 🔧 Partial | Beautiful UI: search bar, category filters (All/DeFi/Risk/Yield), 6 agent cards (grid 3-col), iNFT banner. **But all data is hardcoded** (AGENTS array). Does NOT call `getListedAgents()` from contract. Hire buttons are PixelTransition visual only — no on-chain tx. |
+| agent/[id]/page.tsx | ❌ Stub | Bare stub: shows "Agent #{id}" with 3 TODO comments. No metadata, no pricing, no HireButton integration. |
+| my-agents/page.tsx | 🔧 Partial | Rich UI: wallet summary bar, 3 iNFT cards with metadata grid (model, capability, minted, owner, queries, earned), activity timeline (6 events), "Hire More" CTA. **All data hardcoded** — does NOT query user's tokens from contract. |
+| dashboard/page.tsx | 🔧 Partial | Rich UI: agent roster (3 cards), live feed with typewriter animation, performance stats, allocation bars, quick actions. Uses `useAccount()` for address display. **All data hardcoded** — no real on-chain or backend queries. |
+| AgentCard.tsx | ✅ Done | Component renders: name, description, pricePerHire, capabilities[], category badge. **However**, marketplace/page.tsx does NOT use this component — it has its own inline card rendering. AgentCard is unused in production. |
+| HireButton.tsx | ❌ Stub | Has `agentId`, `price`, `onSuccess` props but `handleHire()` is a no-op. 3 TODO comments. No wagmi integration. |
+| WalletConnect.tsx | ✅ Done | Full implementation: `useAccount`, `useConnect`, `useDisconnect`. Custom modal listing all connectors (MetaMask/Coinbase/WalletConnect). Loading spinner, address shortening, disconnect button. |
+| useAgentData.ts | ❌ Stub | Returns `{ data: undefined, isLoading: false, isError: false }`. TODO comment to use `useReadContract` with AgentNFT ABI. |
+| useHireAgent.ts | ❌ Stub | Returns `{ hireAgent: async () => {}, isPending: false, isSuccess: false }`. TODO comment to use `useWriteContract` with AgentMarketplace ABI. |
+| useListedAgents.ts | ❌ Stub | Returns `{ agents: [], isLoading: false, isError: false }`. TODO comment to use `useReadContract` with AgentMarketplace ABI. |
+| chains.ts | ✅ Done | `ogTestnet` (chainId 16600, RPC evmrpc-testnet.0g.ai) + `adiTestnet` (chainId 99999, RPC rpc.ab.testnet.adifoundation.ai). `wagmiConfig` via `getDefaultConfig` with both chains, SSR enabled. |
+| contracts.ts | ✅ Done | Reads addresses from `deployments.json`. Exports `CONTRACT_ADDRESSES.AgentNFT` (0G), `CONTRACT_ADDRESSES.AgentMarketplace` (0G), `CONTRACT_ADDRESSES.AgentPayment` (ADI). |
+| ABI files present | ✅ Done | All 3 ABIs present and valid: `AgentNFT.json` (766 lines, has `getAgentData`), `AgentMarketplace.json` (366 lines, has `hireAgent` + `getListedAgents`), `AgentPayment.json` (271 lines). |
+
+### Agents Status
+
+| Item | Status | Details |
+|------|--------|---------|
+| portfolio_analyzer.py | ✅ Done | `PortfolioAnalyzerAgent` extends `BaseAgent`. Calls `AsyncOpenAI` with gpt-4o-mini, system prompt for DeFi portfolio analysis, max_tokens=500. Error handling returns "Agent error: ...". Price: 0.5. |
+| yield_optimizer.py | ✅ Done | `YieldOptimizerAgent` same pattern. System prompt for yield strategies with APY ranges. Price: 0.5. |
+| risk_scorer.py | ✅ Done | `RiskScorerAgent` same pattern. System prompt for risk scoring 1-10. Price: 0.3. |
+| orchestrator.py | ✅ Done | Full implementation: GPT-based routing (ROUTER_PROMPT generates JSON execution plan), `{step_N}` output injection between steps, agent registry, MockPaymentProvider integration (non-blocking). Max 4 steps. |
+| api.py endpoints | ✅ Done | FastAPI with 5 endpoints: `GET /health`, `GET /agents` (list all), `POST /agents/{agent_id}/execute`, `POST /orchestrate`, `GET /payments/status`. CORS enabled for localhost:3000. Pydantic models for request/response. |
+| mock_provider.py | ✅ Done | `MockPaymentProvider` extends `BasePaymentProvider`. Logs payments with from/to/amount/metadata. Returns success with mock transaction ID. Integrated into orchestrator flow. |
+
+### Demo Flow Test (PRD Core Demo Flow)
+
+| Step | Status | Blocker? |
+|------|--------|----------|
+| Step 1: Connect wallet | ✅ Works | RainbowKit modal, MetaMask/Coinbase/WalletConnect connectors. No blocker. |
+| Step 2: Browse marketplace (3 agents) | 🔧 Visual only | Shows 6 hardcoded agents (not 3 from contract). `useListedAgents` is a stub. **Blocker: no on-chain data.** |
+| Step 3: Hire agent (tx on-chain) | ❌ Not working | HireButton is a no-op stub. `useHireAgent` is a stub. No `hireAgent()` call on AgentMarketplace. **Blocker: no contract interaction.** |
+| Step 4: Agent executes, result displayed | ❌ Not working | Backend agents work (OpenAI calls), but **frontend has zero connection to backend**. No fetch to localhost:8000. No API route. **Blocker: no frontend→backend integration.** |
+| Step 5: My Agents shows owned iNFT | 🔧 Visual only | UI is polished but shows hardcoded iNFTs. `useAgentData` is a stub. **Blocker: no on-chain query for user's tokens.** |
+
+### Summary
+
+**What works well:**
+- UI/UX is polished — homepage, marketplace, dashboard, my-agents all have cohesive gold/dark theme with animations (PixelTransition, GlareHover, typewriter, CurvedLoop)
+- WagmiProvider + RainbowKit + chain config is correctly set up
+- Contract addresses load from deployments.json
+- ABIs are present and contain the expected functions
+- Backend agents (Python) are fully functional with OpenAI integration
+- Orchestrator chains agents with GPT-based planning
+- Payment provider architecture is clean and extensible
+
+**What's broken / missing:**
+1. **Wagmi hooks are all stubs** — useAgentData, useHireAgent, useListedAgents return empty/no-op values
+2. **No frontend→backend connection** — zero fetch calls to the FastAPI agents service
+3. **Agent detail page is a bare stub** — no metadata display, no hire flow
+4. **Marketplace uses hardcoded data** — not reading from contract
+5. **HireButton does nothing** — no on-chain transaction
+6. **AgentCard component is unused** — marketplace renders its own inline cards
+
+### Blockers
+- **Wagmi hooks need implementation** to connect UI to on-chain data (highest priority for demo)
+- **Frontend→Backend bridge** needed to show agent execution results in the UI
+- **Agent detail page** needs full build-out for the hire flow
+
+### What I Need From Dev A
+- Confirm deployed contract addresses are final (currently in deployments.json: AgentNFT `0x10e3...4e882`, AgentMarketplace `0x1a9e...4246` on 0G, AgentPayment `0x10e3...4e882` on ADI)
+- Confirm `getListedAgents()` returns the 3 demo agents (portfolio_analyzer, yield_optimizer, risk_scorer) — are they listed on-chain?
+- Confirm `hireAgent(tokenId)` payable value — what's the expected price in wei/OG?
+- Confirm `getAgentData(tokenId)` return shape — what fields does the struct contain?
+- Are there any events emitted on hire (e.g., `AgentHired`) we should listen for in the UI?