TradingAgents/agent_os/frontend
copilot-swe-agent[bot] b08ce7199e feat: fix prompt display, add event detail modal, run buttons, and node animations
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
2026-03-23 08:04:53 +00:00
..
src feat: fix prompt display, add event detail modal, run buttons, and node animations 2026-03-23 08:04:53 +00: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-lock.json feat: clickable terminal events, node inspector drawer, stop animation on complete, vite 8 2026-03-23 07:03:48 +00:00
package.json feat: clickable terminal events, node inspector drawer, stop animation on complete, vite 8 2026-03-23 07:03:48 +00: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
tsconfig.json feat: clickable terminal events, node inspector drawer, stop animation on complete, vite 8 2026-03-23 07:03:48 +00:00
tsconfig.node.json feat: clickable terminal events, node inspector drawer, stop animation on complete, vite 8 2026-03-23 07:03:48 +00:00
vite.config.ts fix: migrate backend to port 8088 and use 127.0.0.1 to avoid macOS system conflicts 2026-03-22 22:51:09 +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.