taskchef 7.23.0 → 7.23.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/src/dashboard/app.js
CHANGED
|
@@ -445,7 +445,7 @@ export function usagePresentation(usage, { wholeTask = false } = {}) {
|
|
|
445
445
|
container.className = `usage-summary usage-${usage?.status ?? "unavailable"}`;
|
|
446
446
|
if (usage?.status === "pending" || usage?.status === "calculating") {
|
|
447
447
|
const text = document.createElement("span");
|
|
448
|
-
text.className = "
|
|
448
|
+
text.className = "text-shimmer";
|
|
449
449
|
text.textContent = usage.status === "pending"
|
|
450
450
|
? "Tokens pending · available when turn finishes"
|
|
451
451
|
: "Calculating token usage…";
|
|
@@ -536,7 +536,7 @@ function turnTimeline(task, { highlightTurnRef = null } = {}) {
|
|
|
536
536
|
const resultLabel = document.createElement("h4");
|
|
537
537
|
resultLabel.textContent = "Result";
|
|
538
538
|
const result = document.createElement("p");
|
|
539
|
-
result.className =
|
|
539
|
+
result.className = `preserve-lines${turnStatus === "working" ? " text-shimmer" : ""}`;
|
|
540
540
|
appendLinkedText(result, presentation.summary, task);
|
|
541
541
|
const turnMetadata = document.createElement("p");
|
|
542
542
|
turnMetadata.className = "result-history-turn";
|
|
@@ -953,7 +953,7 @@ function taskCard(task) {
|
|
|
953
953
|
const resultLabel = document.createElement("strong");
|
|
954
954
|
resultLabel.textContent = "Result";
|
|
955
955
|
const result = document.createElement("span");
|
|
956
|
-
result.className =
|
|
956
|
+
result.className = `preserve-lines${latest.resultStatus === "working" ? " text-shimmer" : ""}`;
|
|
957
957
|
appendLinkedText(result, latest.resultSummary, task);
|
|
958
958
|
summary.replaceChildren(requestLabel, request, resultLabel, result);
|
|
959
959
|
const relatedLinks = relatedGitHubLinks(task, { compact: true });
|
package/src/dashboard/styles.css
CHANGED
|
@@ -183,22 +183,22 @@ dialog section + section { margin-top: 24px; }
|
|
|
183
183
|
.usage-summary { display: grid; gap: 3px; margin: 10px 0 4px; color: var(--muted); font-size: 0.8rem; }
|
|
184
184
|
.usage-summary strong { color: var(--text); font-size: 0.9rem; }
|
|
185
185
|
.usage-pending, .usage-calculating { display: flex; align-items: center; }
|
|
186
|
-
.
|
|
186
|
+
.text-shimmer {
|
|
187
187
|
color: var(--muted);
|
|
188
|
-
background: linear-gradient(100deg, var(--muted)
|
|
188
|
+
background: linear-gradient(100deg, var(--muted) 46%, var(--text) 50%, var(--muted) 54%);
|
|
189
189
|
background-size: 250% 100%;
|
|
190
190
|
background-position: 100% 0;
|
|
191
191
|
background-clip: text;
|
|
192
192
|
-webkit-background-clip: text;
|
|
193
193
|
-webkit-text-fill-color: transparent;
|
|
194
|
-
animation:
|
|
194
|
+
animation: text-shimmer 6.4s ease-in-out infinite;
|
|
195
195
|
}
|
|
196
|
-
@keyframes
|
|
196
|
+
@keyframes text-shimmer {
|
|
197
197
|
0% { background-position: 100% 0; }
|
|
198
198
|
72%, 100% { background-position: -100% 0; }
|
|
199
199
|
}
|
|
200
200
|
@media (prefers-reduced-motion: reduce) {
|
|
201
|
-
.
|
|
201
|
+
.text-shimmer { background: none; animation: none; -webkit-text-fill-color: currentcolor; }
|
|
202
202
|
}
|
|
203
203
|
pre { max-height: 280px; margin: 0; padding: 14px; overflow: auto; border-radius: 7px; background: var(--surface-muted); white-space: pre-wrap; overflow-wrap: anywhere; font: 0.86rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
|
204
204
|
.metadata { display: grid; grid-template-columns: minmax(100px, 150px) 1fr; margin: 0; font-size: 0.88rem; }
|