AI Copilot

AI Dock Floating Button

The AI Dock is a circular floating button (56px) at the bottom-right of the page, providing quick access to AI Copilot.

Interactions:

Action Effect
Hover Preview card pops up after 300ms (current agent, notification count, approval count)
Click Open/close the Copilot panel
Ctrl+\ Toggle Copilot via keyboard

Status indicator:

Color Meaning
Blue #1677ff AI processing (thinking, with pulse animation)
Yellow #faad14 Items awaiting approval
Green #52c41a New notifications
Gray #d9d9d9 Idle

Badge number: sum of unread notifications + pending approvals.

Hint bubble: when entering a new module for the first time, a hint bubble appears above the Dock (e.g. "AI can help you analyze the current assessment center"); dismissable and remembered per module.

Dock visibility logic:

  • Copilot closed or pinned: Dock visible
  • Copilot open and unpinned: Dock slides out and hides
  • After closing Copilot, the Dock fades in after 300ms

Copilot Panel

The Copilot panel slides in from the right and has 5 tabs.

Chat Tab

General AI chat — ask anything. The system routes to the appropriate agent based on message content.

Actions:

  1. Type a message in the input box
  2. Press Enter to send, Shift+Enter for a new line
  3. AI responds with streaming output
  4. Responses carry agent identity and intent info

Page Tab

Contextual chat for the current page's module, automatically using that module's specialized agent.

Context info card:

  • Current page module name
  • Current workspace
  • Auto-matched agent identity

Actions:

  1. Switch to the Page tab
  2. Ask questions about the current page
  3. AI answers with the page's dedicated agent, context scope limited to project

Agent Tab

Manually pick a specialized agent to chat with:

Agent Description
🤖 General Chat chat_agent — daily Q&A
📊 Assessment Analysis assessment_agent — assessment topics
⚖️ Decision Support decision_agent — decision analysis
🗺️ Planning planning_agent — planning advice
🚀 Delivery Management delivery_agent — project management
📚 Knowledge Retrieval knowledge_agent — knowledge queries

Actions:

  1. Switch to the Agent tab
  2. Click any agent card
  3. Automatically jumps to the Chat tab and sends a greeting
  4. Subsequent conversation is pinned to the selected agent

Tasks Tab

View background tasks being executed by AI agents:

Task status Description
pending Queued
running Running (progress bar)
completed Completed (result summary)
failed Failed

Actions:

  1. Switch to the Tasks tab
  2. View the task list and progress
  3. Click a task to see result details

History Tab

Browse historical chat sessions:

  1. Switch to the History tab
  2. Click New Conversation to start a new one
  3. Click a history entry to load its messages
  4. Automatically jumps to the Chat tab to continue

Panel Controls

Top bar buttons:

Button Function
S / M / L Switch panel width (compact/standard/wide)
📌 Pin Pin the panel (content area yields space)
+ New conversation Clear the current conversation and start a new one
✕ Close Close the Copilot panel

Pin mode:

  • Unpinned: the panel overlays content with a translucent mask
  • Pinned: the panel becomes part of the layout; the content area leaves room on the right
  • When pinned, content area marginRight = panelWidth + 16px

Per-module state memory:

Copilot remembers state (open/pinned/width/tab) per module and restores it on module switch:

  • /workspace
  • /assessment
  • /decision
  • /planning
  • /delivery
  • /knowledge

The 7 Specialized Agents

For the agent list, automatic routing and intent routing, see AI Center · Agents.

Context-Aware Conversation

Copilot adapts its behavior to context automatically:

Context scope Description Usage
global Global Chat tab default
project Project level Page tab automatic
scenario Scenario level L2 decision pages
plan Plan level L3 planning pages
delivery_project Delivery project level L4 delivery pages