@zaip-ai/cli 1.0.8 → 1.3.0

package/templates/.agents/dashboard/apps/frontend/src/App.tsx

@@ -34,6 +34,7 @@ import type {
   OperationsPageFilters,
   PricingCatalog,
   ReconciliationResult,
+  SqliteViewName,
   WorkBoardStage,
 } from "./dashboard-api.js";
 import { DashboardApiClient } from "./dashboard-api.js";
@@ -52,19 +53,40 @@ import "./loading-feedback.css";
 import "./period-transition-overlay.css";
 
 type BoardStageState = { loading: boolean; error: string | null };
+type OperationsExportView =
+  | "work-kanban"
+  | "work-list"
+  | "changes"
+  | "decisions"
+  | "executions"
+  | "runs"
+  | "conversations"
+  | "daily"
+  | "monthly"
+  | "yearly";
 type OverviewStatusKind = "task" | "spec" | "prd";
 type OverviewClassification = "lite" | "standard" | "critical" | "empty" | "structured" | "rework";
 type OverviewStatusPage = {
-  items: OperationsProjection["tasks"] | OperationsProjection["specs"] | OperationsProjection["prds"];
+  items:
+    | OperationsProjection["tasks"]
+    | OperationsProjection["specs"]
+    | OperationsProjection["prds"];
   total: number;
   loading: boolean;
   error: string | null;
 };
