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

web/dist/inbox.js

@@ -4,6 +4,7 @@ import { ago, errorText, h, replace, showAlert } from "./dom.js";
 import { image, inlineMarkdown, markdown } from "./markdown.js";
 import { diagram } from "./mermaid.js";
 import { onEach, state } from "./state.js";
+import { taskStyle } from "./taskcolor.js";
 const checked = new Map();
 const texts = new Map();
 export function mountInbox(root) {
@@ -260,7 +261,7 @@ function attachments(list, taskId) {
             case "diagram":
                 return h("li", {}, diagram(a.mermaid ?? ""), caption);
             case "task":
-                return h("li", {}, h("a", { href: `#/task/${a.task_id}` }, "task ", a.task_id ?? ""), caption);
+                return h("li", {}, h("a", { href: `#/task/${a.task_id}`, class: "task-link", style: taskStyle(a.task_id ?? "") }, "task ", a.task_id ?? ""), caption);
             case "snapshot":
                 return h("li", {}, "snapshot ", h("code", {}, a.snapshot_id ?? ""), caption);
             case "url":