@zaip-ai/cli 3.7.0 → 4.0.0

package/templates/.agents/dashboard/apps/frontend/src/use-dashboard-app-model.tsx

@@ -1,7 +1,6 @@
 import type { CostMonitorProjection } from "@zaip-ai/dashboard-cost-monitor/contracts";
 import type { CostCurrency, CostLocale } from "@zaip-ai/dashboard-cost-monitor/react";
 import type { OperationsProjection } from "@zaip-ai/dashboard-operations/contracts";
-import * as React from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import type { LoadingArea } from "./AppLoadingPanels.js";
 import {
@@ -136,9 +135,9 @@ export function useDashboardAppModel() {
   const [fxRate, setFxRate] = useState<FxRate | null>(null);
   const [pathname, setPathname] = useState(window.location.pathname);
   const [operationsLoading, setOperationsLoading] = useState(true);
-  const [, setOperationsSurfaceLoading] = useState(false);
+  const [operationsSurfaceLoading, setOperationsSurfaceLoading] = useState(false);
   const [, setCostSurfaceLoading] = useState(false);
-  const [periodTransitionPending, setPeriodTransitionPending] = useState(false);
+  const [, setPeriodTransitionPending] = useState(false);
   const [loadingArea, setLoadingArea] = useState<LoadingArea | null>("operations");
   const [failedArea, setFailedArea] = useState<LoadingArea | null>(null);
   const [refreshDialog, setRefreshDialog] = useState<
@@ -307,8 +306,8 @@ export function useDashboardAppModel() {
             setLastUpdatedAt(projection.summary.latest_token_collected_at ?? null);
           }
         } else if (refreshProjection) {
-          let snapshot: Awaited<ReturnType<typeof api.refreshProjection>>;
-          snapshot = await api.refreshProjection(currency, period);
+          const snapshot: Awaited<ReturnType<typeof api.refreshProjection>> =
+            await api.refreshProjection(currency, period);
           if (!isCurrentRequest()) return false;
           setOperations(snapshot.operations);
           quickOverviewMetricsRef.current = snapshot.operations.summary.overview_metrics;
@@ -582,16 +581,11 @@ export function useDashboardAppModel() {
     void loadCostSummary();
   }, [costs?.currency, currency, loadCostSummary]);
 
-  // A global period change invalidates the Cost snapshot before React commits
-  // the replacement view. All Time also needs its factual Cost range while
-  // Operations is active, so its disabled date inputs do not fall back to
-  // today's Operations range. The request itself remains deliberately
-  // unbounded. The in-flight guard prevents duplicate requests.
+  // Hydrate factual cost independently after the compact Operations fold. The
+  // cost cards retain skeletons while this narrower request is in flight;
+  // unrelated metrics and the board can render without waiting for it.
   useEffect(() => {
-    if (
-      (dashboardView !== "cost-monitor" && operationsPeriod.preset !== "all") ||
-      costSummaryAbortRef.current !== null
-    )
+    if (operations === null || failedArea === "costs" || costSummaryAbortRef.current !== null)
       return;
     if (
       shouldLoadCostSummary({
@@ -601,7 +595,7 @@ export function useDashboardAppModel() {
       })
     )
       void loadCostSummary();
-  }, [costs?.currency, currency, dashboardView, loadCostSummary, operationsPeriod.preset]);
+  }, [costs?.currency, currency, failedArea, loadCostSummary, operations]);
 
   const selectDashboardView = createDashboardViewSelector({
     setDashboardView,
@@ -648,12 +642,9 @@ export function useDashboardAppModel() {
     setFxRate,
     setPricing,
   );
-  // A request is not an empty dashboard state. One accessible global gate
-  // prevents every tab from briefly presenting zero/empty placeholders while
-  // its coherent replacement snapshot or page is still in flight.
-  // The stale snapshot is useful only while the initial screen still waits
-  // for data.  Once Operations has arrived, the normal dashboard is the
-  // clearest confirmation that it opened; do not leave a duplicate toast.
+  // Operations uses independent skeleton cards and a loading toast while a
+  // period changes. Only the cross-currency first fold still needs the global
+  // gate to avoid formatting BRL values as USD before Cost Monitor responds.
   return {
     loadMoreBoard,
     overviewStatusPageKey,
@@ -671,8 +662,7 @@ export function useDashboardAppModel() {
     setOperationsLoading,
     operations,
     error,
-    globalLoadingPending:
-      periodTransitionPending || (currency === "USD" && costs?.currency !== currency),
+    globalLoadingPending: currency === "USD" && costs?.currency !== currency,
     costLocale,
     refresh: async () => {
       await refresh();
@@ -727,6 +717,7 @@ export function useDashboardAppModel() {
     factualCostFact,
     factualCostPeriods,
     setOperationsSurfaceLoading,
+    operationsSurfaceLoading,
     currentCostByRun,
     loadOperationsEntityPage,
     loadOperationsLifecyclePage,

package/templates/.agents/dashboard/modules/cost-monitor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/dashboard-cost-monitor",
-  "version": "3.7.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "exports": {

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CompactLifecycleCostTable.test.ts

@@ -63,8 +63,8 @@ describe("CompactLifecycleCostTable filtered subtotal", () => {
     };
     const render = (key: string) =>
       table!.props.columns.find((column) => column.key === key)?.render?.(unknownRow);
-    expect(render("duration")).toBe("Indisponível");
-    expect(render("cost")).toBe("Indisponível");
+    expect(render("duration")).toBe("0");
+    expect(render("cost")).toBe("0");
     expect(render("tokens")).toBe("15");
     const partialRow = {
       metrics: {
@@ -113,7 +113,7 @@ describe("CompactLifecycleCostTable filtered subtotal", () => {
       table!.props.columns.find((column) => column.key === key)?.footer;
     expect(footer("runs")).toBe("0");
     expect(footer("tokens")).toBe("0");
-    expect(footer("duration")).toBe("Indisponível");
+    expect(footer("duration")).toBe("0");
   });
 
   it("does not render a subtotal row when all lifecycle metrics are unavailable", () => {

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CompactLifecycleCostTable.tsx

@@ -82,8 +82,7 @@ export function CompactLifecycleCostTable({
   onOpenTrace?: (id: string) => void;
 }) {
   const metric = (value: KnownMetric, format: (known: number) => string) => {
-    if (value.known_sum === 0 && !value.complete && value.coverage_ratio === 0)
-      return locale === "pt-BR" ? "Indisponível" : "Unavailable";
+    if (value.known_sum === 0 && !value.complete && value.coverage_ratio === 0) return "0";
     const formatted = format(value.known_sum ?? 0);
     return value.complete
       ? formatted
@@ -91,7 +90,7 @@ export function CompactLifecycleCostTable({
   };
   const durationMetric = (row: CompactLifecycleCostRow) => {
     const effective = compactLifecycleDurationMs(row);
-    if (effective === null) return locale === "pt-BR" ? "Indisponível" : "Unavailable";
+    if (effective === null) return "0";
     return metric(row.metrics.duration, (value) =>
       value === 0 ? "0" : formatDurationMs(value, locale),
     );

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostDeveloperAttributionTable.tsx

@@ -40,7 +40,7 @@ function formatCount(value: number | null, locale: CostLocale): string {
 }
 
 function formatDuration(value: number | null, locale: CostLocale): string {
-  if (value === null) return locale === "pt-BR" ? "Indisponível" : "Unavailable";
+  if (value === null) return "0";
   return value === 0 ? "0" : formatDurationMs(value, locale);
 }
 
@@ -49,11 +49,7 @@ function formatBrlCurrency(value: number | null, locale: CostLocale): string {
 }
 
 function formatTokens(value: number | null, locale: CostLocale): string {
-  return value === null
-    ? locale === "pt-BR"
-      ? "Indisponível"
-      : "Unavailable"
-    : formatCompactNumber(value, locale);
+  return formatCompactNumber(value, locale);
 }
 
 function partialMetric(

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostGroupsTable.period-values.test.tsx

@@ -0,0 +1,66 @@
+import type { ReactElement } from "react";
+import { describe, expect, it } from "vitest";
+import { CostGroupsTable, formatAuditableCurrency } from "./CostTables.js";
+
+const unavailableGroup = {
+  key: "unknown",
+  label: "Sem telemetria",
+  latest_started_at: "2026-07-24T20:00:00.000Z",
+  run_count: 2,
+  task_count: 1,
+  prd_count: 0,
+  spec_count: 0,
+  evidence_count: 0,
+  test_count: 0,
+  event_count: 2,
+  total_tokens: null,
+  estimated_usd: null,
+  estimated_brl: null,
+  duration_ms: null,
+  duration: { known_sum: 0, unknown: 2, complete: false, coverage_ratio: 0 },
+  coverage: { events: 2, tokens: 0, usd: 0, brl: 0 },
+} as const;
+
+describe("period group values", () => {
+  it("discloses presentation zero without changing null sorting", () => {
+    const table = CostGroupsTable({
+      rows: [unavailableGroup],
+      currency: "BRL",
+      locale: "pt-BR",
+      period: "daily",
+    });
+    const columns = table.props.columns as Array<{
+      key: string;
+      render: (row: typeof unavailableGroup) => string | ReactElement;
+      sortValue?: (row: typeof unavailableGroup) => unknown;
+      footer?: ReactElement<{ "aria-label"?: string }>;
+    }>;
+    const column = (key: string) => columns.find((candidate) => candidate.key === key)!;
+    const duration = column("duration").render(unavailableGroup) as ReactElement<{
+      title: string;
+      children: string;
+    }>;
+    const tokens = column("tokens").render(unavailableGroup) as ReactElement<{
+      title: string;
+      children: string;
+    }>;
+    const cost = column("cost").render(unavailableGroup) as ReactElement<{
+      title: string;
+      children: string;
+    }>;
+    expect(duration.props.title).toBe(
+      "Zero exibido por falta de medição; não é um valor observado.",
+    );
+    expect([duration.props.children, tokens.props.children, cost.props.children]).toEqual([
+      "0",
+      "0",
+      formatAuditableCurrency(0, "BRL", "pt-BR"),
+    ]);
+    expect(
+      [column("duration"), column("tokens"), column("cost")].map((entry) =>
+        entry.sortValue?.(unavailableGroup),
+      ),
+    ).toEqual([null, null, null]);
+    expect(column("duration").footer?.props["aria-label"]).not.toContain("Indisponível");
+  });
+});

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostGroupsTable.tsx

@@ -1,9 +1,11 @@
 import { DataTable } from "@zaip-ai/dashboard-ui";
-import type { CostGroupRow, DurationCoverage } from "../contracts.js";
+import type { CostGroupRow } from "../contracts.js";
 import { MoreVerticalIcon } from "./CostTableIcons.js";
 import { costPeriodHeading } from "./CostTables.js";
+import { costGroupConversationCount, costGroupPageTotals } from "./cost-group-page-totals.js";
+import { createCostGroupPeriodValues } from "./cost-group-period-values.js";
 import type { CostCurrency, CostLocale } from "./cost-monitor-copy.js";
-import { localizedDescription, sumNumbers } from "./cost-table-metrics.js";
+import { localizedDescription } from "./cost-table-metrics.js";
 import {
   costGroupsScrollLabel,
   costPeriodTotalAriaLabel,
@@ -47,8 +49,6 @@ export {
 import {
   displayCostGroupLabel,
   formatAuditableCompactNumber,
-  formatAuditableCurrency,
-  formatDurationCoverage,
   formatFactualCount,
   hasKnownDuration,
   sortCostValue,
@@ -102,25 +102,10 @@ export function CostGroupsTable({
       showAgentIdentity || showModelLifecycleDetails ? (value ?? 0) : value,
       locale,
     );
-  const displayDuration = (value: DurationCoverage) => formatDurationCoverage(value, locale);
-  const displayCurrency = (value: number | null) =>
-    formatAuditableCurrency(value, currency, locale);
-  const conversationCount = (row: unknown): number | null =>
-    (row as { conversation_count?: number | null }).conversation_count ?? null;
-  const pageTotals = {
-    runs: rows.reduce((sum, row) => sum + row.run_count, 0),
-    tasks: sumNumbers(rows.map((row) => row.task_count)),
-    prds: sumNumbers(rows.map((row) => row.prd_count)),
-    specs: sumNumbers(rows.map((row) => row.spec_count)),
-    evidences: sumNumbers(rows.map((row) => row.evidence_count)),
-    tests: sumNumbers(rows.map((row) => row.test_count)),
-    conversations: sumNumbers(rows.map(conversationCount)),
-    durationKnownMs: rows.reduce((sum, row) => sum + row.duration.known_sum, 0),
-    durationPartial: rows.some((row) => !row.duration.complete),
-    tokens: sumNumbers(rows.map((row) => row.total_tokens)),
-    usd: sumNumbers(rows.map((row) => row.estimated_usd)),
-    brl: sumNumbers(rows.map((row) => row.estimated_brl)),
-  };
+  const periodValues = createCostGroupPeriodValues(currency, locale, period);
+  const periodDescription =
+    periodValues.description === undefined ? {} : { description: periodValues.description };
+  const pageTotals = costGroupPageTotals(rows);
   const totals =
     suppliedTotals === undefined
       ? pageTotals
@@ -131,14 +116,14 @@ export function CostGroupsTable({
           specs: suppliedTotals.spec_count,
           evidences: suppliedTotals.evidence_count,
           tests: suppliedTotals.test_count,
-          conversations: conversationCount(suppliedTotals) ?? pageTotals.conversations,
+          conversations: costGroupConversationCount(suppliedTotals) ?? pageTotals.conversations,
           durationKnownMs: suppliedTotals.duration.known_sum,
           durationPartial: !suppliedTotals.duration.complete,
           tokens: suppliedTotals.total_tokens,
           usd: suppliedTotals.estimated_usd,
           brl: suppliedTotals.estimated_brl,
         };
-  const totalDurationDisplay = displayDuration(
+  const totalDurationDisplay = periodValues.duration(
     suppliedTotals?.duration ?? {
       known_sum: totals.durationKnownMs,
       unknown: totals.durationPartial ? 1 : 0,
@@ -152,7 +137,7 @@ export function CostGroupsTable({
     showModelLifecycleDetails ? (totals.tokens ?? 0) : totals.tokens,
     locale,
   );
-  const totalCostDisplay = displayCurrency(currency === "BRL" ? totals.brl : totals.usd);
+  const totalCostDisplay = periodValues.currency(currency === "BRL" ? totals.brl : totals.usd);
   const totalAriaLabel = costPeriodTotalAriaLabel({
     locale,
     duration: totalDurationDisplay,
@@ -294,8 +279,8 @@ export function CostGroupsTable({
                     {
                       key: "conversations",
                       label: "Conversations",
-                      render: (row: CostGroupRow) => displayCount(conversationCount(row)),
-                      sortValue: (row: CostGroupRow) => conversationCount(row) ?? 0,
+                      render: (row: CostGroupRow) => displayCount(costGroupConversationCount(row)),
+                      sortValue: (row: CostGroupRow) => costGroupConversationCount(row) ?? 0,
                       align: "right" as const,
                       footer: displayCount(totals.conversations),
                       description: localizedDescription(
@@ -355,7 +340,10 @@ export function CostGroupsTable({
         {
           key: "duration",
           label: "Tempo",
-          render: (row) => displayDuration(row.duration),
+          render: (row) =>
+            period !== undefined && !hasKnownDuration(row.duration)
+              ? periodValues.disclose("0", true)
+              : periodValues.duration(row.duration),
           sortValue: (row) =>
             hasKnownDuration(row.duration)
               ? row.duration.known_sum
@@ -364,19 +352,23 @@ export function CostGroupsTable({
                 : null,
           align: "right",
           footer: <output aria-label={totalAriaLabel}>{totalDurationDisplay}</output>,
+          ...periodDescription,
         },
         {
           key: "tokens",
           label: "Tokens",
-          render: (row) =>
-            formatAuditableCompactNumber(
+          render: (row) => {
+            const displayed = formatAuditableCompactNumber(
               showModelLifecycleDetails ? (row.total_tokens ?? 0) : row.total_tokens,
               locale,
-            ),
+            );
+            return periodValues.disclose(displayed, row.total_tokens === null);
+          },
           sortValue: (row) =>
             showModelLifecycleDetails ? (row.total_tokens ?? 0) : row.total_tokens,
           align: "right",
           footer: <output aria-label={totalAriaLabel}>{totalTokensDisplay}</output>,
+          ...periodDescription,
         },
         {
           key: "cost",
@@ -392,14 +384,17 @@ export function CostGroupsTable({
                 : locale === "pt-BR"
                   ? "Custos"
                   : "Costs",
-          render: (row) =>
-            displayCurrency(currency === "BRL" ? row.estimated_brl : row.estimated_usd),
+          render: (row) => {
+            const observed = currency === "BRL" ? row.estimated_brl : row.estimated_usd;
+            return periodValues.disclose(periodValues.currency(observed), observed === null);
+          },
           sortValue: (row) =>
             showModelLifecycleDetails
               ? (sortCostValue(currency, row.estimated_brl, row.estimated_usd) ?? 0)
               : sortCostValue(currency, row.estimated_brl, row.estimated_usd),
           align: "right",
           footer: <output aria-label={totalAriaLabel}>{totalCostDisplay}</output>,
+          ...periodDescription,
         },
         ...(onOpenTrace
           ? [

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostMonitorContent.tsx

@@ -264,7 +264,7 @@ export function CostMonitorContent({
       ) : null}
       {(["providers", "agents", "models"] as const).map((key) =>
         view === key && !dimensionalDetailPending && !detailLoading && detailError === null ? (
-          <>
+          <div key={key}>
             <CostGroupsTable
               currency={currency}
               key={key}
@@ -294,7 +294,7 @@ export function CostMonitorContent({
                     : {})}
             />
             {groupPager}
-          </>
+          </div>
         ) : null,
       )}
       {view === "daily" || view === "monthly" || view === "annual" ? (

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostMonitorPage.embedded.test.ts

@@ -0,0 +1,11 @@
+import { readFileSync } from "node:fs";
+import { describe, expect, it } from "vitest";
+
+describe("embedded Cost Monitor", () => {
+  it("keeps global filters as the sole embedded filter surface", () => {
+    const page = readFileSync(new URL("./CostMonitorPage.tsx", import.meta.url), "utf8");
+    expect(page).not.toContain('className="cost-embedded-filters"');
+    expect(page).toContain("<CostMonitorContent");
+    expect(page).toContain("<CostFilters");
+  });
+});

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostMonitorPage.tsx

@@ -83,7 +83,7 @@ export {
 export function CostMonitorPage({
   capabilityNavigation,
   data,
-  dashboardTitle = "Dashboard Zaip AIOS",
+  dashboardTitle = "Dashboard ZAIP AIOS",
   embedded = false,
   globalFilters,
   lastUpdatedAt,
@@ -708,18 +708,6 @@ export function CostMonitorPage({
           </div>
         ) : null}
       </div>{" "}
-      {embedded && view !== "developers" ? (
-        <details className="cost-embedded-filters">
-          <summary>{locale === "pt-BR" ? "Filtros de custos" : "Cost filters"}</summary>
-          <CostFilters
-            available={data.filters_available}
-            hideQuery
-            locale={locale}
-            onChange={setFilters}
-            value={filters}
-          />
-        </details>
-      ) : null}
       {/* CostMonitorContent owns `view === "models" && useAggregateGroups ? (` and `rows={groups.models}`. */}{" "}
       <CostMonitorContent
         canonicalDurationTotal={canonicalDurationTotal}

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostPeriodAverageCards.test.tsx

@@ -0,0 +1,23 @@
+import type { ReactElement } from "react";
+import { describe, expect, it } from "vitest";
+import { CostPeriodAverageCards } from "./CostPeriodAverageCards.js";
+
+describe("CostPeriodAverageCards", () => {
+  const props = { currency: "BRL", locale: "pt-BR", period: "daily", rows: [] } as const;
+
+  it("shows zero for loaded missing numeric averages without changing the source", () => {
+    const element = CostPeriodAverageCards({ ...props, average: null }) as ReactElement<{
+      metrics: readonly { value: string }[];
+    }>;
+    expect(element.props.metrics.map((metric) => metric.value)).toEqual(Array(6).fill("0"));
+  });
+
+  it("keeps loading distinct from a loaded zero", () => {
+    const element = CostPeriodAverageCards({ ...props, loading: true }) as ReactElement<{
+      role: string;
+      children: string;
+    }>;
+    expect(element.props.role).toBe("status");
+    expect(element.props.children).toContain("Carregando médias");
+  });
+});

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostPeriodAverageCards.tsx

@@ -39,7 +39,8 @@ export function CostPeriodAverageCards({
           tokens: null,
           cost: null,
         });
-  const unavailable = locale === "pt-BR" ? "Indisponível" : "Unavailable";
+  // A loaded missing metric is presented as zero; the API retains null/coverage.
+  const unavailable = "0";
   return (
     <PeriodAverageCards
       ariaLabel={periodAverageAriaLabel(period, locale)}

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostTableDisplay.ts

@@ -22,11 +22,7 @@ export function formatAuditableNumber(value: number | null, locale: CostLocale):
 }
 
 export function formatFactualCount(value: number | null, locale: CostLocale): string {
-  return value === null
-    ? locale === "pt-BR"
-      ? "Indisponível"
-      : "Unavailable"
-    : formatAuditableNumber(value, locale);
+  return formatAuditableNumber(value, locale);
 }
 
 export function formatAuditableCompactNumber(value: number | null, locale: CostLocale): string {
@@ -38,12 +34,12 @@ export function formatAuditableCurrency(
   currency: CostCurrency,
   locale: CostLocale,
 ): string {
-  if (value === null) return locale === "pt-BR" ? "Indisponível" : "Unavailable";
+  if (value === null) return "0";
   return formatCurrency(value, currency, locale);
 }
 
 export function formatAuditableDuration(value: number | null, locale: CostLocale): string {
-  if (value === null) return locale === "pt-BR" ? "Indisponível" : "Unavailable";
+  if (value === null) return "0";
   return value === 0 ? "0" : formatDurationMs(value, locale);
 }
 
@@ -71,8 +67,8 @@ export const formatInvocationMultiplierPair = (
 export function invocationMetricDescription(locale: CostLocale, metric: string): string {
   const source =
     locale === "pt-BR"
-      ? "Valor da projeção SQLite/API desta Invocação de Agente. Fato canônico nulo permanece indisponível e não é convertido em zero."
-      : "Value from this Agent Invocation's SQLite/API projection. A null canonical fact remains unavailable and is not converted to zero.";
+      ? "Valor da projeção SQLite/API desta Invocação de Agente. O zero exibido para um fato não medido não altera o valor canônico nulo."
+      : "Value from this Agent Invocation's SQLite/API projection. A displayed zero for an unmeasured fact does not change its canonical null value.";
   const details: Record<string, readonly [string, string]> = {
     duration: [
       "Tempo factual da invocação, quando capturado ou reconciliado.",
@@ -171,8 +167,7 @@ export function invocationMetricDescription(locale: CostLocale, metric: string):
 }
 
 export function formatDurationCoverage(value: DurationCoverage, locale: CostLocale): string {
-  if (value.known_sum <= 0 && !value.complete)
-    return locale === "pt-BR" ? "Indisponível" : "Unavailable";
+  if (value.known_sum <= 0 && !value.complete) return "0";
   return value.known_sum <= 0 ? "0" : formatDurationMs(value.known_sum, locale);
 }
 

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostTables-keeps-legacy-codex-identity-fields-blank.test.ts

@@ -176,10 +176,10 @@ describe("grouped cost availability", () => {
           ...model,
           duration: { known_sum: 0, unknown: 1, complete: false, coverage_ratio: 0 },
         }),
-    ).toBe("Indisponível");
+    ).toBe("0");
     expect(
       columns.find((column) => column.key === "cost")?.render?.({ ...model, estimated_brl: null }),
-    ).toBe("Indisponível");
+    ).toBe("0");
     expect(
       columns
         .find((column) => column.key === "tokens")
@@ -324,14 +324,14 @@ describe("grouped cost availability", () => {
       expect(column(key)?.description).toContain("projeção SQLite/API");
       expect(column(key)?.hidden).not.toBe(true);
     }
-    expect(column("duration")?.render?.(unavailableRun)).toBe("Indisponível");
+    expect(column("duration")?.render?.(unavailableRun)).toBe("0");
     expect(column("inputTokens")?.render?.(unavailableRun)).toBe("0");
     expect(column("inputRate")?.render?.(unavailableRun)).toBe("0,00");
-    expect(column("contextMultiplier")?.render?.(unavailableRun)).toBe("Indisponível");
+    expect(column("contextMultiplier")?.render?.(unavailableRun)).toBe("0");
     expect(column("inputCost")?.render?.(unavailableRun)).toContain("0,00");
     expect(column("fxRate")?.render?.(unavailableRun)).toBe("R$ 0,00");
-    expect(column("recordedBrl")?.render?.(unavailableRun)).toBe("Indisponível");
-    expect(column("cost")?.render?.(unavailableRun)).toBe("Indisponível");
+    expect(column("recordedBrl")?.render?.(unavailableRun)).toBe("0");
+    expect(column("cost")?.render?.(unavailableRun)).toBe("0");
   });
   it("provides a clear scroll label for the detailed Runs table", () => {
     expect(costRunsScrollLabel("pt-BR")).toBe(

package/templates/.agents/dashboard/modules/cost-monitor/src/react/CostTables.test.ts

@@ -107,11 +107,11 @@ describe("monetary formatting", () => {
     expect(ratio(106.73, 19.583444)).toBeCloseTo(5.45, 2);
     expect(ratio(100, 0)).toBeNull();
   });
-  it("keeps unavailable cost metrics distinct from zero", () => {
+  it("shows zero for unmeasured metrics without changing their source values", () => {
     expect(formatRate(null, "pt-BR")).toBe("0,00");
     expect(formatUsd(null, "en-US")).toContain("0.00");
-    expect(formatAuditableCurrency(null, "BRL", "pt-BR")).toBe("Indisponível");
-    expect(formatAuditableDuration(null, "pt-BR")).toBe("Indisponível");
+    expect(formatAuditableCurrency(null, "BRL", "pt-BR")).toBe("0");
+    expect(formatAuditableDuration(null, "pt-BR")).toBe("0");
     expect(formatAuditableCompactNumber(null, "pt-BR")).toBe("0");
   });
 });
@@ -134,7 +134,7 @@ describe("duration coverage", () => {
         { known_sum: 0, unknown: 2, complete: false, coverage_ratio: 0 },
         "pt-BR",
       ),
-    ).toBe("Indisponível");
+    ).toBe("0");
   });
   it("does not treat financial tokens as elapsed-time evidence", () => {
     expect(
@@ -242,9 +242,7 @@ describe("grouped cost availability", () => {
     ]);
     expect(columns.find((column) => column.key === "tests")?.render(unavailable)).toBe("—");
     expect(columns.find((column) => column.key === "evidences")?.render(unavailable)).toBe("—");
-    expect(columns.find((column) => column.key === "duration")?.render(unavailable)).toBe(
-      "Indisponível",
-    );
+    expect(columns.find((column) => column.key === "duration")?.render(unavailable)).toBe("0");
   });
   it("marks incomplete aggregates in place without adding source or coverage columns", () => {
     const partial = {
@@ -349,13 +347,13 @@ describe("grouped cost availability", () => {
     }>;
     const column = (key: string) => columns.find((candidate) => candidate.key === key);
     expect(table.props.scrollLabel).toBe(costGroupsScrollLabel("pt-BR"));
-    expect(column("duration")?.render(unavailableGroup)).toBe("Indisponível");
+    expect(column("duration")?.render(unavailableGroup)).toBe("0");
     expect(column("tokens")?.render(unavailableGroup)).toBe("0");
-    expect(column("cost")?.render(unavailableGroup)).toBe("Indisponível");
+    expect(column("cost")?.render(unavailableGroup)).toBe("0");
     expect(column("duration")?.sortValue?.(unavailableGroup)).toBeNull();
     expect(column("tokens")?.sortValue?.(unavailableGroup)).toBeNull();
     expect(column("cost")?.sortValue?.(unavailableGroup)).toBeNull();
-    const totalSummary = "Total geral — Tempo: Indisponível; Tokens: 0; BRL: Indisponível";
+    const totalSummary = "Total geral — Tempo: 0; Tokens: 0; BRL: 0";
     const footerLabel = (key: string) => {
       const footer = column(key)?.footer as { props?: { "aria-label"?: string } } | undefined;
       return footer?.props?.["aria-label"];
@@ -455,7 +453,7 @@ describe("grouped cost availability", () => {
     for (const key of ["tasks", "prds", "specs", "tests", "evidences", "tokens"]) {
       expect(columns.find((c) => c.key === key)?.render?.(missing)).toBe("0");
     }
-    expect(columns.find((c) => c.key === "duration")?.render?.(missing)).toBe("Indisponível");
-    expect(columns.find((c) => c.key === "cost")?.render?.(missing)).toBe("Indisponível");
+    expect(columns.find((c) => c.key === "duration")?.render?.(missing)).toBe("0");
+    expect(columns.find((c) => c.key === "cost")?.render?.(missing)).toBe("0");
   });
 });

package/templates/.agents/dashboard/modules/cost-monitor/src/react/cost-group-page-totals.ts

@@ -0,0 +1,23 @@
+import type { CostGroupRow } from "../contracts.js";
+import { sumNumbers } from "./cost-table-metrics.js";
+
+export function costGroupConversationCount(row: unknown): number | null {
+  return (row as { conversation_count?: number | null }).conversation_count ?? null;
+}
+
+export function costGroupPageTotals(rows: readonly CostGroupRow[]) {
+  return {
+    runs: rows.reduce((sum, row) => sum + row.run_count, 0),
+    tasks: sumNumbers(rows.map((row) => row.task_count)),
+    prds: sumNumbers(rows.map((row) => row.prd_count)),
+    specs: sumNumbers(rows.map((row) => row.spec_count)),
+    evidences: sumNumbers(rows.map((row) => row.evidence_count)),
+    tests: sumNumbers(rows.map((row) => row.test_count)),
+    conversations: sumNumbers(rows.map(costGroupConversationCount)),
+    durationKnownMs: rows.reduce((sum, row) => sum + row.duration.known_sum, 0),
+    durationPartial: rows.some((row) => !row.duration.complete),
+    tokens: sumNumbers(rows.map((row) => row.total_tokens)),
+    usd: sumNumbers(rows.map((row) => row.estimated_usd)),
+    brl: sumNumbers(rows.map((row) => row.estimated_brl)),
+  };
+}