taskchef 7.7.0 → 7.8.0

package/.codex-plugin/plugin.json

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

package/README.md

@@ -176,6 +176,8 @@ taskchef dashboard --port 3211
 The loopback dashboard watches `tasks.jsonl`, groups current states, and opens
 linked Codex tasks. List snapshots and SSE events carry only the latest-result
 projection; opening task details fetches the full newest-first result history.
+The header shows the running TaskChef package version reported by the same
+bounded health identity used for compatible-listener checks.
 Task and result times are relative through 29 days (with minute detail for the
 first six hours), then use a locale-aware calendar date. Each time is a keyboard-
 accessible toggle for its full locale-aware date and time, and one shared
@@ -197,6 +199,8 @@ The health endpoint contains only a fixed service marker, health schema,
 TaskChef version, dashboard-server version, and canonical workspace. It exposes
 no task data, credentials, environment variables, process control, or secrets.
 
+![TaskChef dashboard identity and version](docs/images/dashboard-identity.jpg)
+
 ![Immutable event-time dashboard notifications](docs/images/notification-event-snapshots.jpg)
 
 ![Task detail result history](docs/images/result-history-dashboard.jpg)

package/assets/CODEX_ASSET_NOTICE.md

@@ -0,0 +1,22 @@
+# Codex app icon assets
+
+`codex-app-dark.png` and `codex-app-light.png` are unmodified Codex app icon
+assets from OpenAI's official macOS application bundle. The source bundle was
+ChatGPT/Codex `26.818.61809` (build `7019`), bundle identifier
+`com.openai.codex`, signed with Apple developer team identifier `2DC432GLL2`.
+The files were copied from these bundle-relative resource paths:
+
+- `Contents/Resources/icon-codex-dark-color.png`
+- `Contents/Resources/icon-codex-light.png`
+
+The application itself selects these files as the dark and light Codex dock
+icon previews. Their SHA-256 digests are:
+
+- `codex-app-dark.png`: `69fb4384e161be8a20dcb94a9ac34aea4fbfaeb67514110a71e7b0732eccb0fc`
+- `codex-app-light.png`: `de7d43f3386105ab20952958c2c25beb0d903e2aeb6e1aef57c49a648c0d1c07`
+
+The Codex icon is an OpenAI trademark and copyrighted asset. It is not covered
+by TaskChef's MIT license. TaskChef uses it unchanged and only beside the
+visible **Open task** label to identify an action that opens the corresponding
+task in OpenAI Codex. Use remains subject to the [OpenAI Design
+Guidelines](https://openai.com/brand/), including OpenAI's Marks usage terms.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taskchef",
-  "version": "7.7.0",
+  "version": "7.8.0",
   "description": "A non-blocking interactive dispatcher for visible Codex tasks.",
   "license": "MIT",
   "author": "Favo Yang",
@@ -26,6 +26,7 @@
     "docs/spec.md",
     "docs/workflows.md",
     "docs/firstmate-taskchef-comparison.md",
+    "docs/images/dashboard-identity.jpg",
     "docs/images/notification-event-snapshots.jpg",
     "docs/images/result-history-dashboard.jpg",
     "index.js",

package/src/dashboard/app.js

@@ -49,6 +49,7 @@ const elements = {
   projectFilter: document.querySelector("#project-filter"),
   statusFilter: document.querySelector("#status-filter"),
   taskCount: document.querySelector("#task-count"),
+  taskchefVersion: document.querySelector("#taskchef-version"),
   taskList: document.querySelector("#task-list"),
   toastList: document.querySelector("#toast-list"),
 };
@@ -78,10 +79,19 @@ function timestampControl(value, { accessibleName, key, prefix = "" }) {
 }
 
 function codexIcon() {
-  const icon = document.createElement("span");
-  icon.className = "codex-icon";
-  icon.setAttribute("aria-hidden", "true");
-  return icon;
+  const picture = document.createElement("picture");
+  picture.className = "codex-icon";
+  picture.setAttribute("aria-hidden", "true");
+  const dark = document.createElement("source");
+  dark.srcset = "/assets/codex-app-dark.png";
+  dark.media = "(prefers-color-scheme: dark)";
+  const image = document.createElement("img");
+  image.src = "/assets/codex-app-light.png";
+  image.alt = "";
+  image.width = 18;
+  image.height = 18;
+  picture.append(dark, image);
+  return picture;
 }
 
 function configureOpenTaskControl(control, ariaLabel) {
@@ -97,6 +107,22 @@ function setConnection(connected) {
   elements.connectionLabel.textContent = connected ? "Live" : "Reconnecting…";
 }
 
+async function loadDashboardVersion() {
+  try {
+    const response = await fetch("/api/health");
+    if (!response.ok) return;
+    const identity = await response.json();
+    if (typeof identity.taskchefVersion !== "string" || !identity.taskchefVersion) return;
+    elements.taskchefVersion.textContent = `v${identity.taskchefVersion}`;
+    elements.taskchefVersion.setAttribute(
+      "aria-label",
+      `TaskChef version ${identity.taskchefVersion}`,
+    );
+  } catch {
+    // The live connection state already communicates dashboard availability.
+  }
+}
+
 function replaceOptions(select, values, allLabel) {
   const selected = select.value;
   select.replaceChildren();
@@ -390,6 +416,8 @@ function showMessage(message) {
   elements.dashboardMessage.hidden = false;
 }
 
+void loadDashboardVersion();
+
 const events = new EventSource("/api/events");
 events.addEventListener("open", () => setConnection(true));
 events.addEventListener("error", () => setConnection(false));

package/src/dashboard/index.html

@@ -11,7 +11,7 @@
   <body>
     <header class="site-header">
       <div>
-        <p class="eyebrow">TaskChef</p>
+        <p class="eyebrow">TaskChef <span id="taskchef-version" class="dashboard-version"></span></p>
         <div class="title-row">
           <picture class="dashboard-icon" aria-hidden="true">
             <source srcset="/assets/taskchef-dark.svg" media="(prefers-color-scheme: dark)">
@@ -85,7 +85,10 @@
       </div>
       <div class="dialog-actions">
         <button id="open-codex" class="primary-button task-action" type="button" aria-label="Open this task in Codex">
-          <span class="codex-icon" aria-hidden="true"></span>
+          <picture class="codex-icon" aria-hidden="true">
+            <source srcset="/assets/codex-app-dark.png" media="(prefers-color-scheme: dark)">
+            <img src="/assets/codex-app-light.png" alt="" width="18" height="18">
+          </picture>
           <span>Open task</span>
         </button>
         <button id="copy-thread-id" class="secondary-button" type="button">Copy thread ID</button>

package/src/dashboard/styles.css

@@ -51,6 +51,7 @@ h3 { margin-bottom: 8px; font-size: 0.84rem; letter-spacing: 0.08em; text-transf
 .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; }
+.dashboard-version { margin-inline-start: 0.45em; color: var(--muted); font-size: 0.72rem; letter-spacing: 0.04em; text-transform: none; }
 .subtitle, .task-project, time, .timestamp-missing { color: var(--muted); }
 .subtitle { margin-bottom: 0; }
 
@@ -71,12 +72,13 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 0.78rem; font-w
 select { min-width: 180px; padding: 9px 34px 9px 11px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); color: var(--text); }
 .task-count { margin: 0 0 9px auto; color: var(--muted); font-size: 0.9rem; }
 
-.task-list { display: grid; gap: 12px; }
+.task-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
 .task-card { padding: 20px 22px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); box-shadow: 0 1px 0 rgb(0 0 0 / 2%); }
 .task-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
 .task-title { padding: 0; border: 0; background: none; font-size: 1.08rem; font-weight: 720; text-align: left; cursor: pointer; }
 .task-title:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
 .task-project { margin: 3px 0 12px; font-size: 0.86rem; }
+.task-title, .task-summary { overflow-wrap: anywhere; }
 .task-summary { max-width: 78ch; margin-bottom: 14px; }
 time, .timestamp-missing { font-size: 0.78rem; }
 .timestamp-toggle { padding: 2px 0; border: 0; background: none; cursor: pointer; text-align: left; }
@@ -84,7 +86,8 @@ time, .timestamp-missing { font-size: 0.78rem; }
 .task-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
 .task-open { flex: none; }
 .task-action { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 5px 9px; font-size: 0.82rem; line-height: 1.2; white-space: nowrap; }
-.codex-icon { display: inline-block; flex: none; width: 16px; height: 16px; background: currentColor; mask: url("/assets/codex.svg") center / contain no-repeat; }
+.codex-icon { display: block; flex: none; width: 18px; height: 18px; }
+.codex-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
 
 .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); }

package/src/dashboard.js

@@ -48,7 +48,8 @@ const STATIC_FILES = new Map([
   ["/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"]],
-  ["/assets/codex.svg", [path.join(ASSET_ROOT, "codex.svg"), "image/svg+xml"]],
+  ["/assets/codex-app-dark.png", [path.join(ASSET_ROOT, "codex-app-dark.png"), "image/png"]],
+  ["/assets/codex-app-light.png", [path.join(ASSET_ROOT, "codex-app-light.png"), "image/png"]],
 ]);
 
 export function dashboardAuthority(host, port) {

package/assets/codex.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <path fill="currentColor" d="M3 1.5h10A1.5 1.5 0 0 1 14.5 3v10a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5Zm0 1a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H3Zm1.15 3.1.7-.7L7.95 8l-3.1 3.1-.7-.7L6.55 8l-2.4-2.4ZM8 10h4v1H8v-1Z"/>
-</svg>