Inbox consideration

web/src/todolink.ts

@@ -0,0 +1,65 @@
+import { post } from "./api.js";
+import { errorText, h, replace, showAlert } from "./dom.js";
+import { currentSession, focusTask, state } from "./state.js";
+import { taskStyle } from "./taskcolor.js";
+
+const starting = new Set<string>();
+
+export function todoLink(projectId: string, title: string, children: Node[]): HTMLElement {
+  return h("span", { class: "todo-link", data: { project: projectId, title } }, h("span", { class: "todo-title" }, ...children), " ", h("span", { class: "todo-action" }));
+}
+
+export function fillTodoLinks(root: HTMLElement, model: string): void {
+  for (const el of root.querySelectorAll<HTMLElement>(".todo-link")) {
+    fill(el, model);
+  }
+}
+
+function fill(el: HTMLElement, model: string): void {
+  const projectId = el.dataset["project"]!;
+  const title = el.dataset["title"]!;
+  const action = el.querySelector<HTMLElement>(".todo-action")!;
+  const titleEl = el.querySelector<HTMLElement>(".todo-title")!;
+  const task = (state.tasks.get(projectId) ?? []).find((t) => t.status === "active" && t.todo_item === title);
+
+  if (task) {
+    const sess = currentSession(task.id);
+    el.setAttribute("style", taskStyle(task.id));
+    titleEl.classList.add("task-name");
+    replace(
+      action,
+      h(
+        "a",
+        {
+          class: "todo-task",
+          href: `#/task/${task.id}`,
+          onclick: (e: MouseEvent) => {
+            e.preventDefault();
+            focusTask(task.id);
+          },
+        },
+        h("span", { class: `dot ${sess?.state ?? "none"}`, title: sess?.state ?? "no session" }),
+        sess?.state ?? "no agent",
+      ),
+    );
+    return;
+  }
+
+  el.removeAttribute("style");
+  titleEl.classList.remove("task-name");
+  const key = `${projectId}\n${title}`;
+  const busy = starting.has(key);
+  const button = h("button", { disabled: busy }, busy ? "Starting…" : "Start");
+  button.onclick = async () => {
+    starting.add(key);
+    fill(el, model);
+    try {
+      await post("/api/projects/{projectId}/todo/tasks", { path: { projectId }, body: { title, model } });
+    } catch (err) {
+      void showAlert(errorText(err));
+    }
+    starting.delete(key);
+    fill(el, model);
+  };
+  replace(action, button);
+}