[Frontend] Components - Chat UI, Dashboard, Visualizations #10

Closed
opened 2026-04-06 00:30:06 +02:00 by shoko · 0 comments
Owner

Overview

Implement frontend UI components for the trading bot platform.

Dependencies

  • Requires Frontend Setup (issue #9) to be completed first

Tasks

  • Create ChatInterface component
    • Message input, AI responses, chat history
    • Bot selector dropdown (max 3 bots)
  • Create BotCard component for dashboard
  • Create StrategyPreview component
    • Show parsed strategy config in readable format
  • Create SignalChart component
    • Visual representation of signals over time
  • Create BacktestChart component
    • Line chart of portfolio value over time
  • Create ProUpgradeBanner component
  • Create TokenPicker component
    • Search/select tokens for conditions
  • Create ConditionBuilder component
  • Create pages:
    • Login/Register forms
    • Dashboard with bot list
    • Bot detail with chat
    • Backtest results view
    • Simulation monitor view
    • Settings page

Components List

Component Purpose
ChatInterface Message input, AI responses
BotCard Bot preview for dashboard
BotSelector Dropdown to select bot
StrategyPreview Show strategy in readable format
SignalChart Signals over time
BacktestChart Portfolio value chart
ProUpgradeBanner Upsell for Pro features
TokenPicker Token search/selection
ConditionBuilder Build trading conditions
## Overview Implement frontend UI components for the trading bot platform. ## Dependencies - Requires **Frontend Setup** (issue #9) to be completed first ## Tasks - [ ] Create ChatInterface component - Message input, AI responses, chat history - Bot selector dropdown (max 3 bots) - [ ] Create BotCard component for dashboard - [ ] Create StrategyPreview component - Show parsed strategy config in readable format - [ ] Create SignalChart component - Visual representation of signals over time - [ ] Create BacktestChart component - Line chart of portfolio value over time - [ ] Create ProUpgradeBanner component - [ ] Create TokenPicker component - Search/select tokens for conditions - [ ] Create ConditionBuilder component - [ ] Create pages: - Login/Register forms - Dashboard with bot list - Bot detail with chat - Backtest results view - Simulation monitor view - Settings page ## Components List | Component | Purpose | |-----------|---------| | ChatInterface | Message input, AI responses | | BotCard | Bot preview for dashboard | | BotSelector | Dropdown to select bot | | StrategyPreview | Show strategy in readable format | | SignalChart | Signals over time | | BacktestChart | Portfolio value chart | | ProUpgradeBanner | Upsell for Pro features | | TokenPicker | Token search/selection | | ConditionBuilder | Build trading conditions |
shoko added this to the Phase 1 - Core MVP milestone 2026-04-06 00:30:06 +02:00
shoko added the frontendenhancement labels 2026-04-06 00:30:06 +02:00
shoko closed this issue 2026-04-08 16:23:23 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: shoko/randebu#10