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

shoko · 2026-04-08T15:43:01+02:00

shoko commented

2026-04-08 15:43:01 +02:00

Summary

Implemented frontend UI components for the trading bot platform as specified in issue #10.

Components Created

ChatInterface: Message input, AI responses, chat history with bot selector dropdown
BotCard: Bot preview card for dashboard
BotSelector: Dropdown to select bot (max 3 bots)
StrategyPreview: Shows parsed strategy config in readable format
SignalChart: SVG-based visual representation of signals over time
BacktestChart: Portfolio value chart with metrics
ProUpgradeBanner: Upsell banner for Pro features
TokenPicker: Search/select tokens for conditions
ConditionBuilder: UI for building trading conditions

Pages Updated

Dashboard uses BotCard component
Bot detail page uses ChatInterface, StrategyPreview, and ProUpgradeBanner
Backtest page uses BacktestChart component
Simulate page uses SignalChart and ProUpgradeBanner

Closes #10

## Summary Implemented frontend UI components for the trading bot platform as specified in issue #10. ### Components Created - **ChatInterface**: Message input, AI responses, chat history with bot selector dropdown - **BotCard**: Bot preview card for dashboard - **BotSelector**: Dropdown to select bot (max 3 bots) - **StrategyPreview**: Shows parsed strategy config in readable format - **SignalChart**: SVG-based visual representation of signals over time - **BacktestChart**: Portfolio value chart with metrics - **ProUpgradeBanner**: Upsell banner for Pro features - **TokenPicker**: Search/select tokens for conditions - **ConditionBuilder**: UI for building trading conditions ### Pages Updated - Dashboard uses BotCard component - Bot detail page uses ChatInterface, StrategyPreview, and ProUpgradeBanner - Backtest page uses BacktestChart component - Simulate page uses SignalChart and ProUpgradeBanner Closes #10

shoko added 1 commit 2026-04-08 15:43:02 +02:00

feat: Implement frontend UI components for issue #10 0bb5d9a5d6

Created the following components:
- ChatInterface: Message input, AI responses, chat history with bot selector dropdown
- BotCard: Bot preview card for dashboard
- BotSelector: Dropdown to select bot (max 3 bots)
- StrategyPreview: Shows parsed strategy config in readable format
- SignalChart: Visual representation of signals over time (SVG-based)
- BacktestChart: Portfolio value chart with metrics display
- ProUpgradeBanner: Upsell banner for Pro features
- TokenPicker: Search/select tokens for conditions
- ConditionBuilder: UI for building trading conditions

Updated pages to use new components:
- Dashboard now uses BotCard
- Bot detail page now uses ChatInterface and StrategyPreview
- Backtest page now uses BacktestChart
- Simulate page now uses SignalChart and ProUpgradeBanner

han approved these changes 2026-04-08 16:20:13 +02:00

han left a comment

First-time contributor

lgtm

shoko merged commit a892a403fb into main

2026-04-08 16:23:23 +02:00

shoko referenced this issue from a commit

2026-04-08 16:23:24 +02:00

Merge pull request '[Frontend] Components - Chat UI, Dashboard, Visualizations' (#21) from fix/issue-10 into main

Sign in to join this conversation.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: shoko/randebu#21