@zaip-ai/cli 1.0.8 → 1.3.0

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

@@ -8,21 +8,47 @@ describe("CompactLifecycleCostTable filtered subtotal", () => {
   it("renders the server subtotal as the final DataTable row with all metrics", () => {
     const view = CompactLifecycleCostTable({
       locale: "pt-BR",
-      rows: [{
-        id: "TASK-PAGE-50", title: "Página 2", kind: "task", status: "active", risk: null,
-        occurred_at: "2026-08-04T12:00:00.000Z", parent_id: null, run_count: 1, cost_currency: "BRL",
-        metrics: { duration: known(1_000), total_tokens: known(2), cost: known(5) },
-      }],
+      rows: [
+        {
+          id: "TASK-PAGE-50",
+          title: "Página 2",
+          kind: "task",
+          status: "active",
+          risk: null,
+          occurred_at: "2026-08-04T12:00:00.000Z",
+          parent_id: null,
+          run_count: 1,
+          cost_currency: "BRL",
+          metrics: { duration: known(1_000), total_tokens: known(2), cost: known(5) },
+        },
+      ],
       subtotal: {
         entity_count: 270,
         run_count: known(270),
-        metrics: { duration: known(270_000), total_tokens: known(540), cost_brl: known(1_350), cost_usd: known(270) },
+        metrics: {
+          duration: known(270_000),
+          total_tokens: known(540),
+          cost_brl: known(1_350),
+          cost_usd: known(270),
+        },
+      },
+      pagination: {
+        offset: 50,
+        limit: 50,
+        total: 270,
+        has_more: true,
+        loading: false,
+        error: null,
+        onChange: () => undefined,
+        onRetry: () => undefined,
       },
-      pagination: { offset: 50, limit: 50, total: 270, has_more: true, loading: false, error: null, onChange: () => undefined, onRetry: () => undefined },
     });
-    const [table] = view.props.children as readonly { props: { columns: Array<{ key: string; footer?: unknown }> } }[];
+    const [table] = view.props.children as readonly {
+      props: { columns: Array<{ key: string; footer?: unknown }> };
+    }[];
     expect(table).toBeDefined();
-    const footer = (key: string) => table!.props.columns.find((column) => column.key === key)?.footer;
+    const footer = (key: string) =>
+      table!.props.columns.find((column) => column.key === key)?.footer;
     expect(footer("occurredAt")).toContain("Subtotal filtrado");
     expect(footer("entity")).toBe("270");
     expect(footer("runs")).toBe("270");
@@ -34,13 +60,35 @@ describe("CompactLifecycleCostTable filtered subtotal", () => {
 
   it("renders unknown numeric subtotals as zero", () => {
     const view = CompactLifecycleCostTable({
-      locale: "pt-BR", rows: [],
-      subtotal: { entity_count: 0, run_count: known(0), metrics: { duration: unavailable, total_tokens: known(0), cost_brl: known(0), cost_usd: unavailable } },
-      pagination: { offset: 0, limit: 50, total: 0, has_more: false, loading: false, error: null, onChange: () => undefined, onRetry: () => undefined },
+      locale: "pt-BR",
+      rows: [],
+      subtotal: {
+        entity_count: 0,
+        run_count: known(0),
+        metrics: {
+          duration: unavailable,
+          total_tokens: known(0),
+          cost_brl: known(0),
+          cost_usd: unavailable,
+        },
+      },
+      pagination: {
+        offset: 0,
+        limit: 50,
+        total: 0,
+        has_more: false,
+        loading: false,
+        error: null,
+        onChange: () => undefined,
+        onRetry: () => undefined,
+      },
     });
-    const [table] = view.props.children as readonly { props: { columns: Array<{ key: string; footer?: unknown }> } }[];
+    const [table] = view.props.children as readonly {
+      props: { columns: Array<{ key: string; footer?: unknown }> };
+    }[];
     expect(table).toBeDefined();
-    const footer = (key: string) => table!.props.columns.find((column) => column.key === key)?.footer;
+    const footer = (key: string) =>
+      table!.props.columns.find((column) => column.key === key)?.footer;
     expect(footer("runs")).toBe("0");
     expect(footer("tokens")).toBe("0");
     expect(footer("duration")).toBe("0");
@@ -48,12 +96,34 @@ describe("CompactLifecycleCostTable filtered subtotal", () => {
 
   it("does not render a subtotal row when all lifecycle metrics are unavailable", () => {
     const view = CompactLifecycleCostTable({
-      locale: "pt-BR", rows: [],
-      subtotal: { entity_count: 1, run_count: unavailable, metrics: { duration: unavailable, total_tokens: unavailable, cost_brl: unavailable, cost_usd: unavailable } },
-      pagination: { offset: 0, limit: 50, total: 0, has_more: false, loading: false, error: null, onChange: () => undefined, onRetry: () => undefined },
+      locale: "pt-BR",
+      rows: [],
+      subtotal: {
+        entity_count: 1,
+        run_count: unavailable,
+        metrics: {
+          duration: unavailable,
+          total_tokens: unavailable,
+          cost_brl: unavailable,
+          cost_usd: unavailable,
+        },
+      },
+      pagination: {
+        offset: 0,
+        limit: 50,
+        total: 0,
+        has_more: false,
+        loading: false,
+        error: null,
+        onChange: () => undefined,
+        onRetry: () => undefined,
+      },
     });
-    const [table] = view.props.children as readonly { props: { columns: Array<{ key: string; footer?: unknown }> } }[];
-    const footer = (key: string) => table!.props.columns.find((column) => column.key === key)?.footer;
+    const [table] = view.props.children as readonly {
+      props: { columns: Array<{ key: string; footer?: unknown }> };
+    }[];
+    const footer = (key: string) =>
+      table!.props.columns.find((column) => column.key === key)?.footer;
     expect(footer("occurredAt")).toBeUndefined();
     expect(footer("entity")).toBeUndefined();
     expect(footer("runs")).toBeUndefined();

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

@@ -88,8 +88,7 @@ export function CompactLifecycleCostTable({
   const durationMetric = (row: CompactLifecycleCostRow) => {
     const value = row.metrics.duration;
     const effective = compactLifecycleDurationMs(row);
-    if (effective === null || (value.unknown > 0 && effective === 0))
-      return "0";
+    if (effective === null || (value.unknown > 0 && effective === 0)) return "0";
     return formatDurationMs(effective, locale);
   };
   const subtotalMetric = (value: KnownMetric, format: (known: number) => string) => {
@@ -98,21 +97,24 @@ export function CompactLifecycleCostTable({
   };
   const subtotalMetricUnavailable = (value: KnownMetric) =>
     value.unknown > 0 && value.known_sum === 0;
-  const showSubtotal = subtotal !== null && ![
-    subtotal.run_count,
-    subtotal.metrics.duration,
-    subtotal.metrics.total_tokens,
-    subtotal.metrics.cost_brl,
-  ].every(subtotalMetricUnavailable);
+  const showSubtotal =
+    subtotal !== null &&
+    ![
+      subtotal.run_count,
+      subtotal.metrics.duration,
+      subtotal.metrics.total_tokens,
+      subtotal.metrics.cost_brl,
+    ].every(subtotalMetricUnavailable);
   const number = (value: number) => new Intl.NumberFormat(locale).format(value);
   const subtotalLabel = !showSubtotal
     ? undefined
     : subtotal === null
-    ? "Total"
-    : `${locale === "pt-BR" ? "Subtotal filtrado" : "Filtered subtotal"} · ${number(subtotal.entity_count)} ${locale === "pt-BR" ? "registros" : "records"}`;
-  const subtotalCost = !showSubtotal || subtotal === null
-    ? undefined
-    : subtotalMetric(subtotal.metrics.cost_brl, (brl) => formatCurrency(brl, "BRL", locale));
+      ? "Total"
+      : `${locale === "pt-BR" ? "Subtotal filtrado" : "Filtered subtotal"} · ${number(subtotal.entity_count)} ${locale === "pt-BR" ? "registros" : "records"}`;
+  const subtotalCost =
+    !showSubtotal || subtotal === null
+      ? undefined
+      : subtotalMetric(subtotal.metrics.cost_brl, (brl) => formatCurrency(brl, "BRL", locale));
   return (
     <>
       <DataTable
@@ -140,14 +142,22 @@ export function CompactLifecycleCostTable({
             label: locale === "pt-BR" ? "Invocações" : "Invocations",
             render: (row) => new Intl.NumberFormat(locale).format(row.run_count),
             align: "right",
-            footer: !showSubtotal || subtotal === null ? undefined : subtotalMetric(subtotal.run_count, number),
+            footer:
+              !showSubtotal || subtotal === null
+                ? undefined
+                : subtotalMetric(subtotal.run_count, number),
           },
           {
             key: "duration",
             label: locale === "pt-BR" ? "Tempo observado" : "Observed time",
             render: durationMetric,
             align: "right",
-            footer: !showSubtotal || subtotal === null ? undefined : subtotalMetric(subtotal.metrics.duration, (value) => value === 0 ? "0" : formatDurationMs(value, locale)),
+            footer:
+              !showSubtotal || subtotal === null
+                ? undefined
+                : subtotalMetric(subtotal.metrics.duration, (value) =>
+                    value === 0 ? "0" : formatDurationMs(value, locale),
+                  ),
           },
           {
             key: "tokens",
@@ -155,7 +165,12 @@ export function CompactLifecycleCostTable({
             render: (row) =>
               metric(row.metrics.total_tokens, (value) => formatCompactNumber(value, locale)),
             align: "right",
-            footer: !showSubtotal || subtotal === null ? undefined : subtotalMetric(subtotal.metrics.total_tokens, (value) => formatCompactNumber(value, locale)),
+            footer:
+              !showSubtotal || subtotal === null
+                ? undefined
+                : subtotalMetric(subtotal.metrics.total_tokens, (value) =>
+                    formatCompactNumber(value, locale),
+                  ),
           },
           {
             key: "cost",

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

@@ -56,11 +56,7 @@ describe("lastSevenDays", () => {
 
     const result = lastSevenDays(rows, "BRL");
 
-    expect(result.map((day) => day.key)).toEqual([
-      "2026-07-08",
-      "2026-07-10",
-      "2026-07-15",
-    ]);
+    expect(result.map((day) => day.key)).toEqual(["2026-07-08", "2026-07-10", "2026-07-15"]);
     expect(result.map((day) => day.value)).toEqual([99, 12.5, 8]);
   });
 
@@ -93,7 +89,11 @@ describe("aggregate-only overview metrics", () => {
     const usage = {
       conversation: metric({ input: 10, cached_input: 1, output: 5, reasoning: 3, total: 15 }, 2),
       planning: metric({ input: 20, cached_input: 2, output: 10, reasoning: 6, total: 30 }, 3),
-      execution: metric({ input: 30, cached_input: 3, output: 15, reasoning: 9, total: 45 }, 4, 12_000),
+      execution: metric(
+        { input: 30, cached_input: 3, output: 15, reasoning: 9, total: 45 },
+        4,
+        12_000,
+      ),
       total: metric({ input: 60, cached_input: 6, output: 30, reasoning: 18, total: 90 }, 9),
     };
 
@@ -113,8 +113,32 @@ describe("aggregate-only overview metrics", () => {
       planning: metric({ input: 0, cached_input: 0, output: 0, reasoning: 0, total: 0 }, 0),
       total: metric({ input: 0, cached_input: 0, output: 0, reasoning: 0, total: 0 }, 0),
     };
-    expect(chartPhaseMetrics("execution", [], { ...base, execution: metric({ input: 0, cached_input: 0, output: 0, reasoning: 0, total: 0 }, 0, 0) }, "BRL").duration).toBe(0);
-    expect(chartPhaseMetrics("execution", [], { ...base, execution: metric({ input: 0, cached_input: 0, output: 0, reasoning: 0, total: 0 }, 0, null) }, "BRL").duration).toBeNull();
+    expect(
+      chartPhaseMetrics(
+        "execution",
+        [],
+        {
+          ...base,
+          execution: metric({ input: 0, cached_input: 0, output: 0, reasoning: 0, total: 0 }, 0, 0),
+        },
+        "BRL",
+      ).duration,
+    ).toBe(0);
+    expect(
+      chartPhaseMetrics(
+        "execution",
+        [],
+        {
+          ...base,
+          execution: metric(
+            { input: 0, cached_input: 0, output: 0, reasoning: 0, total: 0 },
+            0,
+            null,
+          ),
+        },
+        "BRL",
+      ).duration,
+    ).toBeNull();
   });
 
   it("marks an invalid cached or reasoning subset unavailable without changing inclusive totals", () => {
@@ -132,15 +156,20 @@ describe("aggregate-only overview metrics", () => {
 
   it("preserves canonical output when a partial source total diverges", () => {
     const usage = {
-      total: metric({ input: 400_000, cached_input: 390_000, output: 30_000, reasoning: 10_000, total: 445_099 }, 1),
+      total: metric(
+        {
+          input: 400_000,
+          cached_input: 390_000,
+          output: 30_000,
+          reasoning: 10_000,
+          total: 445_099,
+        },
+        1,
+      ),
     };
 
     expect(chartTokenMix([], usage, costChartsCopy("pt-BR")).map(([, value]) => value)).toEqual([
-      10_000,
-      390_000,
-      20_000,
-      10_000,
-      430_000,
+      10_000, 390_000, 20_000, 10_000, 430_000,
     ]);
   });
 });

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

@@ -169,7 +169,10 @@ export function CostCharts({
 export function chartTokenMix(
   rows: readonly CostRunRow[],
   summaryUsage: Pick<UsageProjection, "total"> | undefined,
-  copy: Pick<ReturnType<typeof costChartsCopy>, "inputWithoutCache" | "cachedInput" | "visibleOutput" | "reasoning" | "total">,
+  copy: Pick<
+    ReturnType<typeof costChartsCopy>,
+    "inputWithoutCache" | "cachedInput" | "visibleOutput" | "reasoning" | "total"
+  >,
 ) {
   const tokens = summaryUsage?.total.tokens;
   const input = tokens?.input ?? observed(rows.map((row) => row.input_tokens));
@@ -321,10 +324,7 @@ function inclusiveTokenTotal(
   return input !== null && output !== null ? input + output : reportedTotal;
 }
 
-export function lastSevenDays(
-  daily: readonly CostGroupRow[],
-  currency: CostCurrency,
-) {
+export function lastSevenDays(daily: readonly CostGroupRow[], currency: CostCurrency) {
   const values = new Map(daily.map((row) => [row.key, cost(row, currency)]));
   const buckets = [...values.keys()].sort().slice(-7);
   return buckets.map((key) => {

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

@@ -6,8 +6,8 @@ import {
   formatDurationCoverage,
   formatTokenBackedDuration,
   formatUsd,
-  hasKnownDuration,
   hasCollectedUsage,
+  hasKnownDuration,
   isDisplayableModel,
   localizedDescription,
   scenario,

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

@@ -1,20 +1,20 @@
 import { ExecutionTable } from "@zaip-ai/dashboard-operations/react";
 import type { ComponentProps } from "react";
 import {
-  CompactLifecycleCostTable,
   type CompactLifecycleCostSubtotal,
+  CompactLifecycleCostTable,
 } from "./CompactLifecycleCostTable.js";
 import { CostCharts } from "./CostCharts.js";
 import { CostPeriodAverageCards } from "./CostPeriodAverageCards.js";
 import { CostGroupsTable, CostRunsTable } from "./CostTables.js";
+import type { CostCurrency, CostLocale } from "./cost-monitor-copy.js";
+import type { CostView } from "./cost-monitor-views.js";
+import { MacroCostTable } from "./MacroCostTable.js";
 import {
+  type CostGroupTotals,
   costGroupPageLabel,
   reconcileCostGroupTotalsWithCards,
-  type CostGroupTotals,
 } from "./use-cost-group-page.js";
-import type { CostCurrency, CostLocale } from "./cost-monitor-copy.js";
-import type { CostView } from "./cost-monitor-views.js";
-import { MacroCostTable } from "./MacroCostTable.js";
 
 type CostRunRows = ComponentProps<typeof CostRunsTable>["rows"];
 type CostGroupRows = ComponentProps<typeof CostGroupsTable>["rows"];
@@ -88,7 +88,13 @@ export function CostMonitorContent({
     providers: CostGroupRows;
     tasks: CostGroupRows;
   };
-  groupPage: { offset: number; limit: number; total_count: number; has_more: boolean; totals?: CostGroupTotals } | null;
+  groupPage: {
+    offset: number;
+    limit: number;
+    total_count: number;
+    has_more: boolean;
+    totals?: CostGroupTotals;
+  } | null;
   groupPageLoading: boolean;
   groupPageOffset: number;
   locale: CostLocale;
@@ -120,13 +126,30 @@ export function CostMonitorContent({
   visiblePrds: ComponentProps<typeof MacroCostTable>["rows"];
   visibleSpecs: ComponentProps<typeof MacroCostTable>["rows"];
 }) {
-  const groupPager = ["daily", "monthly", "annual", "agents", "models", "providers"].includes(view) && groupPage !== null ? (
-    <nav aria-label={locale === "pt-BR" ? "Paginação de grupos" : "Group pagination"} className="cost-page-controls">
-      <button disabled={groupPageLoading || groupPageOffset === 0} onClick={() => setGroupPageOffset(Math.max(0, groupPageOffset - groupPage.limit))} type="button">{locale === "pt-BR" ? "Anterior" : "Previous"}</button>
-      <output aria-live="polite">{costGroupPageLabel({ locale, page: groupPage })}</output>
-      <button disabled={groupPageLoading || !groupPage.has_more} onClick={() => setGroupPageOffset(groupPageOffset + groupPage.limit)} type="button">{locale === "pt-BR" ? "Próxima" : "Next"}</button>
-    </nav>
-  ) : null;
+  const groupPager =
+    ["daily", "monthly", "annual", "agents", "models", "providers"].includes(view) &&
+    groupPage !== null ? (
+      <nav
+        aria-label={locale === "pt-BR" ? "Paginação de grupos" : "Group pagination"}
+        className="cost-page-controls"
+      >
+        <button
+          disabled={groupPageLoading || groupPageOffset === 0}
+          onClick={() => setGroupPageOffset(Math.max(0, groupPageOffset - groupPage.limit))}
+          type="button"
+        >
+          {locale === "pt-BR" ? "Anterior" : "Previous"}
+        </button>
+        <output aria-live="polite">{costGroupPageLabel({ locale, page: groupPage })}</output>
+        <button
+          disabled={groupPageLoading || !groupPage.has_more}
+          onClick={() => setGroupPageOffset(groupPageOffset + groupPage.limit)}
+          type="button"
+        >
+          {locale === "pt-BR" ? "Próxima" : "Next"}
+        </button>
+      </nav>
+    ) : null;
   return (
     <section
       className={`cost-content cost-content-${view} ${view === "overview" ? "cost-content-overview" : ""}`}
@@ -161,9 +184,7 @@ export function CostMonitorContent({
             currency={currency}
             locale={locale}
             onOpenRun={onOpenRun}
-            rows={
-              serverPagingEligible && runPageData !== null ? pagedRunRows : rows
-            }
+            rows={serverPagingEligible && runPageData !== null ? pagedRunRows : rows}
             {...(serverPagingEligible &&
             (runPageData?.run_page !== undefined || runPageLoading || runPageError !== null)
               ? {
@@ -246,32 +267,36 @@ export function CostMonitorContent({
       {(["providers", "agents", "models"] as const).map((key) =>
         view === key && !dimensionalDetailPending && !detailLoading && detailError === null ? (
           <>
-          <CostGroupsTable
-            currency={currency}
-            key={key}
-            labelHeading={
-              key === "models"
-                ? locale === "pt-BR"
-                  ? "Modelo LLM"
-                  : "LLM model"
-                : key === "agents"
-                ? locale === "pt-BR"
-                  ? "Zaip Agentes"
-                  : "ZAIP agents"
-                : locale === "pt-BR"
-                  ? "Provedor"
-                  : "Providers"
-            }
-            locale={locale}
-            rows={groups[key]}
-            {...(key === "models" || key === "providers"
-              ? { totals: summaryTotals }
-              : groupPage?.totals === undefined
-                ? {}
-                : { totals: groupPage.totals })}
-            {...(key === "agents" ? { showDateTime: false, showAgentIdentity: true } : key === "models" || key === "providers" ? { showDateTime: false, showInvocationTasks: true } : {})}
-          />
-          {groupPager}
+            <CostGroupsTable
+              currency={currency}
+              key={key}
+              labelHeading={
+                key === "models"
+                  ? locale === "pt-BR"
+                    ? "Modelo LLM"
+                    : "LLM model"
+                  : key === "agents"
+                    ? locale === "pt-BR"
+                      ? "Zaip Agentes"
+                      : "ZAIP agents"
+                    : locale === "pt-BR"
+                      ? "Provedor"
+                      : "Providers"
+              }
+              locale={locale}
+              rows={groups[key]}
+              {...(key === "models" || key === "providers"
+                ? { totals: summaryTotals }
+                : groupPage?.totals === undefined
+                  ? {}
+                  : { totals: groupPage.totals })}
+              {...(key === "agents"
+                ? { showDateTime: false, showAgentIdentity: true }
+                : key === "models" || key === "providers"
+                  ? { showDateTime: false, showInvocationTasks: true }
+                  : {})}
+            />
+            {groupPager}
           </>
         ) : null,
       )}