Web UI Overview
The Cortask web UI is served by the gateway at http://localhost:3777 (default port). It provides a browser-based interface for chatting with the AI agent, managing workspaces, skills, channels, cron jobs, and application settings.
Layout
The interface is divided into several areas:
Left Sidebar
A fixed 224px sidebar on the left contains:
- Branding -- the Cortask logo at the top.
- Navigation -- five links that route between the main pages: Chat, Skills, Channels, Cron, and Settings.
- Projects -- a drag-and-drop reorderable list of workspaces. Each entry has a context menu to edit or remove it. A "+" button opens a dialog to create a new project.
- Chats -- a scrollable list of sessions for the active workspace. Each session shows its title and a context menu with Export and Delete actions. Sessions from external channels display the channel logo (Telegram, Discord, WhatsApp). A "+" button starts a new chat.
- Connection indicator -- a green/red dot at the bottom shows the WebSocket connection status.
Header
The header bar spans the top of the main content area. It displays session tabs for quick switching between conversations in the active workspace, plus a "+" button to start a new session.
Main Content Area
The central area renders the active page. On the Chat page this includes the message list and input bar.
Workspace Sidebar (Right)
When a workspace is active and you are on the Chat page, a 280px sidebar appears on the right. It is split into three resizable sections: Files, Memory, and Scheduled Tasks. Resize handles between sections allow dragging to adjust proportions.
Preview Panel
Clicking a file in the workspace sidebar or an artifact/file reference in chat opens a resizable preview panel between the chat column and the workspace sidebar. It supports viewing and editing text files, rendering HTML, Markdown, images, and PDFs.
Pages
| Page | Path | Purpose |
|---|---|---|
| Chat | / | Conversational interface with the AI agent |
| Skills | /skills | Browse, search, install, and create agent skills |
| Channels | /channels | Connect messaging platforms (Telegram, Discord, WhatsApp) |
| Cron | /cron | Schedule recurring or one-time automated tasks |
| Settings | /settings | Configure agent behavior, providers, spending, memory, server, and updates |
First Launch
When no workspaces exist, the Chat page shows a welcome card prompting you to create your first project. Each project gets its own session history, file tree, and memory store.