Skip to content

Queue Management ​

One-Liner ​

The Queue Management page provides centralized control over issue execution queues with scheduler controls, status monitoring, and session pool management.


Pain Points Solved ​

Pain PointCurrent StateQueue Solution
Disorganized executionNo unified task queueCentralized queue with grouped items
Unknown scheduler statusCan't tell if scheduler is runningReal-time status indicator (idle/running/paused)
No execution controlCan't start/stop queue processingStart/Pause/Stop controls with confirmation
Concurrency limitsToo many simultaneous sessionsConfigurable max concurrent sessions
No visibilityDon't know what's queuedStats cards + item list with status tracking
Resource wasteIdle sessions consuming resourcesSession pool overview with timeout config

Overview ​

Location: ccw/frontend/src/pages/QueuePage.tsx (legacy), ccw/frontend/src/components/terminal-dashboard/QueuePanel.tsx (current)

Purpose: View and manage issue execution queues with scheduler controls, progress tracking, and session pool management.

Access: Navigation → Issues → Queue tab OR Terminal Dashboard → Queue floating panel

Layout:

+--------------------------------------------------------------------------+
|  Queue Panel Header                                                        |
+--------------------------------------------------------------------------+
|  Scheduler Status Bar                                                       |
|  +----------------+  +-------------+  +-------------------------------+         |
|  | Status Badge   |  | Progress    |  | Concurrency (2/2)            |         |
|  +----------------+  +-------------+  +-------------------------------+         |
+--------------------------------------------------------------------------+
|  Scheduler Controls                                                          |
|  +--------+  +--------+  +--------+  +-----------+                      |
|  | Start  |  | Pause  |  | Stop   |  | Config    |                      |
|  +--------+  +--------+  +--------+  +-----------+                      |
+--------------------------------------------------------------------------+
|  Queue Items List                                                           |
|  +---------------------------------------------------------------------+    |
|  | QueueItemRow (status, issue_id, session_key, actions)              |    |
|  | - Status icon (pending/executing/completed/blocked/failed)         |    |
|  | - Issue ID / Item ID display                                        |    |
|  | - Session binding info                                              |    |
|  | - Progress indicator (for executing items)                          |    |
|  +---------------------------------------------------------------------+    |
|  | [More queue items...]                                               |    |
|  +---------------------------------------------------------------------+    |
+--------------------------------------------------------------------------+
|  Session Pool Overview (optional)                                           |
|  +--------------------------------------------------------------------------+
|  | Active Sessions | Idle Sessions | Total Sessions                      |
|  +--------------------------------------------------------------------------+

Live Demo ​

QueueManagementDemo
加载中...
demo QueueItemStatusDemo #QueueItemStatusDemo.tsx :::

Scheduler Config Demo ​

SchedulerConfigDemo
加载中...

Configuration ​

Scheduler Config ​

SettingTypeDefaultDescription
maxConcurrentSessionsnumber2Maximum sessions running simultaneously
sessionIdleTimeoutMsnumber60000Idle session timeout in milliseconds
resumeKeySessionBindingTimeoutMsnumber300000Resume key binding timeout in milliseconds

Queue Item Structure ​

typescript
interface QueueItem {
  item_id: string;
  issue_id?: string;
  sessionKey?: string;
  status: QueueItemStatus;
  execution_order: number;
  created_at?: number;
  updated_at?: number;
}

Accessibility ​

  • Keyboard Navigation:

    • Tab - Navigate through queue items and controls
    • Enter/Space - Activate buttons
    • Escape - Close dialogs
  • ARIA Attributes:

    • aria-label on control buttons
    • aria-live regions for status updates
    • aria-current for active queue item
    • role="list" on queue items list
  • Screen Reader Support:

    • Status changes announced
    • Progress updates spoken
    • Error messages announced

Released under the MIT License.