Let task agents create and manage subtasks

web/src/switcher.ts

@@ -1,7 +1,7 @@
 import { post } from "./api.js";
 import { errorText, h, replace, showAlert } from "./dom.js";
 import { focusLead } from "./panes.js";
-import { activeTasks, focusedProject, focusProject, focusTab, focusTask, lastVisits, onEach, state, taskState } from "./state.js";
+import { activeTasks, findTask, focusedProject, focusProject, focusTab, focusTask, lastVisits, onEach, state, taskState } from "./state.js";
 import { confirmMerge, models } from "./task.js";
 import { taskStyle } from "./taskcolor.js";
 
@@ -149,9 +149,17 @@ export function openSwitcher(): void {
         "li",
         { style: taskStyle(task.id) },
         h("span", { class: `dot ${ts ?? "none"}`, title: ts ?? "no session" }),
-        h("span", { class: "task-title" }, h("span", { class: "project-name" }, project.name), " ", h("span", { class: "task-name" }, task.title)),
+        h(
+          "span",
+          { class: "task-title" },
+          h("span", { class: "project-name" }, project.name),
+          " ",
+          task.parent_task_id !== undefined && h("span", { class: "subtask-mark" }, `${findTask(task.parent_task_id)?.title ?? task.parent_task_id} ↳ `),
+          h("span", { class: "task-name" }, task.title),
+        ),
         count > 0 && h("span", { class: "badge", title: "inbox items" }, count),
         task.merge_queued_at !== undefined && h("span", { class: "task-state warn", title: "Waiting for the merge in progress in this project to finish" }, "merge held"),
+        task.merging_into_parent && h("span", { class: "task-state warn", title: "Waiting for the parent task's agent to merge it" }, "merging into parent"),
         h("span", { class: "task-state" }, ts ?? "no agent"),
       );
       return { el, pick: () => go(task.id) };