@zaip-ai/cli 6.2.0 → 7.5.0

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

@@ -3,6 +3,12 @@
   margin: 0 auto;
   padding: 86px 26px 64px;
 }
+.cost-monitor-context {
+  color: var(--text-muted, #94a3b8);
+  font-size: 0.875rem;
+  line-height: 1.5;
+  margin: 12px 0;
+}
 .cost-monitor-nav {
   display: none;
   position: fixed;
@@ -605,120 +611,3 @@
   font-variant-numeric: tabular-nums;
   text-align: center;
 }
-.cost-bar-list {
-  display: grid;
-  gap: 15px;
-  margin-top: 24px;
-}
-.cost-bar-list > div {
-  display: grid;
-  grid-template-columns: minmax(80px, 130px) 1fr auto;
-  align-items: center;
-  gap: 12px;
-}
-.cost-bar-list span,
-.token-mix span,
-.phase-strip span {
-  color: #a8b6c8;
-  font-size: 0.78rem;
-}
-.cost-bar-list i {
-  height: 7px;
-  overflow: hidden;
-  border-radius: 9px;
-  background: rgba(148, 163, 184, 0.1);
-}
-.cost-bar-list b {
-  display: block;
-  height: 100%;
-  border-radius: inherit;
-}
-.cost-bar-list strong,
-.token-mix strong,
-.phase-strip strong {
-  color: #e8f0fb;
-  font-size: 0.8rem;
-}
-.token-mix {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
-  margin-top: 25px;
-}
-.token-mix > div,
-.phase-strip > div {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  gap: 8px;
-  padding: 14px;
-  border: 1px solid rgba(148, 163, 184, 0.1);
-  border-radius: 13px;
-  background: rgba(15, 23, 38, 0.68);
-}
-.token-mix i,
-.phase-strip i {
-  width: 9px;
-  height: 9px;
-  margin-top: 2px;
-  border-radius: 50%;
-}
-.token-mix strong,
-.phase-strip strong {
-  grid-column: 2;
-  font-size: 1.14rem;
-}
-.phase-strip {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 12px;
-  margin-top: 30px;
-}
-.phase-strip > div {
-  display: block;
-}
-.phase-name {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.phase-name i {
-  flex: 0 0 9px;
-  margin: 0;
-}
-.phase-name span {
-  color: #c5d2e3;
-  font-size: 0.76rem;
-  font-weight: 650;
-}
-.phase-metrics {
-  display: grid;
-  gap: 7px;
-  margin: 12px 0 0;
-}
-.phase-metrics > div {
-  display: grid;
-  gap: 3px;
-  padding-top: 7px;
-  border-top: 1px solid rgba(148, 163, 184, 0.1);
-}
-.phase-metrics dt {
-  color: #7890ab;
-  font-size: 0.58rem;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-.phase-metrics dd {
-  margin: 0;
-  overflow: hidden;
-  color: #e8f0fb;
-  font-size: 0.72rem;
-  font-variant-numeric: tabular-nums;
-  font-weight: 700;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.cost-empty {
-  padding: 55px 0;
-  color: var(--muted);
-  text-align: center;
-}

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

@@ -4,7 +4,7 @@ import type { CostFilterState } from "./CostFilters.js";
 import type { CostLocale } from "./cost-monitor-copy.js";
 
 /** Pre-pagination aggregate for the exact page query. */
-export type CostGroupTotals = Pick<
+export type CostGroupTotals = { conversation_count?: number | null } & Pick<
   CostGroupRow,
   | "run_count"
   | "task_count"
@@ -20,6 +20,8 @@ export type CostGroupTotals = Pick<
   | "duration"
 >;
 export type CostGroupPage = {
+  snapshot_id?: string | null;
+  snapshot_updated_at?: string | null;
   offset: number;
   limit: number;
   total_count: number;

package/templates/.agents/dashboard/modules/cost-monitor/src/server/build-cost-summary-projection.ts

@@ -16,6 +16,13 @@ import {
 import type { CostGroupRow, CostMonitorProjection } from "../contracts.js";
 import { buildCostMonitorProjection, usageForRuns } from "./build-cost-monitor-projection.js";
 import { emptyOrigins } from "./cost-summary-defaults.js";
+import {
+  inRange,
+  knownRuns,
+  mergeNullableMetric,
+  runPopulation,
+  sumNullable,
+} from "./cost-summary-metrics.js";
 
 /** Fast Cost Monitor first fold backed only by the durable lifecycle summary. */
 export function buildCostSummaryProjection(
@@ -271,6 +278,8 @@ export interface CostSummarySource {
    */
   daily_rows?: Array<{
     key: string;
+    conversation_ids?: string[];
+    conversation_count?: number;
     total_cost_usd: number | null;
     total_cost_brl: number | null;
   }>;
@@ -714,35 +723,3 @@ function emptyDuration(): DurationSource {
     population: runPopulation(0, 0),
   };
 }
-
-function inRange(key: string, from: string | null, to: string | null): boolean {
-  const dayForBound = (value: string | null) => {
-    if (value === null) return null;
-    // Direct projection callers can still provide a date-only value. It is a
-    // São Paulo calendar label, whereas timestamp bounds need conversion.
-    if (/^\d{4}-\d{2}-\d{2}$/.test(value)) return value;
-    return saoPauloPeriodKey(value, "day");
-  };
-  const fromDay = dayForBound(from);
-  const toDay = dayForBound(to);
-  return (fromDay === null || key >= fromDay) && (toDay === null || key <= toDay);
-}
-
-function sumNullable(values: readonly (number | null)[]): number | null {
-  const known = values.filter((value): value is number => value !== null);
-  return known.length === 0 ? null : known.reduce((total, value) => total + value, 0);
-}
-
-function mergeNullableMetric(values: readonly (number | null)[]): number | null {
-  return values.some((value) => value === null)
-    ? null
-    : values.reduce<number>((total, value) => total + (value ?? 0), 0);
-}
-
-function knownRuns(eligibleRuns: number, unknownRuns: number): number {
-  return Math.max(0, eligibleRuns - unknownRuns);
-}
-
-function runPopulation(eligible_runs: number, known_runs: number) {
-  return { eligible_runs, known_runs, unknown_runs: eligible_runs - known_runs };
-}

package/templates/.agents/dashboard/modules/cost-monitor/src/server/cost-summary-metrics.ts

@@ -0,0 +1,33 @@
+import { saoPauloPeriodKey } from "@zaip-ai/dashboard-operations/contracts";
+
+export function inRange(key: string, from: string | null, to: string | null): boolean {
+  const dayForBound = (value: string | null) => {
+    if (value === null) return null;
+    // Direct projection callers can still provide a date-only value. It is a
+    // São Paulo calendar label, whereas timestamp bounds need conversion.
+    if (/^\d{4}-\d{2}-\d{2}$/.test(value)) return value;
+    return saoPauloPeriodKey(value, "day");
+  };
+  const fromDay = dayForBound(from);
+  const toDay = dayForBound(to);
+  return (fromDay === null || key >= fromDay) && (toDay === null || key <= toDay);
+}
+
+export function sumNullable(values: readonly (number | null)[]): number | null {
+  const known = values.filter((value): value is number => value !== null);
+  return known.length === 0 ? null : known.reduce((total, value) => total + value, 0);
+}
+
+export function mergeNullableMetric(values: readonly (number | null)[]): number | null {
+  return values.some((value) => value === null)
+    ? null
+    : values.reduce<number>((total, value) => total + (value ?? 0), 0);
+}
+
+export function knownRuns(eligibleRuns: number, unknownRuns: number): number {
+  return Math.max(0, eligibleRuns - unknownRuns);
+}
+
+export function runPopulation(eligible_runs: number, known_runs: number) {
+  return { eligible_runs, known_runs, unknown_runs: eligible_runs - known_runs };
+}

package/templates/.agents/dashboard/modules/operations/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/dashboard-operations",
-  "version": "6.2.0",
+  "version": "7.5.0",
   "private": true,
   "type": "module",
   "exports": {

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

@@ -0,0 +1,58 @@
+import type { Dispatch, SetStateAction } from "react";
+import { ChevronDownIcon, LocaleFlag } from "./OperationsIcons.js";
+import type { OperationsLocale } from "./status-labels.js";
+
+export function OperationsLocaleMenu({
+  locale,
+  localeOpen,
+  setLocaleOpen,
+  setFiltersOpen,
+  onLocaleChange,
+}: {
+  locale: OperationsLocale;
+  localeOpen: boolean;
+  setLocaleOpen: Dispatch<SetStateAction<boolean>>;
+  setFiltersOpen: Dispatch<SetStateAction<boolean>>;
+  onLocaleChange: (locale: OperationsLocale) => void;
+}) {
+  return (
+    <div className="operations-nav-popup-anchor">
+      <button
+        className={`operations-nav-button${localeOpen ? " is-active" : ""}`}
+        onClick={() => {
+          setLocaleOpen((open) => !open);
+          setFiltersOpen(false);
+        }}
+        type="button"
+      >
+        <LocaleFlag locale={locale} />
+        {locale === "pt-BR" ? "PT-BR" : "EN-US"}
+        <ChevronDownIcon />
+      </button>
+      {localeOpen ? (
+        <div className="operations-nav-popup operations-locale-popup">
+          <button
+            onClick={() => {
+              onLocaleChange("pt-BR");
+              setLocaleOpen(false);
+            }}
+            type="button"
+          >
+            <LocaleFlag locale="pt-BR" /> Português do Brasil
+            {locale === "pt-BR" ? <span>✓</span> : null}
+          </button>
+          <button
+            onClick={() => {
+              onLocaleChange("en-US");
+              setLocaleOpen(false);
+            }}
+            type="button"
+          >
+            <LocaleFlag locale="en-US" /> English
+            {locale === "en-US" ? <span>✓</span> : null}
+          </button>
+        </div>
+      ) : null}
+    </div>
+  );
+}

package/templates/.agents/dashboard/modules/operations/src/react/OperationsOverviewTopPanel.navigation.test.tsx

@@ -96,7 +96,7 @@ describe("Operations Top 5 navigation", () => {
       write: false,
     });
     bundle = harness.outputFiles[0].text;
-    browser = await chromium.launch({ headless: true });
+    browser = await chromium.launch({ headless: true, chromiumSandbox: true });
   }, 60_000);
 
   afterAll(async () => {

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

@@ -3,13 +3,8 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { ExcelExportAction } from "./export/ExcelExportAction.js";
 import { OperationDateFilters } from "./OperationDateFilters.js";
 import { OperationsEntityFilters } from "./OperationsEntityFilters.js";
-import {
-  ChevronDownIcon,
-  FilterIcon,
-  LocaleFlag,
-  RefreshIcon,
-  ResetIcon,
-} from "./OperationsIcons.js";
+import { FilterIcon, RefreshIcon, ResetIcon } from "./OperationsIcons.js";
+import { OperationsLocaleMenu } from "./OperationsLocaleMenu.js";
 import { OperationsMainContent } from "./OperationsMainContent.js";
 import { OperationsViewTabs } from "./OperationsPageNavigation.js";
 import { OperationsPageLoading, OperationsPageOverview } from "./OperationsPageOverview.js";
@@ -30,8 +25,6 @@ export {
 
 import {
   dateRangeForPreset,
-  factualCostDateRange,
-  initialOperationsDateRange,
   isDateInOperationPreset,
   isRunInOperationPreset,
   isTaskCreatedInRange,
@@ -564,44 +557,13 @@ export function OperationsPage({
               </div>
             ) : null}
           </div>
-          <div className="operations-nav-popup-anchor">
-            <button
-              className={`operations-nav-button${localeOpen ? " is-active" : ""}`}
-              onClick={() => {
-                setLocaleOpen((open) => !open);
-                setFiltersOpen(false);
-              }}
-              type="button"
-            >
-              <LocaleFlag locale={locale} />
-              {locale === "pt-BR" ? "PT-BR" : "EN-US"}
-              <ChevronDownIcon />
-            </button>
-            {localeOpen ? (
-              <div className="operations-nav-popup operations-locale-popup">
-                <button
-                  onClick={() => {
-                    onLocaleChange("pt-BR");
-                    setLocaleOpen(false);
-                  }}
-                  type="button"
-                >
-                  <LocaleFlag locale="pt-BR" /> Português do Brasil
-                  {locale === "pt-BR" ? <span>✓</span> : null}
-                </button>
-                <button
-                  onClick={() => {
-                    onLocaleChange("en-US");
-                    setLocaleOpen(false);
-                  }}
-                  type="button"
-                >
-                  <LocaleFlag locale="en-US" /> English
-                  {locale === "en-US" ? <span>✓</span> : null}
-                </button>
-              </div>
-            ) : null}
-          </div>
+          <OperationsLocaleMenu
+            locale={locale}
+            localeOpen={localeOpen}
+            setLocaleOpen={setLocaleOpen}
+            setFiltersOpen={setFiltersOpen}
+            onLocaleChange={onLocaleChange}
+          />
         </div>
       </header>
 
@@ -690,6 +652,13 @@ export function OperationsPage({
                     />
                   </div>
                 </section>
+                {view === "work-kanban" || view === "work-list" ? (
+                  <p className="cost-monitor-context">
+                    {locale === "pt-BR"
+                      ? "Custos dos itens são acumulados: PRDs e SPECs podem incluir as mesmas atividades das tarefas. Não some níveis da hierarquia. O resumo financeiro da exportação conta cada atividade uma única vez nos itens selecionados."
+                      : "Item costs are cumulative: PRDs and SPECs may include the same activities as tasks. Do not sum hierarchy levels. The export financial summary counts each activity once across selected items."}
+                  </p>
+                ) : null}
                 <OperationsMainContent
                   boardKindTotals={boardKindTotals}
                   boardStates={boardStates}

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

@@ -164,7 +164,7 @@ describe("UnifiedWorkBoard item navigation", () => {
       write: false,
     });
     bundle = harness.outputFiles[0].text;
-    browser = await chromium.launch({ headless: true });
+    browser = await chromium.launch({ headless: true, chromiumSandbox: true });
   }, 60_000);
 
   afterAll(async () => {

package/templates/.agents/dashboard/modules/operations/src/react/export/ExcelExportAction.test.ts

@@ -1,4 +1,4 @@
-import { describe, expect, it } from "vitest";
+import { expect, it } from "vitest";
 import {
   AGENT_INVOCATION_EXPORT_COLUMNS,
   COMPACT_LIFECYCLE_EXPORT_COLUMNS,
@@ -22,105 +22,6 @@ import {
   WORK_EXPORT_COLUMNS,
 } from "./ExcelExportAction.js";
 
-describe("ExcelExportAction duration mapper", () => {
-  it("exports millisecond durations as unrounded numeric base hours with explicit hour headers", () => {
-    expect(
-      exportRowsWithDurationHours([
-        {
-          durationMs: 9_593_507,
-          duration_ms: 3_600_000,
-          source_duration_ms: 7_200_000,
-          averageRunDurationMs: null,
-        },
-      ]),
-    ).toEqual([
-      {
-        durationHours: 2.6648630555555557,
-        duration_hours: 1,
-        source_duration_hours: 2,
-        averageRunDurationHours: null,
-      },
-    ]);
-  });
-
-  it("maps populated monthly facts to fixed XLSX columns and retains unavailable values as null", () => {
-    expect(
-      exportRowsWithDurationHours([
-        {
-          key: "2026-07",
-          prds: 12,
-          specs: 58,
-          tasksCreated: 648,
-          runs: 1419,
-          tests: 2,
-          evidences: 547,
-          durationMs: 7_200_000,
-          tokens: 5_490_000_000,
-          costBrl: 36_925.24,
-        },
-        { key: "2026-08", durationMs: null, costBrl: null },
-      ]),
-    ).toEqual([
-      {
-        key: "2026-07",
-        prds: 12,
-        specs: 58,
-        tasks: 648,
-        runs: 1419,
-        tests: 2,
-        evidences: 547,
-        duration_hours: 2,
-        tokens: 5_490_000_000,
-        cost: 36_925.24,
-      },
-      {
-        key: "2026-08",
-        prds: undefined,
-        specs: undefined,
-        tasks: undefined,
-        runs: undefined,
-        tests: undefined,
-        evidences: undefined,
-        duration_hours: null,
-        tokens: undefined,
-        cost: null,
-      },
-    ]);
-  });
-
-  it("maps the canonical annual SQLite aliases into populated period columns", () => {
-    expect(
-      exportRowsWithDurationHours([
-        {
-          period_key: "2026",
-          prd_count: 13,
-          spec_count: 59,
-          task_count: 920,
-          total_run_count: 1_751,
-          validation_count: 17,
-          evidence_count: 648,
-          operations_total_duration: 619_958_763,
-          total_tokens: 7_342_609_361,
-          total_cost_brl: 47_588.9452,
-        },
-      ]),
-    ).toEqual([
-      {
-        key: "2026",
-        prds: 13,
-        specs: 59,
-        tasks: 920,
-        runs: 1_751,
-        tests: 17,
-        evidences: 648,
-        duration_hours: 172.2107675,
-        tokens: 7_342_609_361,
-        cost: 47_588.9452,
-      },
-    ]);
-  });
-});
-
 it("exports every paginated row once instead of only the visible page", async () => {
   const exported: Record<string, unknown>[] = [];
   for await (const page of exportPageSourceRows({
@@ -428,6 +329,7 @@ it("exports compact Task, SPEC, PRD, and Conversation rows with entity columns",
     "title",
     "status",
     "occurred_at",
+    "activities",
     "invocations",
     "duration_hours",
     "tokens",
@@ -444,6 +346,7 @@ it("exports compact Task, SPEC, PRD, and Conversation rows with entity columns",
         occurred_at: "2026-08-21T00:00:00.000Z",
         parent_id: null,
         run_count: 2,
+        activity_count: 5,
         metrics: {
           duration: { known_sum: 3_600_000 },
           total_tokens: { known_sum: 123 },
@@ -458,6 +361,7 @@ it("exports compact Task, SPEC, PRD, and Conversation rows with entity columns",
       status: "completed",
       occurred_at: "2026-08-21T00:00:00.000Z",
       invocations: 2,
+      activities: 5,
       duration_hours: 1,
       tokens: 123,
       cost_brl: 4.5,