tools-only MLA-V3 Web UI User Guide
Overview
MLA-V3 Web UI provides an intuitive graphical interface for interacting with Agents and managing task files.
Interface Layout
The interface is divided into two main areas:
Left Panel: Chat Area
- Conversation Interface: Real-time interaction with Agents
- Message Stream: Displays Agent responses, tool calls, and task progress
- Input Box: Enter task instructions and replies
Right Panel: File Browser Area
- File Browsing: View all files in the current workspace
- File Upload: Upload files to the current workspace
- File Download: Download files from the workspace
- Real-time Updates: Files created or modified by Agents are displayed in real-time
Usage Workflow
1. Create/Select Task
- Enter a Task ID in the top input box
- Click the Confirm button
- The system will automatically create or switch to the corresponding workspace
2. Interact with Agent
- Enter task instructions in the bottom input box
- Press Enter or click Send to send the message
- The Agent will start executing the task, displaying progress and results in real-time
- View files generated by the Agent in the right file browser panel
3. Human-in-Loop Interaction
When the Agent calls the human_in_loop tool:
- The chat box will flash red, indicating that your input is required
- Enter your reply in the input box
- Click Send to submit your reply
- The Agent will continue executing the task based on your response
💡 Tip: During HIL interaction, you can view files in the right file browser to better understand the task progress and make informed decisions.
4. Copy Task
After completing a task, if you need to save a copy of the current task:
- Click the Copy Task button
- Enter a new Task ID
- The system will copy all files from the current workspace to the new task
5. Clear Task
If you need to delete a task and all its data:
- Click the Clear Task button
- The system will delete:
- All files in the workspace directory
- Conversation files in the home directory
⚠️ Warning: The clear operation is irreversible. Please proceed with caution.
Video Demonstration
Notes
- Each Task ID corresponds to an independent workspace
- Chat history is automatically saved and can be restored after page refresh
- The file browser synchronizes file changes in the workspace in real-time
- Supports multi-task switching by changing the Task ID and clicking Confirm