feat(ui): interactive graph, strip context menus, days by activity, message times, limit status words

ui/src/routes/system/jobs/+page.svelte

@@ -15,19 +15,16 @@
   const TICK_MS = 15_000;
   const PAYLOAD_MAX = 120;
 
-  let data = $state<JobsResponse | null>(null);
   let failure = $state<string | null>(null);
   let busy = $state<string | null>(null);
   let timer: ReturnType<typeof setInterval> | undefined;
 
+  const data = $derived<JobsResponse | null>(gateway.jobs);
+
   async function load() {
-    const { client } = session;
-    if (!client) {
-      return;
-    }
     failure = null;
     try {
-      data = await client.jobs();
+      await gateway.refreshJobs();
     } catch (cause) {
       failure = cause instanceof Error ? cause.message : String(cause);
     }
@@ -258,8 +255,10 @@
       <div class="bay-rack">
         {#each runs as row (row.id)}
           <Strip
+            client={session.client}
             detail={row.last_item?.text ?? ""}
             href="{base}/conversations/{row.id}"
+            onChanged={() => gateway.load().catch(() => undefined)}
             {row}
           />
         {/each}