-type OverviewStatusPages = Partial<Record<`${WorkBoardStage}:${OverviewStatusKind}`, OverviewStatusPage>>;
-const overviewStatusPageKey = (stage: WorkBoardStage, kind: OverviewStatusKind) => `${stage}:${kind}` as const;
-type OverviewClassificationPages = Partial<Record<`${OverviewStatusKind}:${OverviewClassification}`, OverviewStatusPage>>;
-const overviewClassificationPageKey = (kind: OverviewStatusKind, classification: OverviewClassification) =>
-  `${kind}:${classification}` as const;
+type OverviewStatusPages = Partial<
+  Record<`${WorkBoardStage}:${OverviewStatusKind}`, OverviewStatusPage>
+>;
+const overviewStatusPageKey = (stage: WorkBoardStage, kind: OverviewStatusKind) =>
+  `${stage}:${kind}` as const;
+type OverviewClassificationPages = Partial<
+  Record<`${OverviewStatusKind}:${OverviewClassification}`, OverviewStatusPage>
+>;
+const overviewClassificationPageKey = (
+  kind: OverviewStatusKind,
+  classification: OverviewClassification,
+) => `${kind}:${classification}` as const;
 const initialWorkBoardStages: readonly WorkBoardStage[] = [
   "definition",
   "planning",
@@ -93,9 +115,75 @@ function dailyCostSeed(
   currency: "BRL" | "USD",
   filters: CostMonitorProjection["filters"],
 ): CostMonitorProjection {
-  const metric = { events: 0, tokens: { input: null, cached_input: null, output: null, reasoning: null, total: null }, cost: { usd: null, brl: null }, coverage: { events: 0, tokens: 0, usd: 0, brl: 0 } };
-  const usage = { conversation: metric, planning: metric, execution: metric, total: metric, new_work: metric, rework: metric };
-  return { schema_version: 2, layout_version: 2, readonly: true, source: ".agents/records", aggregate_only: true, data_source: "run_records", legacy_effort_baseline: null, currency, pricing: { catalog_updated_at: null, fx_rate: null, conversion_applied: false }, filters, overview: { task_count: 0, run_count: 0, event_count: 0, total_tokens: null, estimated_usd: null, estimated_brl: null, recorded_usd: null, recorded_brl: null, average_run_cost_usd: null, average_run_cost_brl: null, average_run_duration_ms: null, known_tokens_per_cycle: null, top_10_token_share: null, coverage: { events: 0, tokens: 0, usd: 0, brl: 0 } }, filters_available: { providers: [], agents: [], models: [], statuses: [], priorities: [], risks: [], phases: [], origins: [], work_types: [] }, configured_agents: [], usage, origins: { conversation: usage, task: usage, spec: usage, prd: usage }, prds: [], specs: [], runs: [], groups: { conversations: [], tasks: [], providers: [], agents: [], models: [], daily: [], monthly: [], annual: [] } };
+  const metric = {
+    events: 0,
+    tokens: { input: null, cached_input: null, output: null, reasoning: null, total: null },
+    cost: { usd: null, brl: null },
+    coverage: { events: 0, tokens: 0, usd: 0, brl: 0 },
+  };
+  const usage = {
+    conversation: metric,
+    planning: metric,
+    execution: metric,
+    total: metric,
+    new_work: metric,
+    rework: metric,
+  };
+  return {
+    schema_version: 2,
+    layout_version: 2,
+    readonly: true,
+    source: ".agents/records",
+    aggregate_only: true,
+    data_source: "run_records",
+    legacy_effort_baseline: null,
+    currency,
+    pricing: { catalog_updated_at: null, fx_rate: null, conversion_applied: false },
+    filters,
+    overview: {
+      task_count: 0,
+      run_count: 0,
+      event_count: 0,
+      total_tokens: null,
+      estimated_usd: null,
+      estimated_brl: null,
+      recorded_usd: null,
+      recorded_brl: null,
+      average_run_cost_usd: null,
+      average_run_cost_brl: null,
+      average_run_duration_ms: null,
+      known_tokens_per_cycle: null,
+      top_10_token_share: null,
+      coverage: { events: 0, tokens: 0, usd: 0, brl: 0 },
+    },
+    filters_available: {
+      providers: [],
+      agents: [],
+      models: [],
+      statuses: [],
+      priorities: [],
+      risks: [],
+      phases: [],
+      origins: [],
+      work_types: [],
+    },
+    configured_agents: [],
+    usage,
+    origins: { conversation: usage, task: usage, spec: usage, prd: usage },
+    prds: [],
+    specs: [],
+    runs: [],
+    groups: {
+      conversations: [],
+      tasks: [],
+      providers: [],
+      agents: [],
+      models: [],
+      daily: [],
+      monthly: [],
+      annual: [],
+    },
+  };
 }
 
 export {
@@ -115,7 +203,8 @@ export function App() {
   const [snapshotNoticeDelayElapsed, setSnapshotNoticeDelayElapsed] = useState(false);
   const token = useMemo(readDashboardSessionToken, []);
   const api = useMemo(() => new DashboardApiClient(token), [token]);
-  const { loadCostDetail, loadCostReadModelPage, loadCostRunPage, loadCostGroupPage } = useAppCostLoaders(api);
+  const { loadCostDetail, loadCostReadModelPage, loadCostRunPage, loadCostGroupPage } =
+    useAppCostLoaders(api);
   const [dashboardView, setDashboardView] = useState<DashboardView | null>(() =>
     initialDashboardView(window.location.pathname),
   );
@@ -141,7 +230,8 @@ export function App() {
     {},
   );
   const [overviewStatusPages, setOverviewStatusPages] = useState<OverviewStatusPages>({});
-  const [overviewClassificationPages, setOverviewClassificationPages] = useState<OverviewClassificationPages>({});
+  const [overviewClassificationPages, setOverviewClassificationPages] =
+    useState<OverviewClassificationPages>({});
   const [costs, setCosts] = useState<CostMonitorProjection | null>(null);
   const [displayedCosts, setDisplayedCosts] = useState<CostMonitorProjection | null>(null);
   const [costLocale, setCostLocale] = useState<CostLocale>(savedLocale);
@@ -171,7 +261,10 @@ export function App() {
     "choose" | "refreshing" | "reconciling" | null
   >(null);
   useEffect(() => {
-    void api.ready().then((ready) => setSnapshotUpdating(ready.snapshot_state === "updating")).catch(() => {});
+    void api
+      .ready()
+      .then((ready) => setSnapshotUpdating(ready.snapshot_state === "updating"))
+      .catch(() => {});
   }, [api]);
   const [error, setError] = useState<string | null>(null);
   const [reconciliationResult, setReconciliationResult] = useState<ReconciliationResult | null>(
@@ -238,7 +331,7 @@ export function App() {
   // forcing a second full aggregate calculation.
   const initialAggregateFreshRef = useRef(false);
   const refresh = useCallback(
-    async (visible = true, reconcileOpenWork = false) => {
+    async (visible = true, reconcileOpenWork = false, refreshProjection = false) => {
       operationsDetailCancelRef.current?.();
       operationsDetailCancelRef.current = null;
       operationsDetailAbortRef.current?.abort();
@@ -271,10 +364,20 @@ export function App() {
       setError(null);
       setFailedArea(null);
       try {
-        if (reconcileOpenWork) {
-          const snapshot = await api.reconcileOpenWork(currency, period);
+        if (reconcileOpenWork || refreshProjection) {
+          let snapshot: Awaited<ReturnType<typeof api.refreshProjection>>;
+          let reconciliation:
+            | Awaited<ReturnType<typeof api.reconcileOpenWork>>["reconciliation"]
+            | null = null;
+          if (reconcileOpenWork) {
+            const reconciledSnapshot = await api.reconcileOpenWork(currency, period);
+            reconciliation = reconciledSnapshot.reconciliation;
+            snapshot = reconciledSnapshot;
+          } else {
+            snapshot = await api.refreshProjection(currency, period);
+          }
           if (!isCurrentRequest()) return;
-          setReconciliationResult(snapshot.reconciliation);
+          if (reconciliation !== null) setReconciliationResult(reconciliation);
           setOperations(snapshot.operations);
           quickOverviewMetricsRef.current = snapshot.operations.summary.overview_metrics;
           operationsDetailLoadedRef.current = true;
@@ -297,7 +400,9 @@ export function App() {
               // An English first paint must have the factual USD summary
               // before Operations formats currency. BRL retains the fast
               // Operations-only path until the user opens Cost Monitor.
-              currency === "USD" ? api.costMonitor(currency, period, "summary") : Promise.resolve(null),
+              currency === "USD"
+                ? api.costMonitor(currency, period, "summary")
+                : Promise.resolve(null),
             ]);
             if (!isCurrentRequest()) return;
             initialAggregateFreshRef.current = false;
@@ -497,7 +602,10 @@ export function App() {
       const normalizedFilters = normalizeWorkListFilters(filters, workListFiltersRef.current);
       workListFiltersRef.current = normalizedFilters;
       const requestedKind = selectedWorkListKinds(normalizedFilters.kind);
-      const loadKindStage = async (stage: WorkBoardStage, kind: "prd" | "spec" | "task") => {
+      const loadKindStage = async (
+        stage: WorkBoardStage,
+        kind: "prd" | "spec" | "task" | "standalone-task",
+      ) => {
         return collectWorkListPages(async (offset) => {
           const page = await api.operationsBoard(
             period,
@@ -528,8 +636,9 @@ export function App() {
           period.to !== requestPeriodForOperations(operationsPeriodRef.current).to
         )
           return;
-        const unique = <T extends { id: string }>(rows: readonly T[]) =>
-          [...new Map(rows.map((row) => [row.id, row] as const)).values()];
+        const unique = <T extends { id: string }>(rows: readonly T[]) => [
+          ...new Map(rows.map((row) => [row.id, row] as const)).values(),
+        ];
         setOperations((current) =>
           current === null
             ? current
@@ -621,7 +730,8 @@ export function App() {
           requestVersion !== boardRequestVersionRef.current ||
           period.from !== requestPeriodForOperations(operationsPeriodRef.current).from ||
           period.to !== requestPeriodForOperations(operationsPeriodRef.current).to
-        ) return;
+        )
+          return;
         const items = kind === "task" ? page.tasks : kind === "spec" ? page.specs : page.prds;
         setOverviewClassificationPages((previous) => ({
           ...previous,
@@ -637,8 +747,10 @@ export function App() {
         setOverviewClassificationPages((previous) => ({
           ...previous,
           [key]: {
-            items: previous[key]?.items ?? [], total: previous[key]?.total ?? 0,
-            loading: false, error: cause instanceof Error ? cause.message : String(cause),
+            items: previous[key]?.items ?? [],
+            total: previous[key]?.total ?? 0,
+            loading: false,
+            error: cause instanceof Error ? cause.message : String(cause),
           },
         }));
       } finally {
@@ -683,6 +795,55 @@ export function App() {
     },
     [api, operationsPeriod],
   );
+  const detailExportSource = useCallback(
+    (
+      view: OperationsExportView,
+      filters: { query: string; status: string; risk: string; origin: string },
+    ) => {
+      const period = requestPeriodForOperations(operationsPeriod);
+      if (view === "work-kanban") return undefined;
+      const sqliteView = {
+        "work-list": "operations_work_list",
+        changes: "operations_changes",
+        decisions: "operations_decisions",
+        executions: "operations_executions",
+        runs: "operations_agent_invocations",
+        conversations: "operations_conversations",
+        daily: "operations_daily",
+        monthly: "operations_monthly",
+        yearly: "operations_annual",
+      } as const satisfies Partial<Record<OperationsExportView, SqliteViewName>>;
+      const source = sqliteView[view];
+      if (source === undefined) return undefined;
+      const options = (offset: number) => ({
+        offset,
+        limit: 100,
+        ...(filters.query ? { query: filters.query } : {}),
+        ...(filters.status ? { status: filters.status } : {}),
+        ...(filters.risk ? { risk: filters.risk } : {}),
+        ...(filters.origin ? { origin: filters.origin } : {}),
+      });
+      return {
+        prepare: async () => {
+          const firstPage = await api.sqliteViewPage(source, period, options(0));
+          return {
+            totalRows: firstPage.total_count,
+            pages: async function* () {
+              let page = firstPage;
+              while (true) {
+                if (page.rows.length === 0) return;
+                yield page.rows;
+                const nextOffset = page.offset + page.rows.length;
+                if (nextOffset >= page.total_count) return;
+                page = await api.sqliteViewPage(source, period, options(nextOffset));
+              }
+            },
+          };
+        },
+      };
+    },
+    [api, operationsPeriod],
+  );
   useEffect(() => {
     if (dashboardView !== "operations" || operations === null) return;
     let cancelled = false;
@@ -712,7 +873,7 @@ export function App() {
   const refreshFromDialog = async (reconcileOpenWork: boolean) => {
     if (reconcileOpenWork) setReconciliationResult(null);
     setRefreshDialog(reconcileOpenWork ? "reconciling" : "refreshing");
-    await refresh(false, reconcileOpenWork);
+    await refresh(false, reconcileOpenWork, !reconcileOpenWork);
     setRefreshDialog(null);
   };
   useAppEffects({
@@ -824,9 +985,9 @@ export function App() {
     () =>
       new Map(
         (displayedCosts ?? costs)?.runs.map(
-          (run) => [run.run_id, currency === "USD" ? run.estimated_usd : run.estimated_brl] as const,
-        ) ??
-          [],
+          (run) =>
+            [run.run_id, currency === "USD" ? run.estimated_usd : run.estimated_brl] as const,
+        ) ?? [],
       ),
     [costs, currency, displayedCosts],
   );
@@ -884,7 +1045,10 @@ export function App() {
       setSnapshotNoticeDelayElapsed(false);
       return undefined;
     }
-    const timeout = window.setTimeout(() => setSnapshotNoticeDelayElapsed(true), snapshotNoticeDelayMs);
+    const timeout = window.setTimeout(
+      () => setSnapshotNoticeDelayElapsed(true),
+      snapshotNoticeDelayMs,
+    );
     return () => window.clearTimeout(timeout);
   }, [initialDataPending, snapshotNoticeDismissed, snapshotUpdating]);
   const snapshotNoticeVisible = shouldShowSnapshotNotice({
@@ -895,9 +1059,16 @@ export function App() {
   });
   const snapshotNotice = snapshotNoticeVisible ? (
     <div aria-live="polite" className="app-notice app-snapshot-status" role="status">
-      <span>Exibindo o último snapshot local validado. Os dados canônicos estão sendo atualizados em segundo plano e estarão atuais na próxima abertura.</span>
+      <span>
+        Exibindo o último snapshot local validado. Os dados canônicos estão sendo atualizados em
+        segundo plano e estarão atuais na próxima abertura.
+      </span>
       <button
-        aria-label={costLocale === "pt-BR" ? "Fechar aviso de atualização do snapshot" : "Dismiss snapshot update notice"}
+        aria-label={
+          costLocale === "pt-BR"
+            ? "Fechar aviso de atualização do snapshot"
+            : "Dismiss snapshot update notice"
+        }
         onClick={() => setSnapshotNoticeDismissed(true)}
         type="button"
       >
@@ -971,6 +1142,7 @@ export function App() {
           boardTotals={boardTotals}
           boardKindTotals={boardKindTotals}
           boardExportSource={boardExportSource}
+          detailExportSource={detailExportSource}
           boardStates={boardStates}
           data={renderedOperations}
           datePreset={operationsPeriod.preset}
@@ -995,8 +1167,8 @@ export function App() {
                 : view === "executions"
                   ? "executions"
                   : view === "runs"
-                      ? "runs"
-                      : null;
+                    ? "runs"
+                    : null;
             if (kind !== null) void loadOperationsEntityPage(kind);
             else if (view === "changes" || view === "decisions")
               void loadOperationsLifecyclePage(view);

package/templates/.agents/dashboard/apps/frontend/src/DashboardAlternateContent.tsx

@@ -112,17 +112,17 @@ export function renderDashboardAlternateContent({
   if (dashboardView === "traceability") {
     return () => (
       <Suspense fallback={<LoadingPanel area="operations" locale={costLocale} />}>
-      <TraceabilityWorkspace
-        loadingTaskId={traceLoadingTaskId}
-        locale={costLocale}
-        onOpenChange={onOpenTraceChange}
-        onOpenPrd={(prdId) => onOpenTraceMacro("PRD", prdId)}
-        onOpenSpec={(specId) => onOpenTraceMacro("SPEC", specId)}
-        onSelectTask={onSelectTraceTask}
-        selectedTaskId={selectedTraceTaskId}
-        tasks={traceTasks.length > 0 ? traceTasks : operations.tasks}
-        trace={trace}
-      />
+        <TraceabilityWorkspace
+          loadingTaskId={traceLoadingTaskId}
+          locale={costLocale}
+          onOpenChange={onOpenTraceChange}
+          onOpenPrd={(prdId) => onOpenTraceMacro("PRD", prdId)}
+          onOpenSpec={(specId) => onOpenTraceMacro("SPEC", specId)}
+          onSelectTask={onSelectTraceTask}
+          selectedTaskId={selectedTraceTaskId}
+          tasks={traceTasks.length > 0 ? traceTasks : operations.tasks}
+          trace={trace}
+        />
       </Suspense>
     );
   }

package/templates/.agents/dashboard/apps/frontend/src/ProjectSettingsPage.tsx

@@ -4,16 +4,16 @@ import type {
   ProjectConfigSettings,
   ProjectOverview,
 } from "./dashboard-api.js";
+import { StackComponentEditor, StackVersions } from "./ProjectStackEditor.js";
 import {
   buildProjectSettingsPayload,
   defaultAutonomousExecution,
   lineList,
   projectSettingsDraft,
-  shortFrameworkVersion,
   type StackComponentsDraft,
+  shortFrameworkVersion,
   withDetectedStackVersions,
 } from "./project-settings-model.js";
-import { StackComponentEditor, StackVersions } from "./ProjectStackEditor.js";
 import "./project-settings-page.css";
 
 type Locale = "pt-BR" | "en-US";
@@ -22,7 +22,7 @@ const copy = {
     eyebrow: "Configurações",
     title: "Configuração do projeto",
     intro: "Edite o arquivo central do projeto com validação do schema antes da gravação.",
-    loading: "Carregando configurações do projeto…",
+    loading: "Carregando…",
     back: "Voltar ao dashboard",
     save: "Salvar configurações",
     saving: "Validando e salvando…",
@@ -190,10 +190,15 @@ export function ProjectSettingsPage({
   }
 
   if (config === null) {
+    const isLoading = error === null;
     return (
-      <main className="project-settings-state">
-        <div className="project-settings-state-card">
-          <span aria-hidden="true" className="project-settings-loader" />
+      <main aria-busy={isLoading} className="project-settings-state">
+        <div
+          aria-live={isLoading ? "polite" : "assertive"}
+          className="project-settings-state-card"
+          role={isLoading ? "status" : "alert"}
+        >
+          {isLoading ? <span aria-hidden="true" className="project-settings-loader" /> : null}
           <p>{text.eyebrow}</p>
           <h1>{error ?? text.loading}</h1>
           <button onClick={onClose} type="button">
@@ -229,7 +234,9 @@ export function ProjectSettingsPage({
           <div>
             <h2>
               {text.framework}
-              {shortFrameworkVersion(overview?.framework_version) ? ` - ${shortFrameworkVersion(overview?.framework_version)}` : ""}
+              {shortFrameworkVersion(overview?.framework_version)
+                ? ` - ${shortFrameworkVersion(overview?.framework_version)}`
+                : ""}
             </h2>
             <p>{text.frameworkHint}</p>
           </div>

package/templates/.agents/dashboard/apps/frontend/src/ProjectStackEditor.tsx

@@ -131,8 +131,10 @@ export function StackVersions({
       <div>
         {components.map((component) => (
           <article key={component.name}>
-            <strong>{component.name}</strong>
-            <code>{component.version ?? text.versionUnavailable}</code>
+            <div className="project-stack-version-identity">
+              <strong>{component.name}</strong>
+              <code>{component.version ?? text.versionUnavailable}</code>
+            </div>
             <span className={`is-${component.verification}`}>
               {component.verification === "exact"
                 ? text.exact

package/templates/.agents/dashboard/apps/frontend/src/TraceabilityWorkspace.test.ts

@@ -9,7 +9,9 @@ describe("TraceabilityWorkspace task search", () => {
   ] as never[];
 
   it("filters tasks by either title or ID", () => {
-    expect(filterTraceabilityTasks(tasks, "lançamento").map((task) => task.id)).toEqual(["TASK-ALPHA"]);
+    expect(filterTraceabilityTasks(tasks, "lançamento").map((task) => task.id)).toEqual([
+      "TASK-ALPHA",
+    ]);
     expect(filterTraceabilityTasks(tasks, "beta").map((task) => task.id)).toEqual(["TASK-BETA"]);
     expect(filterTraceabilityTasks(tasks, "missing")).toEqual([]);
   });

package/templates/.agents/dashboard/apps/frontend/src/TraceabilityWorkspace.tsx

@@ -1,7 +1,7 @@
-import { useEffect, useMemo, useState } from "react";
 import type { OperationsProjection } from "@zaip-ai/dashboard-operations/contracts";
 import type { TaskTrace } from "@zaip-ai/dashboard-traceability/contracts";
 import { TaskTracePanel } from "@zaip-ai/dashboard-traceability/react";
+import { useEffect, useMemo, useState } from "react";
 import "./traceability-workspace.css";
 
 type TraceabilityTask = OperationsProjection["tasks"][number];
@@ -62,11 +62,8 @@ export function TraceabilityWorkspace({
 
   useEffect(() => {
     setQuery(selectedTask?.title ?? selectedTaskId);
-  }, [selectedTask?.title, selectedTaskId]);
-
-  useEffect(() => {
     setActiveIndex(0);
-  }, [query]);
+  }, [selectedTask?.title, selectedTaskId]);
 
   const selectTask = (task: TraceabilityTask) => {
     setQuery(task.title);
@@ -109,6 +106,7 @@ export function TraceabilityWorkspace({
             id={searchInputId}
             onChange={(event) => {
               setQuery(event.target.value);
+              setActiveIndex(0);
               setIsListOpen(true);
             }}
             onFocus={() => setIsListOpen(true)}
@@ -118,10 +116,15 @@ export function TraceabilityWorkspace({
             value={query}
           />
           {isListOpen ? (
-            <ul aria-label={searchLabel} className="traceability-task-results" id={resultsId} role="listbox">
+            <div
+              aria-label={searchLabel}
+              className="traceability-task-results"
+              id={resultsId}
+              role="listbox"
+            >
               {filteredTasks.length > 0 ? (
                 filteredTasks.map((task, index) => (
-                  <li key={task.id} role="presentation">
+                  <div key={task.id} role="presentation">
                     <button
                       aria-selected={task.id === selectedTaskId}
                       className={index === activeIndex ? "is-active" : undefined}
@@ -133,14 +136,14 @@ export function TraceabilityWorkspace({
                       <strong>{task.title}</strong>
                       <small>{task.id}</small>
                     </button>
-                  </li>
+                  </div>
                 ))
               ) : (
-                <li className="traceability-task-no-results" role="status">
+                <div className="traceability-task-no-results" role="status">
                   {locale === "pt-BR" ? "Nenhuma task encontrada." : "No tasks found."}
-                </li>
+                </div>
               )}
-            </ul>
+            </div>
           ) : null}
         </div>
         <small>

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

@@ -22,12 +22,17 @@ describe("Cost period refresh", () => {
       app.indexOf("const refresh = useCallback"),
       app.indexOf("const loadOperationsDetails"),
     );
+    const compactRefresh = refresh.replace(/\s+/g, " ");
 
     expect(refresh).not.toContain("dailyCostSeed(currency, period)");
     expect(refresh).toContain("initialAggregateFreshRef.current");
     expect(refresh).not.toContain("loadAtomicCostSnapshot(() => api.snapshot(currency, period))");
-    expect(refresh).toContain('api.operations(period, "quick", undefined, initialAggregateFreshRef.current)');
-    expect(refresh).toContain('currency === "USD" ? api.costMonitor(currency, period, "summary") : Promise.resolve(null)');
+    expect(refresh).toContain(
+      'api.operations(period, "quick", undefined, initialAggregateFreshRef.current)',
+    );
+    expect(compactRefresh).toContain(
+      'currency === "USD" ? api.costMonitor(currency, period, "summary") : Promise.resolve(null)',
+    );
     expect(refresh).toContain("setDisplayedCosts(null);");
     expect(refresh).toContain("const activeDashboardView = dashboardViewRef.current");
     expect(refresh).toContain("[api, currency, operationsPeriod]");
@@ -54,14 +59,24 @@ describe("Cost period refresh", () => {
     const loaders = readFileSync(new URL("./use-app-cost-loaders.ts", import.meta.url), "utf8");
     expect(app).toContain("useAppCostLoaders(api)");
     expect(loaders).toContain("const loadCostRunPage = useCallback<LoadCostRunPage>");
-    expect(loaders).toContain('api.sqliteViewPage("cost_monitor_agent_invocations"');
+    expect(loaders).toMatch(/api\.sqliteViewPage\(\s*"cost_monitor_agent_invocations"/);
     expect(loaders).toContain("const loadCostGroupPage = useCallback<LoadCostGroupPage>");
     expect(loaders).toContain("task_count: nullableSqlNumber(row.task_count)");
     expect(loaders).toContain("prd_count: Number(row.prd_count ?? 0)");
     expect(loaders).toContain("spec_count: Number(row.spec_count ?? 0)");
     expect(loaders).toContain("evidence_count: Number(row.evidence_count ?? 0)");
     expect(loaders).toContain("test_count: Number(row.validation_count ?? 0)");
-    for (const dimension of ["provider", "model", "agent", "phase", "status", "origin", "workType", "priority", "risk"])
+    for (const dimension of [
+      "provider",
+      "model",
+      "agent",
+      "phase",
+      "status",
+      "origin",
+      "workType",
+      "priority",
+      "risk",
+    ])
       expect(loaders).toContain(`filters.${dimension}`);
     expect(app).toContain("loadRunPage={loadCostRunPage}");
     expect(app).toContain("loadReadModelPage={loadCostReadModelPage}");

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

@@ -31,8 +31,14 @@ describe("DashboardApiClient reconciliation", () => {
 
   it("posts to the exact canonical reconciliation path without a trailing slash", async () => {
     vi.stubGlobal("window", globalThis);
-    const fetchMock = vi.fn(async () =>
-      new Response(JSON.stringify({ reconciliation: { reconciled_ids: [], blocked: [], not_reconciled: [] } }), { status: 200 }),
+    const fetchMock = vi.fn(
+      async () =>
+        new Response(
+          JSON.stringify({
+            reconciliation: { reconciled_ids: [], blocked: [], not_reconciled: [] },
+          }),
+          { status: 200 },
+        ),
     );
     vi.stubGlobal("fetch", fetchMock);
 
@@ -46,6 +52,22 @@ describe("DashboardApiClient reconciliation", () => {
       expect.objectContaining({ method: "POST", headers: { "x-zaip-session": "session" } }),
     );
   });
+
+  it("refreshes the disposable projection without calling the reconciliation route", async () => {
+    vi.stubGlobal("window", globalThis);
+    const fetchMock = vi.fn(async () => new Response(JSON.stringify({}), { status: 200 }));
+    vi.stubGlobal("fetch", fetchMock);
+
+    await new DashboardApiClient("session").refreshProjection("BRL", {
+      from: "2026-08-12",
+      to: "2026-08-12",
+    });
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      "/api/v2/refresh-projection?currency=BRL&from=2026-08-12&to=2026-08-12",
+      expect.objectContaining({ method: "POST", headers: { "x-zaip-session": "session" } }),
+    );
+  });
 });
 
 describe("DashboardApiClient cost monitor", () => {