@zaip-ai/cli 2.2.0 → 2.6.0

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

@@ -88,6 +88,7 @@ export function OperationsPage({
   currency,
   data,
   dashboardTitle = "Dashboard Zaip AIOS",
+  lastUpdatedAt = data.summary.latest_token_collected_at ?? null,
   loading,
   onLoadingChange,
   locale,
@@ -505,7 +506,7 @@ export function OperationsPage({
             dateRange.start !== defaultDateRange.start ||
             dateRange.end !== defaultDateRange.end,
         )}
-        lastUpdatedAt={data.summary.source_latest_at}
+        lastUpdatedAt={lastUpdatedAt}
         loading={isLoading}
         locale={locale}
         onLocaleChange={onLocaleChange}
@@ -518,11 +519,11 @@ export function OperationsPage({
       <header className="operations-hero">
         <div>
           <small className="operations-last-updated">
-            {data.summary.source_latest_at === null
+            {lastUpdatedAt === null
               ? locale === "pt-BR"
                 ? "Aguardando atualização"
                 : "Waiting for refresh"
-              : `${locale === "pt-BR" ? "Atualizado" : "Updated"} ${new Intl.DateTimeFormat(locale, { dateStyle: "short", timeStyle: "medium" }).format(new Date(data.summary.source_latest_at))}`}
+              : `${locale === "pt-BR" ? "Atualizado" : "Updated"} ${new Intl.DateTimeFormat(locale, { dateStyle: "short", timeStyle: "medium" }).format(new Date(lastUpdatedAt))}`}
           </small>
         </div>
         <div className="operations-actions">

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

@@ -1,9 +1,10 @@
 import { readFileSync } from "node:fs";
 import { describe, expect, it } from "vitest";
+import { readAppCompositionSource } from "../../../../apps/frontend/src/__tests__/app-composition-support.js";
 
 const component = source("PrdDocumentDialog.tsx");
 const styles = source("macro-planning-dialog.css");
-const app = source("../../../../apps/frontend/src/App.tsx");
+const app = readAppCompositionSource();
 const traceDocuments = source("../../../../apps/frontend/src/use-app-trace-documents.ts");
 describe("MacroDocumentDialog loading states", () => {
   it("keeps known identity visible before body hydration", () => {

package/templates/.agents/dashboard/modules/operations/src/react/manual-work-priority.test.ts

@@ -1,9 +1,10 @@
 import { readFileSync } from "node:fs";
 import { describe, expect, it } from "vitest";
+import { readAppCompositionSource } from "../../../../apps/frontend/src/__tests__/app-composition-support.js";
 import { mergeManualWorkOrder, openWorkCardLabel, sortWorkItems } from "./UnifiedWorkBoard.js";
 
 const board = readFileSync(new URL("UnifiedWorkBoard.tsx", import.meta.url), "utf8");
-const app = readFileSync(new URL("../../../../apps/frontend/src/App.tsx", import.meta.url), "utf8");
+const app = readAppCompositionSource();
 const priorityHandler = app.slice(
   app.indexOf("onPriorityChange={async"),
   app.indexOf("onPeriodChange="),

package/templates/.agents/dashboard/modules/operations/src/react/operations-coverage-toast.test.ts

@@ -4,7 +4,9 @@ import { overviewMetricTotals } from "../server/build-operations-projection.js";
 
 describe("Operations persisted aggregate display", () => {
   it("removes the telemetry notice and its styling entirely", () => {
-    const overview = readFileSync(new URL("OperationsOverview.tsx", import.meta.url), "utf8");
+    const overview = ["OperationsOverview.tsx", "overview-metric-format.ts"]
+      .map((file) => readFileSync(new URL(file, import.meta.url), "utf8"))
+      .join("\n");
     const styles = readFileSync(new URL("operations-overview.css", import.meta.url), "utf8");
 
     expect(overview).not.toContain("operations-coverage-toast");
@@ -37,7 +39,9 @@ describe("Operations persisted aggregate display", () => {
   });
 
   it("preserves unavailable aggregate totals and renders zero only for an empty population", () => {
-    const overview = readFileSync(new URL("OperationsOverview.tsx", import.meta.url), "utf8");
+    const overview = ["OperationsOverview.tsx", "overview-metric-format.ts"]
+      .map((file) => readFileSync(new URL(file, import.meta.url), "utf8"))
+      .join("\n");
 
     expect(overview).toContain("overviewMetrics?.duration_ms ??");
     expect(overview).toContain("const totalTokensMetric = scopedOverviewMetric(");

package/templates/.agents/dashboard/modules/operations/src/react/operations-overview-period-filter.test.ts

@@ -1,5 +1,6 @@
 import { readFileSync } from "node:fs";
 import { describe, expect, it } from "vitest";
+import { readAppCompositionSource } from "../../../../apps/frontend/src/__tests__/app-composition-support.js";
 import { resolveOperationsPeriodControl, shouldRenderOperationsContent } from "./OperationsPage.js";
 import { workListTypeOnViewChange } from "./operations-page-contract.js";
 
@@ -101,10 +102,7 @@ describe("overview period filter", () => {
   });
 
   it("pairs the global language selector with its currency before passing it to Operations", () => {
-    const app = readFileSync(
-      new URL("../../../../apps/frontend/src/App.tsx", import.meta.url),
-      "utf8",
-    );
+    const app = readAppCompositionSource();
 
     expect(app).toContain("const changeDashboardLocale = useCallback");
     expect(app).toContain('setCurrency(next === "en-US" ? "USD" : "BRL")');
@@ -116,10 +114,7 @@ describe("overview period filter", () => {
   });
 
   it("loads the quick overview first while retaining the detail hydration fallback", () => {
-    const app = readFileSync(
-      new URL("../../../../apps/frontend/src/App.tsx", import.meta.url),
-      "utf8",
-    );
+    const app = readAppCompositionSource();
     const hydration = readFileSync(
       new URL("../../../../apps/frontend/src/operations-detail-hydration.ts", import.meta.url),
       "utf8",
@@ -133,7 +128,7 @@ describe("overview period filter", () => {
     expect(app).toContain("const requestVersion = ++refreshVersion.current;");
     expect(app).toContain("operationsDetailLoadedRef.current = true;");
     expect(app).toContain("isCurrentDashboardRequest(requestVersion, refreshVersion.current)");
-    expect(app).toContain("if (!isCurrentRequest()) return;");
+    expect(app).toContain("if (!isCurrentRequest()) return false;");
     expect(app).toContain("useAppEffects({");
     expect(effects).toContain("shouldHydrateOperationsDetails(");
     expect(effects).toContain("scheduleOperationsDetail(async (signal)");
@@ -145,14 +140,11 @@ describe("overview period filter", () => {
   });
 
   it("invalidates the full detail snapshot before loading a new period overview", () => {
-    const app = readFileSync(
-      new URL("../../../../apps/frontend/src/App.tsx", import.meta.url),
-      "utf8",
-    );
+    const app = readAppCompositionSource();
 
     expect(app).toContain("operationsDetailLoadedRef.current = false;");
     expect(app).toContain("costsLoadedRef.current = false;");
-    expect(app).toContain("setOperationsPeriod({ preset, range });");
+    expect(app).toContain("setOperationsPeriod(nextPeriod);");
   });
 
   it("treats completed as a Run status in the Runs view, not a work stage", () => {

package/templates/.agents/dashboard/modules/operations/src/react/operations-overview.status-cards.test.ts

@@ -1,7 +1,9 @@
 import { readFileSync } from "node:fs";
 import { describe, expect, it } from "vitest";
 
-const source = readFileSync(new URL("./OperationsOverview.tsx", import.meta.url), "utf8");
+const source = ["OperationsOverview.tsx", "OperationsOverviewCharts.tsx"]
+  .map((file) => readFileSync(new URL(file, import.meta.url), "utf8"))
+  .join("\n");
 const dialogSource = readFileSync(
   new URL("./OperationsFilteredStatusDialog.tsx", import.meta.url),
   "utf8",

package/templates/.agents/dashboard/modules/operations/src/react/operations-page-contract.ts

@@ -84,6 +84,8 @@ export interface OperationsPageProps {
   capabilityNavigation: ReactNode;
   data: OperationsProjection;
   dashboardTitle?: string;
+  /** Timestamp of the immutable projection supplied by the composition root. */
+  lastUpdatedAt?: string | null;
   loading: boolean;
   onLoadingChange?: (loading: boolean) => void;
   currency: "BRL" | "USD";

package/templates/.agents/dashboard/modules/operations/src/react/overview-metric-format.ts

@@ -0,0 +1,32 @@
+import { formatDurationMs } from "@zaip-ai/dashboard-ui";
+import type { OperationsLocale } from "./status-labels.js";
+export function formatRoundedCurrency(
+  value: number,
+  currency: "BRL" | "USD",
+  locale: OperationsLocale,
+): string {
+  return new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency,
+    maximumFractionDigits: 0,
+  }).format(value);
+}
+
+function formatEntityDuration(value: number | null, locale: OperationsLocale): string {
+  if (value !== null) return formatDurationMs(value, locale);
+  return locale === "pt-BR" ? "Indisponível" : "Unavailable";
+}
+
+/**
+ * Keeps missing source facts as null while making a genuinely empty selected
+ * population readable as the factual numeric zero in the overview.
+ */
+export function formatSummaryMetricValue(
+  value: number | null,
+  populationCount: number | null,
+  formatKnownValue: (knownValue: number) => string,
+  locale: OperationsLocale,
+): string {
+  if (value !== null) return formatKnownValue(value);
+  return populationCount === 0 ? "0" : formatEntityDuration(null, locale);
+}

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

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/dashboard-traceability",
-  "version": "2.2.0",
+  "version": "2.6.0",
   "private": true,
   "type": "module",
   "exports": {

package/templates/.agents/dashboard/packages/branding/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/dashboard-branding",
-  "version": "2.2.0",
+  "version": "2.6.0",
   "private": true,
   "type": "module",
   "exports": {

package/templates/.agents/dashboard/packages/branding/src/index.ts

@@ -1,7 +1,7 @@
 export const dashboardBrand = {
   productName: "ZAIP-AIOS",
   dashboardName: "ZAIP Dashboard",
-  version: "2.2.0",
+  version: "2.6.0",
   colors: {
     background: "#080d16",
     surface: "#101827",

package/templates/.agents/dashboard/packages/contracts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/dashboard-contracts",
-  "version": "2.2.0",
+  "version": "2.6.0",
   "private": true,
   "type": "module",
   "exports": {

package/templates/.agents/dashboard/packages/data-export/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/dashboard-data-export",
-  "version": "2.2.0",
+  "version": "2.6.0",
   "private": true,
   "type": "module",
   "exports": {