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

web/src/task.ts

@@ -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, type Topic } from "./state.js";
+import { taskStyle } from "./taskcolor.js";
 
 export type Usage = { used: number; window: number; model: string };
 
@@ -987,6 +988,8 @@ function renderEvent(ev: ByreEvent, ctx: Ctx): HTMLElement | null {
               "a",
               {
                 href: `#/task/${src.id}`,
+                class: "task-link",
+                style: taskStyle(src.id),
                 onclick: (e: MouseEvent) => {
                   e.preventDefault();
                   focusTask(src.id);