Give each task an assigned colour across the UI; lead links tasks

2026-10-15 13:30:09 -07:00
parent 74ce1dd6ec
commit 696385fced
32 changed files with 375 additions and 193 deletions
@@ -3,6 +3,7 @@ import { ago, errorText, h, replace, showAlert, showConfirm } from "./dom.js";
 import { markdown } from "./markdown.js";
 import { previewURL } from "./preview.js";
 import { currentSession, findTask, focusTab, focusTask, onEach, pinSnapshot, setFocus, state } from "./state.js";
+import { taskStyle } from "./taskcolor.js";
 export const models = ["claude-opus-5-5", "claude-sonnet-5-5", "claude-haiku-5-5", "claude-fable-5-1"];
 const quietReply = "NO_REPLY";
 const taskSource = {
@@ -831,6 +832,8 @@ function renderEvent(ev, ctx) {
            const link = src?.status === "active"
                ? h("a", {
                    href: `#/task/${src.id}`,
+                    class: "task-link",
+                    style: taskStyle(src.id),
                    onclick: (e) => {
                        e.preventDefault();
                        focusTask(src.id);