UI Guide
Using the NarraNexus web interface for agent management and interaction
Overview
The NarraNexus web interface is a React 19 application that provides a comprehensive dashboard for managing agents, conducting conversations, and monitoring system activity. The frontend connects to the FastAPI backend via WebSocket for real-time messaging and REST API for management operations.
Dashboard
The main dashboard displays an overview of your active agents, recent conversations, and system health. From here you can create new agents, configure existing ones, and access conversation histories. The dashboard updates in real time as agents process requests and complete tasks.
Conversation Interface
The conversation view provides a chat-style interface for interacting with agents. Messages are delivered in real time via WebSocket, with support for rich content including code blocks, tables, and file attachments. The interface shows typing indicators while the agent is processing and displays tool usage transparently so you can see when modules are being invoked.
Agent Configuration
Each agent has a configuration panel where you can set its LLM provider, enable or disable modules, adjust system prompts, and manage installed skills. Changes take effect immediately without requiring an agent restart. The configuration panel also shows module-specific settings, such as Memory retention policies or Jobs scheduling parameters.
System Monitoring
The monitoring view provides visibility into the runtime pipeline, including request processing times, module hook execution, LLM token usage, and error rates. This is useful for debugging agent behavior and optimizing performance.