@zaip-ai/cli 1.3.4 → 1.3.6

package/templates/.agents/dashboard/apps/frontend/src/operations-period-contract.test.ts

@@ -39,6 +39,20 @@ describe("Operations period request contract", () => {
     expect(requestPeriodForOperations({ preset: "all", range })).toEqual({ from: null, to: null });
   });
 
+  it("keeps an All Time request unbounded when its displayed factual range changes", () => {
+    const initialDisplay = { start: "2026-09-01", end: "2026-09-01" };
+    const factualDisplay = { start: "2026-06-02", end: "2026-09-01" };
+
+    expect(requestPeriodForOperations({ preset: "all", range: initialDisplay })).toEqual({
+      from: null,
+      to: null,
+    });
+    expect(requestPeriodForOperations({ preset: "all", range: factualDisplay })).toEqual({
+      from: null,
+      to: null,
+    });
+  });
+
   it("keeps the latest Today/Yesterday selection when rapid requests resolve out of order", () => {
     const today = { start: "2026-08-08", end: "2026-08-08" };
     const yesterday = { start: "2026-08-07", end: "2026-08-07" };

package/templates/.agents/dashboard/apps/frontend/src/operations-period.test.ts

@@ -1,13 +1,14 @@
 import { describe, expect, it } from "vitest";
-import { defaultOperationsPeriod, requestPeriodForOperations } from "./operations-period.js";
+import {
+  defaultOperationsPeriod,
+  isAllTimeDisplayRangeChange,
+  requestPeriodForOperations,
+} from "./operations-period.js";
 
 describe("dashboard default Operations period", () => {
-  it("opens in This Month with its visible date bounds", () => {
-    expect(defaultOperationsPeriod.preset).toBe("this-month");
-    expect(requestPeriodForOperations(defaultOperationsPeriod)).toEqual({
-      from: defaultOperationsPeriod.range.start,
-      to: defaultOperationsPeriod.range.end,
-    });
+  it("opens in All Time without date bounds", () => {
+    expect(defaultOperationsPeriod.preset).toBe("all");
+    expect(requestPeriodForOperations(defaultOperationsPeriod)).toEqual({ from: null, to: null });
   });
 
   it("keeps an explicit Sao Paulo This Month selection bounded", () => {
@@ -18,4 +19,18 @@ describe("dashboard default Operations period", () => {
       }),
     ).toEqual({ from: "2026-07-01", to: "2026-07-31" });
   });
+
+  it("classifies only an All Time to All Time range synchronization as display-only", () => {
+    const allTime = { preset: "all" as const, range: { start: "2026-08-01", end: "2026-09-01" } };
+
+    expect(
+      isAllTimeDisplayRangeChange(allTime, {
+        preset: "all",
+        range: { start: "2026-06-02", end: "2026-09-01" },
+      }),
+    ).toBe(true);
+    expect(
+      isAllTimeDisplayRangeChange({ preset: "this-month", range: allTime.range }, allTime),
+    ).toBe(false);
+  });
 });

package/templates/.agents/dashboard/apps/frontend/src/operations-period.ts

@@ -9,9 +9,10 @@ export interface OperationsPeriodState {
   range: OperationDateRange;
 }
 
-/** Operations opens on the current Sao Paulo month, like every dashboard tab. */
+/** Operations opens across the full available period for the dashboard overview. */
 export const defaultOperationsPeriod: OperationsPeriodState = {
-  preset: "this-month",
+  preset: "all",
+  // All Time deliberately ignores these display bounds in requests.
   range: dateRangeForPreset("this-month"),
 };
 
@@ -24,3 +25,11 @@ export function requestPeriodForOperations(period: OperationsPeriodState): {
     ? { from: null, to: null }
     : { from: period.range.start, to: period.range.end };
 }
+
+/** Updating All Time's factual display bounds must not invalidate its unbounded request. */
+export function isAllTimeDisplayRangeChange(
+  current: OperationsPeriodState,
+  next: OperationsPeriodState,
+): boolean {
+  return current.preset === "all" && next.preset === "all";
+}

package/templates/.agents/dashboard/apps/frontend/src/snapshot-coherence.test.ts

@@ -92,7 +92,7 @@ describe("atomic Cost snapshot loading", () => {
     expect(app).toContain("useAppEffects({");
     expect(effects).toContain("void refresh();");
     expect(effects).toContain("refresh,");
-    expect(app).toContain("setOperationsPeriod({ preset, range });");
+    expect(app).toContain("setOperationsPeriod(nextPeriod);");
     expect(app).toContain("setCosts(null);");
     expect(app).toContain("setDisplayedCosts(null);");
     expect(app).not.toContain('api.costMonitor(currency, period, "detail")');
@@ -184,10 +184,13 @@ describe("atomic Cost snapshot loading", () => {
     expect(periodChange.indexOf("setCosts(null);")).toBeGreaterThan(-1);
     expect(periodChange.indexOf("setDisplayedCosts(null);")).toBeGreaterThan(-1);
     expect(periodChange.indexOf("setCosts(null);")).toBeLessThan(
-      periodChange.indexOf("setOperationsPeriod({ preset, range });"),
+      periodChange.lastIndexOf("setOperationsPeriod(nextPeriod);"),
     );
     expect(periodChange.indexOf("setDisplayedCosts(null);")).toBeLessThan(
-      periodChange.indexOf("setOperationsPeriod({ preset, range });"),
+      periodChange.lastIndexOf("setOperationsPeriod(nextPeriod);"),
+    );
+    expect(periodChange).toContain(
+      "isAllTimeDisplayRangeChange(operationsPeriodRef.current, nextPeriod)",
     );
     expect(periodChange).toContain("setOperationsLoading(true);");
     expect(periodChange).toContain('setLoadingArea("operations");');
@@ -201,7 +204,7 @@ describe("atomic Cost snapshot loading", () => {
     expect(operationsPage).toContain("datePreset={operationsPeriod.preset}");
     expect(operationsPage).toContain("dateRange={operationsPeriod.range}");
     expect(operationsPage).toContain("onDateChange={(preset, range) => {");
-    expect(operationsPage).toContain("setOperationsPeriod({ preset, range });");
+    expect(operationsPage).toContain("setOperationsPeriod(nextPeriod);");
   });
 
   it("keeps detail hydration stable when the quick Operations projection updates", () => {

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

@@ -0,0 +1,131 @@
+import type { DashboardTaskProjection, MacroProjection } from "../contracts.js";
+import type { OverviewStatusKind, OverviewStatusPage } from "./operations-page-contract.js";
+import { type OperationsLocale, riskLabel } from "./status-labels.js";
+
+export function OperationsFilteredStatusDialog({
+  eyebrow,
+  label,
+  locale,
+  onClose,
+  onOpenTask,
+  onOpenDocument,
+  items,
+  state,
+  kind = "task",
+  onLoadMore,
+  page,
+}: {
+  eyebrow: string;
+  label: string;
+  locale: OperationsLocale;
+  onClose: () => void;
+  onOpenTask: (taskId: string) => void;
+  onOpenDocument: (kind: "prd" | "spec", id: string) => void;
+  items: readonly (DashboardTaskProjection | MacroProjection)[];
+  state?: { loading: boolean; error: string | null } | undefined;
+  kind?: OverviewStatusKind;
+  onLoadMore?: ((offset: number) => void) | undefined;
+  page?: OverviewStatusPage | undefined;
+}) {
+  const total = page?.total ?? items.length;
+  const taskLabel = statusTypeLabel(kind, total, locale);
+  return (
+    <dialog
+      className="operations-status-dialog-backdrop"
+      onMouseDown={(event) => {
+        if (event.currentTarget === event.target) onClose();
+      }}
+      open
+    >
+      <section
+        aria-label={`${label} — ${total} ${taskLabel}`}
+        aria-modal="true"
+        className="operations-status-dialog"
+        role="dialog"
+      >
+        <header>
+          <div>
+            <span>{eyebrow}</span>
+            <h2>{label}</h2>
+            <p>
+              {total} {taskLabel}
+            </p>
+          </div>
+          <button
+            aria-label={locale === "pt-BR" ? "Fechar" : "Close"}
+            onClick={onClose}
+            type="button"
+          >
+            ×
+          </button>
+        </header>
+        <div className="operations-status-task-list">
+          {(page?.loading ?? state?.loading) && items.length === 0 ? (
+            <p aria-busy="true" aria-live="polite" className="operations-empty" role="status">
+              {locale === "pt-BR" ? "Carregando itens\u2026" : "Loading items\u2026"}
+            </p>
+          ) : null}
+          {(page?.error ?? state?.error) ? (
+            <p aria-live="assertive" className="operations-empty" role="alert">
+              {page?.error ?? state?.error}
+            </p>
+          ) : null}
+          {items.map((item) => (
+            <button
+              key={item.id}
+              onClick={() =>
+                "change_id" in item ? onOpenTask(item.id) : onOpenDocument(item.kind, item.id)
+              }
+              type="button"
+            >
+              <span className="operations-status-task-main">
+                <strong>{item.title}</strong>
+                <small>{item.id}</small>
+              </span>
+              <span
+                className={
+                  "change_id" in item
+                    ? `operations-risk is-${item.risk}`
+                    : "operations-work-kind is-macro"
+                }
+              >
+                {"change_id" in item ? riskLabel(item.risk, locale) : item.kind.toUpperCase()}
+              </span>
+              <span className="operations-status-task-action">
+                {locale === "pt-BR" ? "Ver detalhes" : "View details"} →
+              </span>
+            </button>
+          ))}
+          {items.length === 0 && !(page?.loading ?? state?.loading) ? (
+            <p className="operations-empty">
+              {locale === "pt-BR"
+                ? `Nenhum${kind === "task" ? "a" : ""} ${statusTypeLabel(kind, 1, locale)} neste status.`
+                : `No ${statusTypeLabel(kind, 2, locale)} in this status.`}
+            </p>
+          ) : null}
+          {onLoadMore && items.length < (page?.total ?? 0) ? (
+            <button disabled={page?.loading} onClick={() => onLoadMore(items.length)} type="button">
+              {page?.loading
+                ? locale === "pt-BR"
+                  ? "Carregando…"
+                  : "Loading…"
+                : locale === "pt-BR"
+                  ? "Carregar mais"
+                  : "Load more"}
+            </button>
+          ) : null}
+        </div>
+      </section>
+    </dialog>
+  );
+}
+
+function statusTypeLabel(
+  kind: OverviewStatusKind,
+  count: number,
+  locale: OperationsLocale,
+): string {
+  if (kind === "prd") return count === 1 ? "PRD" : "PRDs";
+  if (kind === "spec") return count === 1 ? "SPEC" : "SPECs";
+  return locale === "pt-BR" ? (count === 1 ? "tarefa" : "tarefas") : count === 1 ? "task" : "tasks";
+}

package/templates/.agents/dashboard/modules/operations/src/react/OperationsOverview.helpers.tsx

@@ -537,7 +537,8 @@ export function formatExecutionAverageHint(
   totalDays: number,
   locale: OperationsLocale,
 ): string {
-  if (totalDurationMs <= 0 || totalTasks <= 0 || totalDays <= 0) {
+  if (totalTasks <= 0) return "0";
+  if (totalDurationMs <= 0 || totalDays <= 0) {
     return locale === "pt-BR"
       ? "Médias de execução indisponíveis"
       : "Execution averages unavailable";

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

@@ -12,6 +12,7 @@ import {
   findLatestCreatedAt,
   findLatestTaskCreatedAt,
   formatExecutionAverageHint,
+  formatSummaryMetricValue,
   formatTokenThroughputHint,
   macroClassificationStats,
   macroStatusDistribution,
@@ -278,11 +279,12 @@ describe("execution average summary", () => {
     );
   });
 
-  it("localizes English and preserves unavailable coverage", () => {
+  it("localizes English and shows zero for an empty population", () => {
     expect(formatExecutionAverageHint(3_600_000, 3, 1, "en-US")).toBe(
       "20 min / task (1 h / day) (1 day)",
     );
-    expect(formatExecutionAverageHint(0, 0, 0, "pt-BR")).toBe("Médias de execução indisponíveis");
+    expect(formatExecutionAverageHint(0, 0, 0, "pt-BR")).toBe("0");
+    expect(formatExecutionAverageHint(0, 0, 0, "en-US")).toBe("0");
   });
 });
 
@@ -351,14 +353,20 @@ describe("overviewMetricAverages", () => {
     });
   });
 
-  it("passes unknown totals through as unavailable instead of coercing them to zero", () => {
+  it("keeps unknown totals null internally and renders zero only for an empty population", () => {
     const averages = overviewMetricAverages({ durationMs: null, tokens: null, costBrl: null }, 3);
     expect(averages).toEqual({ durationMs: null, tokens: null, costBrl: null });
     const source = readOverviewSource();
     expect(source).toContain(
       "durationMs: totalDurationMetric, tokens: totalTokensMetric, costBrl: totalCostMetric",
     );
-    expect(source).toContain("formatEntityDuration(averageDuration, locale)");
+    expect(formatSummaryMetricValue(null, 0, (value) => String(value), "pt-BR")).toBe("0");
+    expect(formatSummaryMetricValue(null, 0, (value) => String(value), "en-US")).toBe("0");
+    expect(formatSummaryMetricValue(null, 1, (value) => String(value), "pt-BR")).toBe(
+      "Indisponível",
+    );
+    expect(formatSummaryMetricValue(42, 0, (value) => String(value), "pt-BR")).toBe("42");
+    expect(source).toContain("formatSummaryMetricValue(\n        averageDuration,");
     expect(source).not.toContain("executionMetrics.durationMs ?? 0");
   });
 });

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

@@ -6,12 +6,9 @@ import {
   formatPercent,
 } from "@zaip-ai/dashboard-ui";
 import { type ReactNode, useState } from "react";
-import type {
-  DashboardTaskProjection,
-  MacroProjection,
-  OperationsProjection,
-} from "../contracts.js";
+import type { MacroProjection, OperationsProjection } from "../contracts.js";
 import { allPhaseMetricTotals, executionMetricTotals } from "./execution-metrics.js";
+import { OperationsFilteredStatusDialog as FilteredStatusDialog } from "./OperationsFilteredStatusDialog.js";
 import type { EntityMetric } from "./OperationsOverview.helpers.js";
 import {
   aggregateMacroMetrics,
@@ -98,6 +95,20 @@ function formatEntityDuration(value: number | null, locale: OperationsLocale): s
   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);
+}
 export function OperationsOverview({
   currency,
   data,
@@ -399,18 +410,32 @@ export function OperationsOverview({
         : findLatestCreatedAt(tasks)
       : (selectedMacroAggregate?.latest_created_at ?? findLatestCreatedAt(selectedMacros));
   const metricStats = [
-    [text.averageTime, formatEntityDuration(averageDuration, locale)],
+    [
+      text.averageTime,
+      formatSummaryMetricValue(
+        averageDuration,
+        selectedCount,
+        (value) => formatDurationMs(value, locale),
+        locale,
+      ),
+    ],
     [
       text.averageTokens,
-      averageTokens === null
-        ? formatEntityDuration(null, locale)
-        : formatCompactNumber(averageTokens, locale),
+      formatSummaryMetricValue(
+        averageTokens,
+        selectedCount,
+        (value) => formatCompactNumber(value, locale),
+        locale,
+      ),
     ],
     [
       text.averageCost,
-      averageCost === null
-        ? formatEntityDuration(null, locale)
-        : formatCurrency(averageCost, currency, locale),
+      formatSummaryMetricValue(
+        averageCost,
+        selectedCount,
+        (value) => formatCurrency(value, currency, locale),
+        locale,
+      ),
     ],
   ] as const;
   const aggregateTopTasks: EntityMetric[] = (overviewMetrics?.top_tasks ?? []).map((metric) => ({
@@ -580,14 +605,23 @@ export function OperationsOverview({
                 ? `${text.totalExecutionTime} de ${copy.shortPlural}`
                 : `${copy.shortPlural} ${text.totalExecutionTime.toLowerCase()}`
           }
-          value={formatEntityDuration(totalDurationMetric, locale)}
+          value={formatSummaryMetricValue(
+            totalDurationMetric,
+            metricPopulationCount,
+            (value) => formatDurationMs(value, locale),
+            locale,
+          )}
         />
         <Kpi
           hint={
             tokensPerTask === null || tokensPerHour === null
-              ? locale === "pt-BR"
-                ? "Tokens por tarefa e por hora indisponíveis"
-                : "Tokens per task and hour unavailable"
+              ? metricPopulationCount === 0
+                ? locale === "pt-BR"
+                  ? `0 / ${metricUnit} (0 / hora)`
+                  : `0 / ${metricUnit} (0 / hour)`
+                : locale === "pt-BR"
+                  ? "Tokens por tarefa e por hora indisponíveis"
+                  : "Tokens per task and hour unavailable"
               : locale === "pt-BR"
                 ? `${formatCompactNumber(tokensPerTask, locale)} / ${metricUnit} (${formatCompactNumber(tokensPerHour, locale, 0)} / hora)`
                 : `${formatCompactNumber(tokensPerTask, locale)} / ${metricUnit} (${formatCompactNumber(tokensPerHour, locale, 0)} / hour)`
@@ -601,18 +635,23 @@ export function OperationsOverview({
                 ? `Tokens gastos por ${copy.shortPlural}`
                 : `${copy.shortPlural} tokens spent`
           }
-          value={
-            totalTokensMetric === null
-              ? formatEntityDuration(null, locale)
-              : formatCompactNumber(totalTokensMetric, locale)
-          }
+          value={formatSummaryMetricValue(
+            totalTokensMetric,
+            metricPopulationCount,
+            (value) => formatCompactNumber(value, locale),
+            locale,
+          )}
         />
         <Kpi
           hint={
             hourlyCost === null || costPerTask === null
-              ? locale === "pt-BR"
-                ? "Custo por tarefa e por hora indispon\u00edvel"
-                : "Cost per task and hour unavailable"
+              ? metricPopulationCount === 0
+                ? locale === "pt-BR"
+                  ? `${formatRoundedCurrency(0, currency, locale)} / ${metricUnit} (${formatRoundedCurrency(0, currency, locale)} / hora)`
+                  : `${formatRoundedCurrency(0, currency, locale)} / ${metricUnit} (${formatRoundedCurrency(0, currency, locale)} / hour)`
+                : locale === "pt-BR"
+                  ? "Custo por tarefa e por hora indispon\u00edvel"
+                  : "Cost per task and hour unavailable"
               : locale === "pt-BR"
                 ? `${formatRoundedCurrency(costPerTask, currency, locale)} / ${metricUnit} (${formatRoundedCurrency(hourlyCost, currency, locale)} / hora)`
                 : `${formatRoundedCurrency(costPerTask, currency, locale)} / ${metricUnit} (${formatRoundedCurrency(hourlyCost, currency, locale)} / hour)`
@@ -626,11 +665,12 @@ export function OperationsOverview({
                 ? `Custo de ${copy.shortPlural}`
                 : `${copy.shortPlural} cost`
           }
-          value={
-            totalCostMetric === null
-              ? formatEntityDuration(null, locale)
-              : formatRoundedCurrency(totalCostMetric, currency, locale)
-          }
+          value={formatSummaryMetricValue(
+            totalCostMetric,
+            metricPopulationCount,
+            (value) => formatRoundedCurrency(value, currency, locale),
+            locale,
+          )}
         />
       </div>
 
@@ -872,134 +912,6 @@ export function OperationsOverview({
   );
 }
 
-function FilteredStatusDialog({
-  eyebrow,
-  label,
-  locale,
-  onClose,
-  onOpenTask,
-  onOpenDocument,
-  items,
-  state,
-  kind = "task",
-  onLoadMore,
-  page,
-}: {
-  eyebrow: string;
-  label: string;
-  locale: OperationsLocale;
-  onClose: () => void;
-  onOpenTask: (taskId: string) => void;
-  onOpenDocument: (kind: "prd" | "spec", id: string) => void;
-  items: readonly (DashboardTaskProjection | MacroProjection)[];
-  state?: { loading: boolean; error: string | null } | undefined;
-  kind?: OverviewStatusKind;
-  onLoadMore?: ((offset: number) => void) | undefined;
-  page?: OverviewStatusPage | undefined;
-}) {
-  const total = page?.total ?? items.length;
-  const taskLabel = statusTypeLabel(kind, total, locale);
-  return (
-    <dialog
-      className="operations-status-dialog-backdrop"
-      onMouseDown={(event) => {
-        if (event.currentTarget === event.target) onClose();
-      }}
-      open
-    >
-      <section
-        aria-label={`${label} — ${total} ${taskLabel}`}
-        aria-modal="true"
-        className="operations-status-dialog"
-        role="dialog"
-      >
-        <header>
-          <div>
-            <span>{eyebrow}</span>
-            <h2>{label}</h2>
-            <p>
-              {total} {taskLabel}
-            </p>
-          </div>
-          <button
-            aria-label={locale === "pt-BR" ? "Fechar" : "Close"}
-            onClick={onClose}
-            type="button"
-          >
-            ×
-          </button>
-        </header>
-        <div className="operations-status-task-list">
-          {(page?.loading ?? state?.loading) && items.length === 0 ? (
-            <p aria-busy="true" aria-live="polite" className="operations-empty" role="status">
-              {locale === "pt-BR" ? "Carregando itens\u2026" : "Loading items\u2026"}
-            </p>
-          ) : null}
-          {(page?.error ?? state?.error) ? (
-            <p aria-live="assertive" className="operations-empty" role="alert">
-              {page?.error ?? state?.error}
-            </p>
-          ) : null}
-          {items.map((item) => (
-            <button
-              key={item.id}
-              onClick={() =>
-                "change_id" in item ? onOpenTask(item.id) : onOpenDocument(item.kind, item.id)
-              }
-              type="button"
-            >
-              <span className="operations-status-task-main">
-                <strong>{item.title}</strong>
-                <small>{item.id}</small>
-              </span>
-              <span
-                className={
-                  "change_id" in item
-                    ? `operations-risk is-${item.risk}`
-                    : "operations-work-kind is-macro"
-                }
-              >
-                {"change_id" in item ? riskLabel(item.risk, locale) : item.kind.toUpperCase()}
-              </span>
-              <span className="operations-status-task-action">
-                {locale === "pt-BR" ? "Ver detalhes" : "View details"} →
-              </span>
-            </button>
-          ))}
-          {items.length === 0 && !(page?.loading ?? state?.loading) ? (
-            <p className="operations-empty">
-              {locale === "pt-BR"
-                ? `Nenhum${kind === "task" ? "a" : ""} ${statusTypeLabel(kind, 1, locale)} neste status.`
-                : `No ${statusTypeLabel(kind, 2, locale)} in this status.`}
-            </p>
-          ) : null}
-          {onLoadMore && items.length < (page?.total ?? 0) ? (
-            <button disabled={page?.loading} onClick={() => onLoadMore(items.length)} type="button">
-              {page?.loading
-                ? locale === "pt-BR"
-                  ? "Carregando…"
-                  : "Loading…"
-                : locale === "pt-BR"
-                  ? "Carregar mais"
-                  : "Load more"}
-            </button>
-          ) : null}
-        </div>
-      </section>
-    </dialog>
-  );
-}
-
-function statusTypeLabel(
-  kind: OverviewStatusKind,
-  count: number,
-  locale: OperationsLocale,
-): string {
-  if (kind === "prd") return count === 1 ? "PRD" : "PRDs";
-  if (kind === "spec") return count === 1 ? "SPEC" : "SPECs";
-  return locale === "pt-BR" ? (count === 1 ? "tarefa" : "tarefas") : count === 1 ? "task" : "tasks";
-}
-
 function PanelHeader({ title, hint, action }: { title: string; hint: string; action?: ReactNode }) {
   return (
     <header className="operations-panel-header">

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

@@ -25,6 +25,7 @@ export {
 
 import {
   dateRangeForPreset,
+  factualCostDateRange,
   initialOperationsDateRange,
   isDateInOperationPreset,
   isRunInOperationPreset,
@@ -130,10 +131,13 @@ export function OperationsPage({
   const [filterLoading, setFilterLoading] = useState(false);
   const filterLoadingTimer = useRef<number | null>(null);
   const searchInputRef = useRef<HTMLInputElement>(null);
-  const defaultDateRange = useMemo(
-    () => initialOperationsDateRange(data.tasks, Object.keys(data.summary.periods?.daily ?? {})),
-    [data.summary.periods, data.tasks],
-  );
+  const defaultDateRange = useMemo(() => {
+    const operationsRange = initialOperationsDateRange(
+      data.tasks,
+      Object.keys(data.summary.periods?.daily ?? {}),
+    );
+    return factualCostDateRange(factualCostPeriods?.day, operationsRange);
+  }, [data.summary.periods, data.tasks, factualCostPeriods?.day]);
   const initialDateRange = useMemo(() => dateRangeForPreset("this-month"), []);
   const [localDateRange, setLocalDateRange] = useState(() => initialDateRange);
   const [localDatePreset, setLocalDatePreset] = useState<OperationDatePreset>("all");
@@ -156,6 +160,17 @@ export function OperationsPage({
     },
     [isPeriodControlled, onDateChange, onPeriodChange],
   );
+  // A controlled parent initially owns the range selected before the factual
+  // Cost summary arrives. Once it does, synchronize only All Time's displayed
+  // coverage range; requestPeriodForOperations still omits both bounds.
+  useEffect(() => {
+    if (
+      datePreset !== "all" ||
+      (dateRange.start === defaultDateRange.start && dateRange.end === defaultDateRange.end)
+    )
+      return;
+    updatePeriod("all", defaultDateRange);
+  }, [datePreset, dateRange.end, dateRange.start, defaultDateRange, updatePeriod]);
   useEffect(() => {
     if (!isPeriodControlled && datePreset === "all") setLocalDateRange(defaultDateRange);
   }, [datePreset, defaultDateRange, isPeriodControlled]);