Add todo mode and replace the plan with TODO.md

2026-10-15 07:23:17 -07:00
parent 60a1d221f4
commit 1f44bc6d91
25 changed files with 1259 additions and 637 deletions
@@ -0,0 +1,121 @@
+import { get, post } from "./api.js";
+import { errorText, h, replace, showAlert } from "./dom.js";
+import { markdown } from "./markdown.js";
+import { openTranscript } from "./panes.js";
+import { models } from "./task.js";
+import { currentSession, on, onEach, state } from "./state.js";
+const refreshKinds = new Set(["task.merged", "project.created"]);
+export function mountTodo(root) {
+    const todos = new Map();
+    const starting = new Set();
+    let disposed = false;
+    const render = () => {
+        const scrollTop = root.querySelector(".todo-view")?.scrollTop ?? 0;
+        replace(root, h("div", { class: "todo-view" }, ...state.projects.map((p) => projectBlock(p, todos.get(p.id), starting, start))));
+        root.querySelector(".todo-view").scrollTop = scrollTop;
+    };
+    const load = async (projectId) => {
+        try {
+            const todo = await get("/api/projects/{projectId}/todo", { path: { projectId } });
+            todos.set(projectId, todo);
+        }
+        catch (err) {
+            todos.set(projectId, `Couldn't read TODO.md: ${errorText(err)}`);
+        }
+        if (!disposed) {
+            render();
+        }
+    };
+    const refresh = () => {
+        for (const p of state.projects) {
+            void load(p.id);
+        }
+    };
+    const start = async (project, item) => {
+        const key = `${project.id}\n${item.title}`;
+        starting.add(key);
+        render();
+        try {
+            const task = await post("/api/projects/{projectId}/todo/tasks", { path: { projectId: project.id }, body: { title: item.title, model: models[0] } });
+            location.hash = `#/task/${task.id}`;
+            openTranscript();
+        }
+        catch (err) {
+            void showAlert(errorText(err));
+        }
+        starting.delete(key);
+        if (!disposed) {
+            render();
+        }
+    };
+    const offs = [
+        on("event", (detail) => {
+            const ev = detail;
+            if (!refreshKinds.has(ev.kind)) {
+                return;
+            }
+            if (ev.project_id) {
+                void load(ev.project_id);
+            }
+        }),
+        on("connection", () => {
+            if (state.connected) {
+                refresh();
+            }
+        }),
+        on("projects", refresh),
+        onEach(["tasks", "sessions", "selection"], render),
+    ];
+    render();
+    refresh();
+    return () => {
+        disposed = true;
+        for (const off of offs) {
+            off();
+        }
+    };
+}
+function projectBlock(project, todo, starting, start) {
+    const head = h("h2", {}, project.name, " ", h("span", { class: "repo" }, `TODO.md on ${project.default_branch}`));
+    if (todo === undefined) {
+        return h("section", { class: "project" }, head, h("p", { class: "empty-row" }, "Loading…"));
+    }
+    if (typeof todo === "string") {
+        return h("section", { class: "project" }, head, h("p", { class: "empty-row error-text" }, todo));
+    }
+    if (!todo.exists) {
+        return h("section", { class: "project" }, head, h("p", { class: "empty-row" }, `No TODO.md on ${project.default_branch}.`));
+    }
+    if (todo.items.length === 0) {
+        return h("section", { class: "project" }, head, h("p", { class: "empty-row" }, "TODO.md has no items."));
+    }
+    const active = (state.tasks.get(project.id) ?? []).filter((t) => t.status === "active" && t.todo_item);
+    const children = [];
+    let section = "";
+    let list;
+    for (const item of todo.items) {
+        if (!list || item.section !== section) {
+            section = item.section;
+            if (section) {
+                children.push(h("h3", { class: "todo-section" }, section));
+            }
+            list = h("ul", { class: "todo-list" });
+            children.push(list);
+        }
+        const task = active.find((t) => t.todo_item === item.title);
+        let action;
+        if (task) {
+            const sess = currentSession(task.id);
+            action = h("a", { class: "todo-task", href: `#/task/${task.id}`, onclick: openTranscript }, h("span", { class: `dot ${sess?.state ?? "none"}`, title: sess?.state ?? "no session" }), sess?.state ?? "no agent");
+        }
+        else {
+            const busy = starting.has(`${project.id}\n${item.title}`);
+            const button = h("button", { disabled: busy }, busy ? "Starting…" : "Start");
+            button.onclick = () => void start(project, item);
+            action = button;
+        }
+        list.append(h("li", { class: task && task.id === state.selectedTaskId ? "selected" : "" }, h("div", { class: "todo-head" }, h("span", { class: "todo-title" }, item.title), action), item.body && markdown(item.body, "md todo-body")));
+    }
+    return h("section", { class: "project" }, head, ...children);
+}
+//# sourceMappingURL=todo.js.map