[UI/UX] Develop Admin Command Center & Dispute Resolution Center (Desktop & Mobile)

[Rampop01]

Issue #67

[UI/UX] Develop Admin Command Center & Dispute Resolution Center (Desktop & Mobile)

🔴 Priority: Critical
Difficulty: Hard
Estimated Effort: 5-7 days
Relevant Files: src/app/admin/page.tsx, src/app/admin/disputes/page.tsx, src/components/admin/NetworkHealthPanel.tsx, src/components/admin/DisputeTable.tsx, src/components/admin/MultiSigVoting.tsx
Labels: ui, admin, security, priority:critical, figma

Requirements

1. Admin Command Center

   • Build the operational Admin Command Center from Figma: charts for platform volume, fee generation, and active escrow counts.
   • Implement data-dense tables with sorting, filtering, and pagination for managing listings, users, and ongoing escrows.
   • Protect all admin routes with a role-based auth guard — any non-admin JWT must be redirected to the home page.

2. Dispute Resolution Center

   • Build the Dispute Resolution Center UI from Figma, showing all active disputed escrows in a clear, actionable table.
   • Clicking a dispute opens a detailed view with: the escrow timeline, both parties' submitted evidence, and the multi-sig voting panel.
   • The multi-sig voting panel must clearly show which admins have voted and which have not, and display a 'Execute Resolution' button only when the M-of-N threshold is met.
   • Implement a double-confirmation modal that explains irreversibility before executing a fund resolution.

3. Screenshot Requirement

   • Capture and commit screenshots of the Admin Command Center (Desktop) with charts and the active escrow table populated.
   • Capture and commit screenshots of the Dispute Resolution Center showing a dispute in the voting state (e.g., 2/3 admins voted).
   • Place screenshots in src/components/admin/screenshots/.

4. Testing Requirements

   • Unit test: Assert the 'Execute Resolution' button is disabled when voteCount < threshold and enabled once the threshold is reached.
   • E2E test: Sign in as a non-admin user and assert navigation to /admin is redirected to the home page.