agent-ui: running bash-tasks pill + flyout on the agent page
Adds a 'tasks' header pill (hidden at zero, like inbox/loose-ends) that opens a side-panel flyout listing the agent's in-flight bash tasks from GET /api/bash-tasks. Each row shows status (running/queued), task id, elapsed time, and a truncated single-line command preview. Polled on the same /api/state cycle as loose-ends (tasks complete async between turns, so the count stays live); clicking the pill opens the flyout. Snapshot-only v1 — SSE live-push is a possible follow-up.
This commit is contained in:
parent
ceb852e5b4
commit
4ce919a19f
3 changed files with 94 additions and 0 deletions
|
|
@ -334,6 +334,10 @@ h2, h3 {
|
|||
background: color-mix(in srgb, var(--red) 18%, transparent);
|
||||
color: var(--red);
|
||||
}
|
||||
.header-pill-tasks .header-pill-count {
|
||||
background: color-mix(in srgb, var(--green) 18%, transparent);
|
||||
color: var(--green);
|
||||
}
|
||||
|
||||
.agent-main {
|
||||
position: absolute;
|
||||
|
|
@ -528,6 +532,14 @@ pre.diff {
|
|||
padding-left: 0.8em;
|
||||
border-left: 2px solid var(--purple-dim);
|
||||
}
|
||||
/* Running bash-tasks flyout rows (buildBashTasksList). */
|
||||
.agent-inbox .bash-task-status { font-weight: bold; font-size: 0.9em; }
|
||||
.agent-inbox .bash-task-running { color: var(--green); }
|
||||
.agent-inbox .bash-task-pending { color: var(--blue); }
|
||||
.agent-inbox .bash-task-cmd {
|
||||
font-family: monospace;
|
||||
font-size: 0.92em;
|
||||
}
|
||||
.agent-inbox li.inbox-reply {
|
||||
padding-left: 1em;
|
||||
border-left: 2px solid var(--border);
|
||||
|
|
|
|||
Loading…
Reference in a new issue