taskchef 7.23.2 → 7.23.4

package/.codex-plugin/plugin.json

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

package/src/dashboard/app.js

@@ -440,15 +440,20 @@ function usageBreakdownText(usage) {
   ].join(" · ");
 }
 
+export function renderTextShimmer(element, value) {
+  element.textContent = String(value ?? "");
+  return element;
+}
+
 export function usagePresentation(usage, { wholeTask = false } = {}) {
   const container = document.createElement("div");
   container.className = `usage-summary usage-${usage?.status ?? "unavailable"}`;
   if (usage?.status === "pending" || usage?.status === "calculating") {
     const text = document.createElement("span");
     text.className = "text-shimmer";
-    text.textContent = usage.status === "pending"
+    renderTextShimmer(text, usage.status === "pending"
       ? "Tokens pending · available when turn finishes"
-      : "Calculating token usage…";
+      : "Calculating token usage…");
     container.replaceChildren(text);
     return container;
   }
@@ -537,7 +542,8 @@ function turnTimeline(task, { highlightTurnRef = null } = {}) {
     resultLabel.textContent = "Result";
     const result = document.createElement("p");
     result.className = `preserve-lines${turnStatus === "working" ? " text-shimmer" : ""}`;
-    appendLinkedText(result, presentation.summary, task);
+    if (turnStatus === "working") renderTextShimmer(result, presentation.summary);
+    else appendLinkedText(result, presentation.summary, task);
     const turnMetadata = document.createElement("p");
     turnMetadata.className = "result-history-turn";
     turnMetadata.textContent = `Turn ref ${turn.turnRef ?? "not recorded"}; Codex turn ${turn.turnId ?? "unavailable"}`;
@@ -954,7 +960,8 @@ function taskCard(task) {
   resultLabel.textContent = "Result";
   const result = document.createElement("span");
   result.className = `preserve-lines${latest.resultStatus === "working" ? " text-shimmer" : ""}`;
-  appendLinkedText(result, latest.resultSummary, task);
+  if (latest.resultStatus === "working") renderTextShimmer(result, latest.resultSummary);
+  else appendLinkedText(result, latest.resultSummary, task);
   summary.replaceChildren(requestLabel, request, resultLabel, result);
   const relatedLinks = relatedGitHubLinks(task, { compact: true });
   const time = timestampControl(

package/src/dashboard/styles.css

@@ -185,15 +185,20 @@ dialog section + section { margin-top: 24px; }
 .usage-pending, .usage-calculating { display: flex; align-items: center; }
 .text-shimmer {
   color: var(--muted);
-  background: linear-gradient(100deg, var(--muted) 46%, var(--text) 50%, var(--muted) 54%);
+  display: inline-block;
+  width: fit-content;
+  max-width: 100%;
+  justify-self: start;
+  vertical-align: top;
+  background: linear-gradient(100deg, var(--muted) 48%, var(--text) 50%, var(--muted) 52%);
   background-size: 250% 100%;
   background-position: 100% 0;
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
-  animation: text-shimmer 6.4s ease-in-out infinite;
+  animation: text-shimmer-sweep 6.4s linear infinite;
 }
-@keyframes text-shimmer {
+@keyframes text-shimmer-sweep {
   0% { background-position: 100% 0; }
   72%, 100% { background-position: -100% 0; }
 }