[SPEC-UI-001] CotoBot Deploy Web Interface

[sbkim]

SPEC Reference

• SPEC ID: SPEC-UI-001
• Status: draft
• Priority: high
• Created: 2026-03-11

Summary

Implement the CotoBot Deploy CLI wizard (8-step interactive terminal wizard) as a production web application. The web interface will replace the CLI workflow with a browser-based UI for deploying and monitoring CotoBot trading bot instances.

Scope

• New Next.js 14 frontend application at /frontend/ directory
• Authentication with HTTP-only cookie proxy (no credential exposure)
• All 8 wizard steps as web pages:
  1. Account management
  2. Exchange API key registration (dynamic connector forms)
  3. Strategy config editor (templates + custom)
  4. Multi-step deployment wizard
  5. Bot monitoring dashboard (live PnL, positions)
  6. Stop/archive instances
  7. Overview dashboard
  8. State editor (stopped bots only)

Requirements Summary

• 30+ EARS-format requirements across 10 requirement groups
• REQ-1: Authentication — HTTP-only cookie session proxy
• REQ-2: Account management
• REQ-3: Dynamic credential forms per connector type
• REQ-4: Strategy configuration with validation and templates
• REQ-5: Multi-step deployment wizard with progress feedback
• REQ-6: Live bot monitoring with 5s polling
• REQ-7: Stop/start/archive lifecycle management
• REQ-8: Dashboard overview
• REQ-9: State editor with concurrency guard
• REQ-10: Cross-cutting (dark mode, responsive, error handling)

Acceptance Criteria

• 22 Given/When/Then test scenarios across all pages
• Performance: page load < 2s, deploy feedback < 10s, bundle < 300KB gzipped
• Security: no credentials in localStorage, HTTP-only cookie session, HTTPS only
• 12-item Definition of Done checklist

Technology Stack

Next.js 14 (App Router), TypeScript, TailwindCSS, shadcn/ui, TanStack Query 5, react-hook-form + zod, recharts 2, Zustand 4

---

This issue was automatically created by MoAI from SPEC-UI-001.
SPEC location: `.moai/specs/SPEC-UI-001/spec.md`