charieswei
/
TradingAgents
mirror of https://github.com/TauricResearch/TradingAgents.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
TradingAgents/agent_os/frontend
History
Ahmet Guzererler d5df6b93a4 feat: connect Top 3 Metrics to real data from Supabase and macro scans 
- add /api/portfolios/{id}/summary endpoint to backend
- parse Sharpe and Drawdown from latest portfolio snapshots
- parse Market Regime from macro_scan/scan_summary.json
- update MetricHeader to fetch real-time metrics with polling
- pass portfolio_id to dashboard and trigger methods
 		2026-03-22 22:14:27 +01:00
..
src feat: connect Top 3 Metrics to real data from Supabase and macro scans 2026-03-22 22:14:27 +01:00
README.md feat: initialize AgentOS observability foundation 2026-03-22 21:54:13 +01:00
index.html feat: implement AgentOS frontend and live backend integration 2026-03-22 22:12:33 +01:00
package.json feat: implement AgentOS frontend and live backend integration 2026-03-22 22:12:33 +01:00
postcss.config.js feat: implement AgentOS frontend and live backend integration 2026-03-22 22:12:33 +01:00
tailwind.config.js feat: implement AgentOS frontend and live backend integration 2026-03-22 22:12:33 +01:00

README.md

AgentOS Frontend

This is a React-based observability dashboard for TradingAgents.

Tech Stack

  • Framework: React (Vite)
  • UI Library: Chakra UI
  • State Management: React Context / Hooks
  • Communication: Axios (REST) & WebSockets

Getting Started

  1. Initialize the project:

    npm create vite@latest . -- --template react-ts
npm install @chakra-ui/react @emotion/react @emotion/styled flutter-framer-motion axios lucide-react

  2. Run the development server:

    npm run dev

Core Components Structure

  • src/components/CommandCenter/: The main terminal and agent map.
  • src/components/Portfolio/: Portfolio holdings and metrics.
  • src/hooks/useAgentStream.ts: Custom hook for WebSocket streaming.
  • src/context/AuthContext.tsx: Mock auth and multi-tenant support.