Backend: - Extract full prompt from all LLM messages (not just first) - Add prompt/response fields to streamed event payloads - Improve model name extraction with multiple fallback strategies - Add run_portfolio and run_auto streaming methods - Wire portfolio/auto in websocket router - New tool_result event type for tool completion Frontend: - Add full event detail modal with tabs (Prompt, Response, Summary, Metrics) - Show actual prompt content in drawer instead of "Prompting unknown..." - Add Scan, Pipeline, Portfolio, Auto buttons to control panel - Fix node animation: completed nodes never revert to running - Handle tool_result type for marking tool nodes as done - Drawer events have "Full Detail →" button to open modal Co-authored-by: aguzererler <6199053+aguzererler@users.noreply.github.com> Agent-Logs-Url: https://github.com/aguzererler/TradingAgents/sessions/7997c579-ab7e-4071-afd0-18703a8e5618 |
||
|---|---|---|
| .. | ||
| 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.