taskchef 5.11.2 → 5.12.0

package/.codex-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "taskchef",
-  "version": "5.11.2",
+  "version": "5.12.0",
   "description": "Dispatch work from a data-only workspace to visible Codex project tasks.",
   "author": {
     "name": "Favo Yang",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taskchef",
-  "version": "5.11.2",
+  "version": "5.12.0",
   "description": "A non-blocking interactive dispatcher for visible Codex tasks.",
   "license": "MIT",
   "author": "Favo Yang",

package/src/dashboard/actions.js

@@ -0,0 +1,17 @@
+export async function openTaskFromControl(event, taskId, {
+  fetchAction = globalThis.fetch,
+  showMessage,
+} = {}) {
+  event.stopPropagation();
+  const control = event.currentTarget;
+  control.disabled = true;
+  try {
+    const response = await fetchAction(`/api/tasks/${encodeURIComponent(taskId)}/open-codex`, {
+      method: "POST",
+    });
+    const result = await response.json();
+    showMessage(result.message);
+  } finally {
+    control.disabled = false;
+  }
+}

package/src/dashboard/app.js

@@ -7,6 +7,7 @@ import {
   taskStatusLabel,
   taskWithinDateFilter,
 } from "./state.js";
+import { openTaskFromControl } from "./actions.js";
 
 const state = {
   tasks: [],
@@ -161,7 +162,18 @@ function taskCard(task) {
   const time = document.createElement("time");
   time.dateTime = task.meaningfulUpdatedAt ?? task.updatedAt ?? task.createdAt;
   time.textContent = `Updated ${formatTime(time.dateTime)}`;
-  article.append(heading, project, summary, time);
+  const footer = document.createElement("div");
+  footer.className = "task-footer";
+  const openTask = document.createElement("button");
+  openTask.type = "button";
+  openTask.className = "secondary-button task-open";
+  openTask.textContent = "Open task";
+  openTask.setAttribute("aria-label", `Open ${task.title} in Codex`);
+  openTask.addEventListener("click", (event) => openTaskFromControl(event, task.id, {
+    showMessage,
+  }));
+  footer.append(time, openTask);
+  article.append(heading, project, summary, footer);
   return article;
 }
 
@@ -251,16 +263,7 @@ elements.copyThreadId.addEventListener("click", async () => {
     showMessage("Clipboard access is unavailable. Copy the thread ID from the metadata below.");
   }
 });
-elements.openProject.addEventListener("click", async () => {
+elements.openProject.addEventListener("click", async (event) => {
   if (!state.selectedTask) return;
-  elements.openProject.disabled = true;
-  try {
-    const response = await fetch(`/api/tasks/${encodeURIComponent(state.selectedTask.id)}/open-codex`, {
-      method: "POST",
-    });
-    const result = await response.json();
-    showMessage(result.message);
-  } finally {
-    elements.openProject.disabled = false;
-  }
+  await openTaskFromControl(event, state.selectedTask.id, { showMessage });
 });

package/src/dashboard/index.html

@@ -12,7 +12,7 @@
     <header class="site-header">
       <div>
         <p class="eyebrow">TaskChef</p>
-        <h1>Task dashboard</h1>
+        <h1>TaskChef dashboard</h1>
         <p class="subtitle">Latest delegated work, updated as TaskChef reports change.</p>
       </div>
       <div class="connection" role="status" aria-live="polite">

package/src/dashboard/styles.css

@@ -74,6 +74,8 @@ select { min-width: 180px; padding: 9px 34px 9px 11px; border: 1px solid var(--b
 .task-project { margin: 3px 0 12px; font-size: 0.86rem; }
 .task-summary { max-width: 78ch; margin-bottom: 14px; }
 time { font-size: 0.78rem; }
+.task-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+.task-open { flex: none; }
 
 .status { flex: none; padding: 4px 9px; border-radius: 999px; background: var(--surface-muted); color: var(--muted); font-size: 0.72rem; font-weight: 750; text-transform: capitalize; }
 .status-completed { background: var(--accent-soft); color: var(--accent); }
@@ -122,6 +124,8 @@ pre { max-height: 280px; margin: 0; padding: 14px; overflow: auto; border-radius
   .toolbar label, .toolbar select { width: 100%; }
   .task-count { margin: 0; }
   .task-heading { align-items: flex-start; }
+  .task-footer { align-items: flex-start; flex-direction: column; }
+  .task-open { width: 100%; }
   .dialog-actions { align-items: stretch; flex-direction: column; }
   .metadata { grid-template-columns: 1fr; }
   .metadata dt { padding-bottom: 0; border-bottom: 0; }

package/src/dashboard.js

@@ -37,6 +37,7 @@ const CONTENT_SECURITY_POLICY = [
 
 const STATIC_FILES = new Map([
   ["/", ["index.html", "text/html; charset=utf-8"]],
+  ["/actions.js", ["actions.js", "text/javascript; charset=utf-8"]],
   ["/app.js", ["app.js", "text/javascript; charset=utf-8"]],
   ["/state.js", ["state.js", "text/javascript; charset=utf-8"]],
   ["/styles.css", ["styles.css", "text/css; charset=utf-8"]],