How datn-k21/action-agent-fe-v2 works
Action Agent FE is a web client for authenticated AI-agent chat, with management interfaces for assistants, extensions, MCP servers, knowledge uploads, scheduled tasks, and administration. The main user flow is sign-in, open a chat, create or select a thread, and stream agent responses; the sampled store and service code supports this flow. Several management areas are represented by their exact tree paths but were not sampled, so their internal behavior and connections are not asserted.
Main entry points: chat-store.ts Chat state and streaming · assistant-list.tsx Assistant management · auth-service.ts Auth requests · page.tsx Sign-in pages
Components 17
Identity
- Sign-in pages
app/(auth)/login/page.tsx - Login and signup
app/(auth)/_components/login-form.tsx - Session auth
auth.ts - Auth requests
services/auth-service.ts
Agent chat
- New chat route
app/(chat)/page.tsx - Chat interface
components/chat.tsx - Chat state and streaming
store/chat-store.ts - Thread requests
services/thread-service.ts - Agent stream
services/stream-service.ts
Agent setup
- Assistant management
app/(chat)/assistant/_components/assistant-list.tsx - Extension catalog
app/(chat)/extensions/_components/extension-list.tsx - MCP server management
app/(chat)/mcp-server/_components/mcp-server-table.tsx - Knowledge uploads
app/(chat)/knowledge-base
Tasks and admin
- Scheduled tasks
app/(chat)/scheduler-tasks/_components/task-list.tsx - Admin dashboard
app/admin/dashboard/overview/_components/overview.tsx
API services
- Application API
Other components
- User
Connections 21
- User → Sign-in pages: opens
- Sign-in pages → Login and signup: renders
app/(auth)/login/page.tsx - Login and signup → Auth requests: submits credentials
app/(auth)/_components/login-form.tsx - Session auth → Auth requests: authenticates with
auth.ts - Auth requests → Application API: sends auth requests
services/auth-service.ts - User → New chat route: opens
- New chat route → Chat interface: renders
app/(chat)/page.tsx - Chat interface → Chat state and streaming: uses state
components/chat.tsx - Chat state and streaming → Thread requests: creates threads
store/chat-store.ts - Chat state and streaming → Agent stream: requests streams
store/chat-store.ts - Thread requests → Application API: sends thread requests
services/thread-service.ts - User → Assistant management: manages assistants
- Assistant management → Extension catalog: loads extension data
app/(chat)/assistant/_components/assistant-list.tsx - Assistant management → MCP server management: loads MCP data
app/(chat)/assistant/_components/assistant-list.tsx - Extension catalog → Application API: sends extension requests
- MCP server management → Application API: sends MCP requests
- User → Knowledge uploads: uploads knowledge
- User → Scheduled tasks: manages tasks
- Scheduled tasks → Application API: requests task data
- User → Admin dashboard: views overview
- Admin dashboard → Application API: requests metrics