1. Terminal: remove inline prompts/full text; show short summary per event; click any event to open detail drawer with full request/response/model/metrics 2. Fix node "thinking" animation: shimmer only when status=running; on_chat_model_end (result) transitions node to completed, animation stops 3. Link nodes to events: clicking a graph node opens the drawer showing all events for that node (prompts, tool calls, results) 4. Upgrade Vite 5→8.0.1, @vitejs/plugin-react→5.2.0; update tsconfig moduleResolution to "bundler" for Vite 8 compat Co-authored-by: aguzererler <6199053+aguzererler@users.noreply.github.com> Agent-Logs-Url: https://github.com/aguzererler/TradingAgents/sessions/93c31c35-9509-4254-96fd-6f47aad07927 |
||
|---|---|---|
| .. | ||
| 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.