taskchef 6.1.1 → 6.1.3

package/.codex-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "taskchef",
-  "version": "6.1.1",
+  "version": "6.1.3",
   "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": "6.1.1",
+  "version": "6.1.3",
   "description": "A non-blocking interactive dispatcher for visible Codex tasks.",
   "license": "MIT",
   "author": "Favo Yang",

package/src/dashboard/actions.js

@@ -10,7 +10,7 @@ export async function openTaskFromControl(event, taskId, {
       method: "POST",
     });
     const result = await response.json();
-    showMessage(result.message);
+    if (result.message) showMessage(result.message);
   } finally {
     control.disabled = false;
   }

package/src/dashboard/app.js

@@ -25,6 +25,7 @@ const elements = {
   connectionLabel: document.querySelector("#connection-label"),
   copyThreadId: document.querySelector("#copy-thread-id"),
   dashboardMessage: document.querySelector("#dashboard-message"),
+  dashboardMessageText: document.querySelector("#dashboard-message-text"),
   dateFilter: document.querySelector("#date-filter"),
   dialog: document.querySelector("#task-dialog"),
   dialogInstruction: document.querySelector("#dialog-instruction"),
@@ -32,6 +33,7 @@ const elements = {
   dialogProject: document.querySelector("#dialog-project"),
   dialogSummary: document.querySelector("#dialog-summary"),
   dialogTitle: document.querySelector("#dialog-title"),
+  dismissDashboardMessage: document.querySelector("#dismiss-dashboard-message"),
   emptyState: document.querySelector("#empty-state"),
   notifications: document.querySelector("#notifications"),
   openProject: document.querySelector("#open-codex"),
@@ -227,7 +229,7 @@ function applySnapshot(snapshot) {
 }
 
 function showMessage(message) {
-  elements.dashboardMessage.textContent = message;
+  elements.dashboardMessageText.textContent = message;
   elements.dashboardMessage.hidden = false;
 }
 
@@ -245,6 +247,9 @@ events.addEventListener("dashboard-error", (event) => {
 elements.projectFilter.addEventListener("change", render);
 elements.statusFilter.addEventListener("change", render);
 elements.dateFilter.addEventListener("change", render);
+elements.dismissDashboardMessage.addEventListener("click", () => {
+  elements.dashboardMessage.hidden = true;
+});
 elements.clearNotifications.addEventListener("click", () => {
   state.notifications = [];
   renderNotifications();

package/src/dashboard/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" content="light dark">
-    <title>TaskChef dashboard</title>
+    <title>TaskChef Dashboard</title>
     <link rel="stylesheet" href="/styles.css">
     <script src="/app.js" type="module"></script>
   </head>
@@ -12,7 +12,13 @@
     <header class="site-header">
       <div>
         <p class="eyebrow">TaskChef</p>
-        <h1>TaskChef dashboard</h1>
+        <div class="title-row">
+          <picture class="dashboard-icon" aria-hidden="true">
+            <source srcset="/assets/taskchef-dark.svg" media="(prefers-color-scheme: dark)">
+            <img src="/assets/taskchef.svg" alt="" width="48" height="48">
+          </picture>
+          <h1>TaskChef Dashboard</h1>
+        </div>
         <p class="subtitle">Latest delegated work, updated as TaskChef reports change.</p>
       </div>
       <div class="connection" role="status" aria-live="polite">
@@ -46,7 +52,10 @@
         <p id="task-count" class="task-count" aria-live="polite"></p>
       </section>
 
-      <div id="dashboard-message" class="dashboard-message" role="status" hidden></div>
+      <div id="dashboard-message" class="dashboard-message" hidden>
+        <span id="dashboard-message-text" role="status" aria-live="polite"></span>
+        <button id="dismiss-dashboard-message" class="icon-button" type="button" aria-label="Dismiss dashboard message">×</button>
+      </div>
       <section aria-labelledby="tasks-heading">
         <h2 id="tasks-heading" class="visually-hidden">Tasks</h2>
         <div id="task-list" class="task-list"></div>

package/src/dashboard/styles.css

@@ -45,6 +45,11 @@ h1 { margin-bottom: 6px; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1; le
 h2 { line-height: 1.2; }
 h3 { margin-bottom: 8px; font-size: 0.84rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
 
+.title-row { display: flex; align-items: center; gap: clamp(10px, 2vw, 16px); margin-bottom: 6px; }
+.title-row h1 { margin-bottom: 0; }
+.dashboard-icon { display: block; flex: none; width: clamp(38px, 6vw, 48px); aspect-ratio: 1; }
+.dashboard-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
+
 .eyebrow { margin-bottom: 10px; color: var(--accent); font-size: 0.78rem; font-weight: 750; letter-spacing: 0.15em; text-transform: uppercase; }
 .subtitle, .task-project, time { color: var(--muted); }
 .subtitle { margin-bottom: 0; }
@@ -85,7 +90,10 @@ time { font-size: 0.78rem; }
 .empty-state { padding: 60px 20px; border: 1px dashed var(--border); border-radius: 10px; text-align: center; color: var(--muted); }
 .empty-state h2 { margin-bottom: 6px; color: var(--text); }
 
-.dashboard-message { margin-bottom: 18px; padding: 11px 14px; border: 1px solid #d8c58e; border-radius: 7px; background: #fff7de; color: #604613; }
+.dashboard-message { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 8px 8px 8px 14px; border: 1px solid #d8c58e; border-radius: 7px; background: #fff7de; color: #604613; }
+.dashboard-message[hidden] { display: none; }
+.dashboard-message span { flex: 1; }
+.dashboard-message .icon-button { flex: none; padding: 4px 7px; color: inherit; }
 
 .notifications { position: fixed; right: 20px; bottom: 20px; z-index: 3; width: min(380px, calc(100vw - 40px)); padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); box-shadow: var(--shadow); }
 .notifications-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
@@ -120,6 +128,7 @@ pre { max-height: 280px; margin: 0; padding: 14px; overflow: auto; border-radius
 
 @media (max-width: 650px) {
   .site-header { align-items: flex-start; padding-top: 32px; }
+  .title-row { align-items: flex-start; }
   .toolbar { align-items: stretch; flex-direction: column; }
   .toolbar label, .toolbar select { width: 100%; }
   .task-count { margin: 0; }

package/src/dashboard.js

@@ -19,6 +19,7 @@ import {
 
 const TASKS_FILE_NAME = "tasks.jsonl";
 const STATIC_ROOT = fileURLToPath(new URL("./dashboard/", import.meta.url));
+const ASSET_ROOT = fileURLToPath(new URL("../assets/", import.meta.url));
 const LOOPBACK_HOSTS = new Set(["127.0.0.1", "::1"]);
 const DEFAULT_MAX_FILE_BYTES = 16 * 1024 * 1024;
 const DEFAULT_MAX_TASKS = 2_000;
@@ -36,11 +37,13 @@ const CONTENT_SECURITY_POLICY = [
 ].join("; ");
 
 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"]],
+  ["/", [path.join(STATIC_ROOT, "index.html"), "text/html; charset=utf-8"]],
+  ["/actions.js", [path.join(STATIC_ROOT, "actions.js"), "text/javascript; charset=utf-8"]],
+  ["/app.js", [path.join(STATIC_ROOT, "app.js"), "text/javascript; charset=utf-8"]],
+  ["/state.js", [path.join(STATIC_ROOT, "state.js"), "text/javascript; charset=utf-8"]],
+  ["/styles.css", [path.join(STATIC_ROOT, "styles.css"), "text/css; charset=utf-8"]],
+  ["/assets/taskchef-dark.svg", [path.join(ASSET_ROOT, "taskchef-dark.svg"), "image/svg+xml"]],
+  ["/assets/taskchef.svg", [path.join(ASSET_ROOT, "taskchef.svg"), "image/svg+xml"]],
 ]);
 
 export function dashboardAuthority(host, port) {
@@ -494,7 +497,7 @@ export async function createDashboardServer({
         if (isCodexThreadDeepLinkId(task.threadId)) {
           if (openThread) await openThread(task.threadId);
           else await openThreadInCodex(task.threadId);
-          sendJson(response, 202, { message: "Opened this task in Codex." });
+          sendJson(response, 202, {});
           return;
         }
         const trustedProject = (await readConfig(monitor.workspace, { checkPaths: false })).projects
@@ -539,8 +542,8 @@ export async function createDashboardServer({
       sendJson(response, 404, { message: "Not found." });
       return;
     }
-    const [fileName, contentType] = staticFile;
-    const body = await readFile(path.join(STATIC_ROOT, fileName));
+    const [filePath, contentType] = staticFile;
+    const body = await readFile(filePath);
     response.writeHead(200, securityHeaders(contentType));
     response.end(method === "HEAD" ? undefined : body);
   };