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
copilot-swe-agent[bot] e9be24600f fix: AgentOS backend logging/prompts, frontend node persistence, package updates 
Backend:
- Replace bare print() with structured logging module
- Include LLM prompt snippets and response content in streamed events
- Extract proper node names from LangGraph metadata (langgraph_node)
- Add latency tracking (start/end time per node)
- Add tool input/output content in events
- Add system log event type for informational messages
- Stream on_tool_end events for tool results

Frontend:
- Fix node disappearing/reappearing: use useNodesState/useEdgesState + useEffect
  for incremental updates instead of useMemo that rebuilt all nodes on each event
- Fix duplicate node creation: use useRef to track seen node IDs persistently
- Fix useAgentStream reconnection loop: remove stale `status` from connect deps
- Use statusRef to avoid stale closure in onclose handler
- Add auto-scroll to terminal, event count, type labels/colors
- Show prompt snippets, tool I/O, and response content in terminal
- Handle 'log' event type

Packages:
- Update all npm deps to latest compatible minor versions
- Remove node_modules from git tracking, add to .gitignore

Co-authored-by: aguzererler <6199053+aguzererler@users.noreply.github.com>
Agent-Logs-Url: https://github.com/aguzererler/TradingAgents/sessions/5c511c4e-5172-4eda-b6de-aefa1859e8ac
 		2026-03-23 00:51:29 +00:00
..
src fix: AgentOS backend logging/prompts, frontend node persistence, package updates 2026-03-23 00:51:29 +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 fix: AgentOS backend logging/prompts, frontend node persistence, package updates 2026-03-23 00:51:29 +00:00
package.json fix: AgentOS backend logging/prompts, frontend node persistence, package updates 2026-03-23 00:51:29 +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 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
tsconfig.node.json 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
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.