1. Run buttons: only the triggered button shows spinner, others disabled 2. Backend: enhanced prompt extraction with multiple fallback paths (data.messages, data.input.messages, data.input, data.kwargs.messages) and raw dump fallback; improved response extraction for edge cases 3. Portfolio viewer: new PortfolioViewer component with holdings table, trade history, and summary tabs; portfolio dropdown with auto-load; Wallet sidebar icon now navigates to portfolio page 4. Parameter inputs: collapsible panel with date/ticker/portfolio_id; validation prevents running without required fields per run type Co-authored-by: aguzererler <6199053+aguzererler@users.noreply.github.com> Agent-Logs-Url: https://github.com/aguzererler/TradingAgents/sessions/ffa268c8-e97c-4335-9bce-19bba583bea9 |
||
|---|---|---|
| .. | ||
| src | ||
| README.md | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
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
-
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 -
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.