feat: display project field in web UI

Show task.project as a badge in task card meta row and as a field
in the task detail overview grid. Both display conditionally only
when project is non-empty.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 9 insertions, 0 deletions

diff --git a/web/app.js b/web/app.js
index d0ff0f4..73f5a5c 100644
--- a/web/app.js
+++ b/web/app.js
@@ -156,6 +156,12 @@ function createTaskCard(task) {
     when.textContent = formatDate(task.created_at);
     meta.appendChild(when);
   }
+  if (task.project) {
+    const proj = document.createElement('span');
+    proj.className = 'task-project';
+    proj.textContent = task.project;
+    meta.appendChild(proj);
+  }
   if (meta.children.length) card.appendChild(meta);
 
   // Description (truncated via CSS)
@@ -1803,6 +1809,9 @@ function renderTaskPanel(task, executions) {
   if (task.tags && task.tags.length >= 0) {
     overviewGrid.append(makeMetaItem('Tags', '', { fullWidth: true, tags: task.tags || [] }));
   }
+  if (task.project) {
+    overviewGrid.append(makeMetaItem('Project', task.project));
+  }
   if (task.description) {
     overviewGrid.append(makeMetaItem('Description', task.description, { fullWidth: true }));
   }