feat(ui): show pending/queued status in toast and background_output

src/features/background-agent/manager.ts

@@ -130,6 +130,18 @@ export class BackgroundManager {
 
     log("[background-agent] Task queued:", { taskId: task.id, key, queueLength: queue.length })
 
+    const toastManager = getTaskToastManager()
+    if (toastManager) {
+      toastManager.addTask({
+        id: task.id,
+        description: input.description,
+        agent: input.agent,
+        isBackground: true,
+        status: "queued",
+        skills: input.skills,
+      })
+    }
+
     // Trigger processing (fire-and-forget)
     this.processKey(key)
 
@@ -227,13 +239,7 @@ export class BackgroundManager {
 
     const toastManager = getTaskToastManager()
     if (toastManager) {
-      toastManager.addTask({
-        id: task.id,
-        description: input.description,
-        agent: input.agent,
-        isBackground: true,
-        skills: input.skills,
-      })
+      toastManager.updateTask(task.id, "running")
     }
 
     log("[background-agent] Calling prompt (fire-and-forget) for launch with:", {

src/features/task-toast-manager/manager.ts

@@ -137,7 +137,8 @@ export class TaskToastManager {
       for (const task of queued) {
         const bgIcon = task.isBackground ? "⏳" : "⏸️"
         const skillsInfo = task.skills?.length ? ` [${task.skills.join(", ")}]` : ""
-        lines.push(`${bgIcon} ${task.description} (${task.agent})${skillsInfo}`)
+        const isNew = task.id === newTask.id ? " ← NEW" : ""
+        lines.push(`${bgIcon} ${task.description} (${task.agent})${skillsInfo} - Queued${isNew}`)
       }
     }