@zaip-ai/cli 1.0.7 → 1.3.0

package/templates/.agents/dashboard/modules/operations/src/react/TaskDetailsDialog.tsx

@@ -10,29 +10,35 @@ export function TaskDetailsDialog({
   locale = "pt-BR",
   onClose,
   onOpenTrace,
+  summary = false,
+  summaryRunCount = null,
 }: {
   detail: TaskDetailProjection;
-  operations: OperationsProjection;
+  operations: {
+    readonly runs: readonly OperationsProjection["runs"][number][];
+    readonly decisions: readonly OperationsProjection["decisions"][number][];
+  };
   locale?: OperationsLocale;
   onClose: () => void;
   onOpenTrace: (taskId: string) => void;
+  summary?: boolean;
+  /** Exact count supplied by the compact card projection, when available. */
+  summaryRunCount?: number | null;
 }) {
   const copy = taskDetailsCopy(locale);
   const runs = operations.runs.filter((run) => run.task_id === detail.task.id);
   const decisions = operations.decisions.filter(
     (decision) => decision.scope_type === "change" && decision.scope_id === detail.task.change_id,
   );
-  const operationalDurations = runs
-    .filter((run) => run.phase === "execution" && run.parent_run_id == null)
-    .flatMap((run) => {
-      const durationMs = operationalDurationMs(run);
-      return durationMs === null ? [] : [durationMs];
-    });
-  const duration =
-    operationalDurations.length === 0
-      ? null
-      : operationalDurations.reduce((total, durationMs) => total + durationMs, 0);
-  const tokens = runs.reduce((total, run) => total + (run.usage.total.tokens.total ?? 0), 0);
+  const telemetry = detail.task.telemetry
+    ? {
+        durationMs: detail.task.telemetry.duration_ms,
+        tokens: detail.task.telemetry.tokens,
+        costBrl: detail.task.telemetry.cost_brl,
+      }
+    : recoverExactTelemetry(runs);
+  const hasSummarySpecId = detail.task.spec_id !== null && detail.task.spec_id.trim() !== "";
+  const hasChangeId = detail.task.change_id.trim() !== "";
   return createPortal(
     <div className="operations-dialog-backdrop">
       <section aria-label={copy.aria} aria-modal="true" className="operations-dialog" role="dialog">
@@ -50,40 +56,76 @@ export function TaskDetailsDialog({
           <dl className="operations-detail-grid">
             <Detail label={copy.status} value={statusLabel(detail.task.status, locale)} />
             <Detail label={copy.risk} value={riskLabel(detail.task.risk, locale)} />
-            <Detail label="SPEC" value={detail.task.spec_id ?? "Task-first"} />
-            <Detail label="Change" value={detail.task.change_id} />
-            <Detail label="Runs" value={String(runs.length)} />
-            <Detail label={copy.duration} value={formatOperationDuration(duration, locale)} />
-            <Detail label="Tokens" value={formatCompactNumber(tokens || null, locale)} />
+            {!summary || hasSummarySpecId ? (
+              <Detail label="SPEC" value={detail.task.spec_id ?? "Task-first"} />
+            ) : null}
+            {!summary || hasChangeId ? (
+              <Detail label="Change" value={detail.task.change_id} />
+            ) : null}
+            {!summary || summaryRunCount !== null ? (
+              <Detail label="Runs" value={String(summary ? summaryRunCount : runs.length)} />
+            ) : null}
+            <Detail
+              label={copy.duration}
+              value={formatOperationDuration(telemetry.durationMs, locale)}
+            />
+            <Detail
+              label="Tokens"
+              value={
+                telemetry.tokens === null
+                  ? locale === "pt-BR"
+                    ? "Indisponível"
+                    : "Unavailable"
+                  : formatCompactNumber(telemetry.tokens, locale)
+              }
+            />
+            <Detail
+              label={locale === "pt-BR" ? "Custo" : "Cost"}
+              value={
+                telemetry.costBrl === null
+                  ? locale === "pt-BR"
+                    ? "Indisponível"
+                    : "Unavailable"
+                  : new Intl.NumberFormat(locale, { style: "currency", currency: "BRL" }).format(
+                      telemetry.costBrl,
+                    )
+              }
+            />
             <Detail label={copy.updated} value={formatDateTime(detail.task.updated_at, locale)} />
           </dl>
-          <section>
-            <h3>{copy.acceptanceCriteria}</h3>
-            <div className="operations-tags">
-              {detail.task.acceptance_ids.map((id) => (
-                <span key={id}>{id}</span>
-              ))}
-            </div>
-          </section>
-          <section>
-            <h3>{copy.decisions}</h3>
-            {decisions.length === 0 ? (
-              <p>{copy.noDecisions}</p>
-            ) : (
-              decisions.map((decision) => (
-                <p key={decision.id}>
-                  <strong>{decision.origin}:</strong> {decision.title}
-                </p>
-              ))
-            )}
-          </section>
-          <section>
-            <h3>{copy.description}</h3>
-            <pre>{detail.body}</pre>
-          </section>
+          {!summary || detail.task.acceptance_ids.length > 0 ? (
+            <section>
+              <h3>{copy.acceptanceCriteria}</h3>
+              <div className="operations-tags">
+                {detail.task.acceptance_ids.map((id) => (
+                  <span key={id}>{id}</span>
+                ))}
+              </div>
+            </section>
+          ) : null}
+          {!summary ? (
+            <section>
+              <h3>{copy.decisions}</h3>
+              {decisions.length === 0 ? (
+                <p>{copy.noDecisions}</p>
+              ) : (
+                decisions.map((decision) => (
+                  <p key={decision.id}>
+                    <strong>{decision.origin}:</strong> {decision.title}
+                  </p>
+                ))
+              )}
+            </section>
+          ) : null}
+          {!summary && detail.body ? (
+            <section>
+              <h3>{copy.description}</h3>
+              <pre>{detail.body}</pre>
+            </section>
+          ) : null}
         </div>
         <footer>
-          <span>{detail.artifact_path}</span>
+          {!summary && detail.artifact_path ? <span>{detail.artifact_path}</span> : null}
           <button onClick={() => onOpenTrace(detail.task.id)} type="button">
             {copy.openTraceability}
           </button>
@@ -94,6 +136,27 @@ export function TaskDetailsDialog({
   );
 }
 
+function recoverExactTelemetry(runs: readonly OperationsProjection["runs"][number][]) {
+  const rootExecutionRuns = runs.filter(
+    (run) => run.phase === "execution" && run.parent_run_id == null,
+  );
+  return {
+    durationMs:
+      rootExecutionRuns.length === 0 ||
+      rootExecutionRuns.some((run) => operationalDurationMs(run) === null)
+        ? null
+        : rootExecutionRuns.reduce((total, run) => total + (operationalDurationMs(run) ?? 0), 0),
+    tokens:
+      runs.length === 0 || runs.some((run) => run.usage.total.tokens.total === null)
+        ? null
+        : runs.reduce((total, run) => total + (run.usage.total.tokens.total ?? 0), 0),
+    costBrl:
+      runs.length === 0 || runs.some((run) => run.usage.total.cost.brl === null)
+        ? null
+        : runs.reduce((total, run) => total + (run.usage.total.cost.brl ?? 0), 0),
+  };
+}
+
 export function taskDetailsCopy(locale: OperationsLocale) {
   return locale === "pt-BR"
     ? {

package/templates/.agents/dashboard/modules/operations/src/react/UnifiedWorkBoard.priority.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it } from "vitest";
+import { mergeManualWorkOrder, sortWorkItems } from "./UnifiedWorkBoard.js";
+
+describe("UnifiedWorkBoard priority path", () => {
+  const item = (id: string, rank: number | null, createdAt = "2026-08-04T10:00:00.000Z") =>
+    ({ kind: "task", row: { id, manual_order: rank, updated_at: createdAt } }) as never;
+
+  it("uses optimistic ordering without a projection rebuild", () => {
+    const sorted = sortWorkItems([item("TASK-B", null), item("TASK-A", 0)], ["TASK-B", "TASK-A"]);
+    expect(sorted.map((entry) => entry.row.id)).toEqual(["TASK-B", "TASK-A"]);
+  });
+
+  it("only replaces slots in the moved column", () => {
+    const global = [item("PRD-1", 0), item("TASK-A", 1), item("TASK-B", 2)];
+    expect(
+      mergeManualWorkOrder(global, [global[1]!, global[2]!], [global[2]!, global[1]!]),
+    ).toEqual(["PRD-1", "TASK-B", "TASK-A"]);
+  });
+});