Show task, active project and workspace per control board row (#1503)

Gate A fix asked by the professor session on Jason's behalf. Each row
now carries three derived fields, shown as "unknown" when the log and
tmux do not hold them:

- task: the session's first user message (pi logs have no task envelope)
- workspace: the live pane path of the pane running pi, else session cwd
- activeProject: basename of the nearest git checkout above the workspace

tmuxInspect replaces the bare liveness call in the CLI and returns
{ alive, workspace }; tmuxIsAlive stays as a wrapper. The grouping column
and seen.json keys are unchanged. Fixture test per field, tmux parse
tests, page test; missing launcher signals are recorded in the plan page.

Co-Authored-By: Claude Fable 5.1 <[email protected]>

packages/control-board/src/page.html

@@ -63,6 +63,8 @@
   .seen-tag{font-size:.72rem;color:var(--muted);margin-left:6px;vertical-align:middle}
   .msg-error{color:var(--danger)}
   .msg-text,.msg-error{display:block;max-width:36ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .task-text{display:block;max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .unknown{color:var(--muted);font-style:italic}
   .detail-row td{background:var(--raised)}
   .detail-list{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:.85rem;font-family:var(--mono)}
   .detail-list dt{color:var(--muted);font-family:var(--font)}
@@ -191,15 +193,24 @@
       ? '<span class="msg-error" title="' + esc(rec.lastError) + '">' + esc(rec.lastError) + "</span>"
       : '<span class="msg-text" title="' + esc(rec.lastAssistantText || "") + '">' + esc(rec.lastAssistantText || "—") + "</span>";
     var projectCell = showProject ? "<td>" + esc(rec.project) + "</td>" : "";
+    // Gate A fields: derived from the log and tmux, or "unknown". Never guessed.
+    var task = rec.task
+      ? '<span class="task-text" title="' + esc(rec.task) + '">' + esc(rec.task) + "</span>"
+      : '<span class="unknown">unknown</span>';
+    var activeProject = rec.activeProject
+      ? '<span title="' + esc(rec.workspace || "") + '">' + esc(rec.activeProject) + "</span>"
+      : '<span class="unknown" title="' + esc(rec.workspace || "") + '">unknown</span>';
     var main =
       '<tr class="' + cls + '">' +
       projectCell +
       '<td><button type="button" class="row-toggle" data-idx="' + idx + '" data-key="' + esc(key) + '" aria-expanded="' + (open ? "true" : "false") + '" aria-controls="detail-' + idx + '">' + esc(rec.agent) + "</button></td>" +
       "<td>" + badge(rec.state) + seenControl(rec) + "</td>" +
       "<td>" + esc(humanAge(rec.ageSeconds)) + "</td>" +
+      "<td>" + task + "</td>" +
+      "<td>" + activeProject + "</td>" +
       "<td>" + msg + "</td>" +
       "</tr>";
-    var span = showProject ? 5 : 4;
+    var span = showProject ? 7 : 6;
     var tmux = rec.tmux && rec.tmux.session
       ? esc(rec.tmux.session) + (rec.tmux.socket ? " (socket " + esc(rec.tmux.socket) + ")" : "")
       : "—";
@@ -208,7 +219,10 @@
       '<dl class="detail-list">' +
       "<dt>Session ID</dt><dd>" + esc(rec.sessionId || "—") + "</dd>" +
       "<dt>Session file</dt><dd>" + esc(rec.sessionFile || "—") + "</dd>" +
-      "<dt>Working directory</dt><dd>" + esc(rec.cwd || "—") + "</dd>" +
+      "<dt>Task</dt><dd>" + (rec.task ? esc(rec.task) : "unknown") + "</dd>" +
+      "<dt>Active project</dt><dd>" + (rec.activeProject ? esc(rec.activeProject) : "unknown") + "</dd>" +
+      "<dt>Workspace</dt><dd>" + (rec.workspace ? esc(rec.workspace) : "unknown") + (rec.workspaceSource ? " (from " + esc(rec.workspaceSource) + ")" : "") + "</dd>" +
+      "<dt>Session cwd</dt><dd>" + esc(rec.cwd || "—") + "</dd>" +
       "<dt>Tmux session</dt><dd>" + tmux + "</dd>" +
       "<dt>Last activity</dt><dd>" + esc(rec.lastActivity || "—") + "</dd>" +
       "<dt>Scanned at</dt><dd>" + esc(rec.scannedAt || "—") + "</dd>" +
@@ -236,7 +250,7 @@
     var rows = list.map(function (r) { return buildRowPair(r, true); }).join("");
     seenBody.innerHTML =
       '<div class="table-wrap"><table><thead><tr>' +
-      "<th scope=\"col\">Project</th><th scope=\"col\">Agent</th><th scope=\"col\">State</th><th scope=\"col\">Age</th><th scope=\"col\">Last message</th>" +
+      "<th scope=\"col\">Project</th><th scope=\"col\">Agent</th><th scope=\"col\">State</th><th scope=\"col\">Age</th><th scope=\"col\">Task</th><th scope=\"col\">Active project</th><th scope=\"col\">Last message</th>" +
       "</tr></thead><tbody>" + rows + "</tbody></table></div>";
   }
 
@@ -256,7 +270,7 @@
     var rows = list.map(function (r) { return buildRowPair(r, true); }).join("");
     waitingBody.innerHTML =
       '<div class="table-wrap"><table><thead><tr>' +
-      "<th scope=\"col\">Project</th><th scope=\"col\">Agent</th><th scope=\"col\">State</th><th scope=\"col\">Age</th><th scope=\"col\">Last message</th>" +
+      "<th scope=\"col\">Project</th><th scope=\"col\">Agent</th><th scope=\"col\">State</th><th scope=\"col\">Age</th><th scope=\"col\">Task</th><th scope=\"col\">Active project</th><th scope=\"col\">Last message</th>" +
       "</tr></thead><tbody>" + rows + "</tbody></table></div>";
   }
 
@@ -304,8 +318,8 @@
         '<label><input type="checkbox" class="hide-seen-toggle" data-project="' + esc(project) + '" ' + (hideSeen ? "checked" : "") + "> Hide seen</label>" +
         "</div></div>" +
         '<div class="table-wrap"><table><thead><tr>' +
-        "<th scope=\"col\">Agent</th><th scope=\"col\">State</th><th scope=\"col\">Age</th><th scope=\"col\">Last message</th>" +
-        "</tr></thead><tbody>" + (rows || '<tr><td colspan="4" class="empty">No agents.</td></tr>') + "</tbody></table></div>" +
+        "<th scope=\"col\">Agent</th><th scope=\"col\">State</th><th scope=\"col\">Age</th><th scope=\"col\">Task</th><th scope=\"col\">Active project</th><th scope=\"col\">Last message</th>" +
+        "</tr></thead><tbody>" + (rows || '<tr><td colspan="6" class="empty">No agents.</td></tr>') + "</tbody></table></div>" +
         note + "</div>"
       );
     }).join("");