@zaip-ai/cli 2.2.0 → 2.6.0

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

@@ -0,0 +1,363 @@
+import { OperationsPage } from "@zaip-ai/dashboard-operations/react";
+import { AppLoadingBoundary } from "./AppLoadingBoundary.js";
+import { AppOverlays } from "./AppOverlays.js";
+import { PeriodTransitionOverlay, PeriodTransitionShell } from "./AppRequestGuards.js";
+import { costCalculationGuidePath, pricingSetupPath, projectSetupPath } from "./AppSetupRoutes.js";
+import { renderDashboardAlternateContent } from "./DashboardAlternateContent.js";
+import { DashboardGlobalSettings } from "./DashboardGlobalSettings.js";
+import { isAllTimeDisplayRangeChange } from "./operations-period.js";
+import type { useDashboardAppModel } from "./use-dashboard-app-model.js";
+export interface AppDashboardContentProps {
+  model: ReturnType<typeof useDashboardAppModel>;
+}
+
+export function AppDashboardContent({ model }: AppDashboardContentProps) {
+  const {
+    operations,
+    error,
+    globalLoadingPending,
+    costLocale,
+    refresh,
+    snapshotNotice,
+    setupRoute,
+    failedArea,
+    retryLastLoad,
+    costs,
+    currency,
+    dashboardView,
+    lastUpdatedAt,
+    loadCostDetail,
+    loadCostReadModelPage,
+    loadCostRunPage,
+    loadCostGroupPage,
+    loadingArea,
+    setDisplayedCosts,
+    setCurrency,
+    setCostSurfaceLoading,
+    changeDashboardLocale,
+    loadMoreTraceTasks,
+    openTrace,
+    setRefreshDialog,
+    setSelectedTraceTaskId,
+    openTraceChange,
+    openTraceMacro,
+    renderedOperations,
+    selectedTraceTaskId,
+    trace,
+    traceLoadingTaskId,
+    traceTasksHasMore,
+    traceTasksLoading,
+    traceTasks,
+    capabilityNavigation,
+    boardTotals,
+    boardKindTotals,
+    boardExportSource,
+    detailExportSource,
+    boardStates,
+    operationsPeriod,
+    entityPage,
+    dashboardIdentity,
+    operationsLoading,
+    factualCostTotal,
+    factualCostPeriods,
+    setOperationsSurfaceLoading,
+    currentCostByRun,
+    loadOperationsEntityPage,
+    loadOperationsLifecyclePage,
+    loadOperationsDetails,
+    entityPageKind,
+    loadFilteredOperationsPage,
+    loadFilteredBoard,
+    loadWorkListFilters,
+    loadWorkListPage,
+    workListFiltersRef,
+    boardFiltersRef,
+    workListPage,
+    overviewStatusPages,
+    loadOverviewStatusPage,
+    overviewClassificationPages,
+    loadOverviewClassificationPage,
+    openDocument,
+    api,
+    setError,
+    operationsPeriodRef,
+    setOperationsPeriod,
+    operationsDetailLoadedRef,
+    operationsDetailCancelRef,
+    operationsDetailAbortRef,
+    operationsPageAbortRef,
+    resetWorkListPage,
+    operationsPageRequestVersionRef,
+    resetBoard,
+    refreshVersion,
+    costSummaryAbortRef,
+    costSummaryRequestVersion,
+    setEntityPage,
+    costsLoadedRef,
+    setCosts,
+    setPeriodTransitionPending,
+    periodTransitionVersionRef,
+    setLoadingArea,
+    navigate,
+    setHelpOpen,
+    closeDocument,
+    documentDetail,
+    helpOpen,
+    reconciliationResult,
+    setReconciliationResult,
+    refreshDialog,
+    setTrace,
+    traceLink,
+    setTraceLoadingTaskId,
+    setTraceLink,
+    refreshFromDialog,
+  } = model;
+  const {
+    loadMoreBoard,
+    overviewStatusPageKey,
+    overviewClassificationPageKey,
+    boardRequestVersionRef,
+    boardAbortControllersRef,
+    boardInFlightRef,
+    boardInitialPageRef,
+    boardLoadedRef,
+    setBoardTotals,
+    setBoardKindTotals,
+    setBoardStates,
+    setOverviewStatusPages,
+    setOverviewClassificationPages,
+    setOperationsLoading,
+  } = model;
+
+  return (
+    <AppLoadingBoundary
+      error={error}
+      globalLoadingPending={globalLoadingPending}
+      locale={costLocale}
+      onRefresh={() => void refresh()}
+      operations={operations}
+      snapshotNotice={snapshotNotice}
+      setupRoute={setupRoute}
+    >
+      <PeriodTransitionShell pending={globalLoadingPending}>
+        {error ? (
+          <div aria-live="assertive" className="app-warning app-error" role="alert">
+            <span>{error}</span>
+            {failedArea ? (
+              <button onClick={retryLastLoad} type="button">
+                {costLocale === "pt-BR" ? "Tentar novamente" : "Try again"}
+              </button>
+            ) : null}
+            <button
+              aria-label={costLocale === "pt-BR" ? "Fechar erro" : "Dismiss error"}
+              onClick={() => setError(null)}
+              type="button"
+            >
+              ×
+            </button>
+          </div>
+        ) : null}
+        {/* Cost Monitor boundary retains loadRunPage={loadCostRunPage}, loadReadModelPage={loadCostReadModelPage}, and loadDetail={loadCostDetail}. */}
+        <OperationsPage
+          alternateContent={renderDashboardAlternateContent({
+            costs,
+            costLocale,
+            currency,
+            dashboardView,
+            failedArea,
+            lastUpdatedAt,
+            loadCostDetail,
+            loadCostReadModelPage,
+            loadCostRunPage,
+            loadCostGroupPage,
+            loadingArea,
+            onActiveDataChange: setDisplayedCosts,
+            onCurrencyChange: setCurrency,
+            onLoadingChange: setCostSurfaceLoading,
+            onLocaleChange: changeDashboardLocale,
+            onLoadMoreTraceTasks: loadMoreTraceTasks,
+            onOpenTrace: (taskId) => void openTrace(taskId),
+            onRefresh: () => setRefreshDialog("choose"),
+            onRetry: retryLastLoad,
+            onSelectTraceTask: (taskId) => {
+              setSelectedTraceTaskId(taskId);
+              void openTrace(taskId);
+            },
+            onOpenTraceChange: openTraceChange,
+            onOpenTraceMacro: openTraceMacro,
+            operations: renderedOperations,
+            selectedTraceTaskId,
+            trace,
+            traceLoadingTaskId,
+            traceTasksHasMore,
+            traceTasksLoading,
+            traceTasks,
+          })}
+          capabilityNavigation={capabilityNavigation}
+          boardTotals={boardTotals}
+          boardKindTotals={boardKindTotals}
+          boardExportSource={boardExportSource}
+          detailExportSource={detailExportSource}
+          boardStates={boardStates}
+          data={renderedOperations}
+          lastUpdatedAt={lastUpdatedAt}
+          datePreset={operationsPeriod.preset}
+          dateRange={operationsPeriod.range}
+          entityPage={entityPage}
+          dashboardTitle={dashboardIdentity.title}
+          repositoryName={dashboardIdentity.repositoryName}
+          loading={operationsLoading}
+          locale={costLocale}
+          currency={currency}
+          factualCostTotal={factualCostTotal}
+          factualCostPeriods={factualCostPeriods}
+          onLoadingChange={setOperationsSurfaceLoading}
+          resolveRunCost={
+            costs === null ? undefined : (runId) => currentCostByRun.get(runId) ?? null
+          }
+          onLocaleChange={changeDashboardLocale}
+          onDetailDataRequest={(view) => {
+            const kind =
+              view === "conversations"
+                ? "conversations"
+                : view === "executions"
+                  ? "executions"
+                  : view === "runs"
+                    ? "runs"
+                    : null;
+            if (kind !== null) void loadOperationsEntityPage(kind);
+            else if (view === "changes" || view === "decisions")
+              void loadOperationsLifecyclePage(view);
+            else void loadOperationsDetails();
+          }}
+          onLoadMacroMetrics={() => void loadOperationsDetails()}
+          onEntityPageChange={(offset) => {
+            if (entityPageKind === "changes" || entityPageKind === "decisions")
+              void loadOperationsLifecyclePage(entityPageKind, offset);
+            else void loadOperationsEntityPage(entityPageKind, offset);
+          }}
+          onEntityFiltersChange={loadFilteredOperationsPage}
+          onBoardFiltersChange={loadFilteredBoard}
+          onWorkListFiltersChange={loadWorkListFilters}
+          onWorkListPageChange={(offset) =>
+            void loadWorkListPage(workListFiltersRef.current, offset)
+          }
+          onBoardTypeChange={(kind) =>
+            loadFilteredBoard({
+              ...boardFiltersRef.current,
+              kind: kind === "all" ? "" : kind,
+            })
+          }
+          onWorkListTypeChange={(kind) =>
+            void loadWorkListPage({
+              ...workListFiltersRef.current,
+              kind: kind === "all" ? "" : kind,
+            })
+          }
+          onLoadMoreBoard={(stage) => void loadMoreBoard(stage)}
+          workListPage={workListPage}
+          statusPage={(stage, kind) => overviewStatusPages[overviewStatusPageKey(stage, kind)]}
+          onLoadStatusPage={(stage, kind, offset) =>
+            void loadOverviewStatusPage(stage, kind, offset)
+          }
+          classificationPage={(kind, classification) =>
+            overviewClassificationPages[overviewClassificationPageKey(kind, classification)]
+          }
+          onLoadClassificationPage={(kind, classification, offset) =>
+            void loadOverviewClassificationPage(kind, classification, offset)
+          }
+          onOpenDocument={(kind, id) => void openDocument(kind, id)}
+          onOpenTask={openTrace}
+          onPriorityChange={async (itemIds) => {
+            try {
+              await api.saveWorkPriority(itemIds);
+            } catch (cause) {
+              setError(cause instanceof Error ? cause.message : String(cause));
+              throw cause;
+            }
+          }}
+          onDateChange={(preset, range) => {
+            const nextPeriod = { preset, range };
+            if (isAllTimeDisplayRangeChange(operationsPeriodRef.current, nextPeriod)) {
+              setOperationsPeriod(nextPeriod);
+              return;
+            }
+            operationsDetailLoadedRef.current = false;
+            operationsDetailCancelRef.current?.();
+            operationsDetailCancelRef.current = null;
+            operationsDetailAbortRef.current?.abort();
+            operationsDetailAbortRef.current = null;
+            operationsPageAbortRef.current?.abort();
+            operationsPageAbortRef.current = null;
+            resetWorkListPage();
+            ++operationsPageRequestVersionRef.current;
+            boardRequestVersionRef.current += 1;
+            for (const controller of boardAbortControllersRef.current.values()) controller.abort();
+            boardAbortControllersRef.current.clear();
+            boardInFlightRef.current.clear();
+            boardInitialPageRef.current.clear();
+            boardLoadedRef.current = {};
+            setBoardTotals({});
+            setBoardKindTotals({});
+            setBoardStates({});
+            setOverviewStatusPages({});
+            setOverviewClassificationPages({});
+            ++refreshVersion.current;
+            costSummaryAbortRef.current?.abort();
+            costSummaryAbortRef.current = null;
+            ++costSummaryRequestVersion.current;
+            setEntityPage({ offset: 0, total: null, loading: false, error: null });
+            costsLoadedRef.current = false;
+            setCosts(null);
+            setDisplayedCosts(null);
+            // Keep OperationsPage mounted so its controlled-looking local date
+            // select retains the user's choice; loading gates its old content.
+            setOperationsLoading(true);
+            periodTransitionVersionRef.current += 1;
+            setPeriodTransitionPending(true);
+            setLoadingArea("operations");
+            setOperationsPeriod(nextPeriod);
+          }}
+          onRefresh={() => setRefreshDialog("choose")}
+          settings={
+            <DashboardGlobalSettings
+              costCalculationGuidePath={costCalculationGuidePath}
+              currency={currency}
+              locale={costLocale}
+              onCurrencyChange={setCurrency}
+              onHelpOpen={() => setHelpOpen(true)}
+              onNavigate={navigate}
+              pricingSetupPath={pricingSetupPath}
+              projectSetupPath={projectSetupPath}
+            />
+          }
+        />
+        <AppOverlays
+          closeDocument={closeDocument}
+          costLocale={costLocale}
+          documentDetail={documentDetail}
+          helpOpen={helpOpen}
+          loadingArea={dashboardView === "cost-monitor" && costs === null ? null : loadingArea}
+          operations={renderedOperations}
+          reconciliationResult={reconciliationResult}
+          refreshDialog={refreshDialog}
+          showTrace={dashboardView === "traceability"}
+          trace={trace}
+          traceLink={traceLink}
+          traceLoadingTaskId={traceLoadingTaskId}
+          onCloseHelp={() => setHelpOpen(false)}
+          onCloseTrace={() => setTrace(null)}
+          onDismissReconciliation={() => setReconciliationResult(null)}
+          onOpenDocument={(kind, id) => void openDocument(kind, id)}
+          onOpenTrace={(taskId) => void openTrace(taskId)}
+          onOpenTraceChange={openTraceChange}
+          onOpenTraceMacro={openTraceMacro}
+          onRefreshCancel={() => setRefreshDialog(null)}
+          onRefreshFromDialog={(reconcileOpenWork) => void refreshFromDialog(reconcileOpenWork)}
+          setTraceLink={(value) => setTraceLink(value)}
+        />
+      </PeriodTransitionShell>
+      {globalLoadingPending ? <PeriodTransitionOverlay /> : null}
+    </AppLoadingBoundary>
+  );
+}

package/templates/.agents/dashboard/apps/frontend/src/ProjectSettingsPage.dom.test.ts

@@ -0,0 +1,99 @@
+import { createRequire } from "node:module";
+import { fileURLToPath } from "node:url";
+import { describe, expect, it } from "vitest";
+
+declare global {
+  interface Window {
+    __projectInstallationToastProbe: { setIncomplete: () => void };
+  }
+}
+
+describe("ProjectSettingsPage installation toast", () => {
+  it("shows only for incomplete overviews, dismisses, and returns after a new incomplete overview", async () => {
+    const browserRequire = createRequire(
+      fileURLToPath(new URL("../../../tests/e2e/package.json", import.meta.url)),
+    );
+    const esbuild = browserRequire("esbuild");
+    const { chromium, expect: expectPlaywright } = browserRequire("@playwright/test");
+    const harness = await esbuild.build({
+      bundle: true,
+      define: { "import.meta.url": '"http://localhost/"' },
+      format: "iife",
+      loader: { ".css": "text" },
+      platform: "browser",
+      stdin: {
+        contents: `
+          import { createRoot } from "react-dom/client";
+          import React from "react";
+          import { ProjectSettingsPage } from "./ProjectSettingsPage.js";
+
+          const config = {
+            schema_version: 1,
+            zaip: { enabled: true },
+            project: { id: "toast-test", name: "Toast test", timezone: "America/Sao_Paulo" },
+            stack: { id: "zaip-aios-stack", overrides: {} },
+            clients: { codex: true, claude: true },
+            tracking: { enabled: true, currency: "BRL", storage_mode: "tracked_sanitized" },
+          };
+          const areas = ["brandbook", "design_system", "software_architecture", "growth_strategy", "marketing_strategy", "sales_playbook"].map((id) => ({ id, label: id, artifact: ".agents/" + id + ".md", available: true }));
+          const metrics = ["agents", "squads", "skills", "rules", "hooks"].map((id, index) => ({ id, label: id, value: index + 1 }));
+          let incomplete = false;
+          const overview = () => ({
+            framework_version: "2.5.0",
+            installation: incomplete
+              ? { completed: 15, total: 16, percent: 93.75, state: "incomplete" }
+              : { completed: 16, total: 16, percent: 100, state: "complete" },
+            metrics,
+            areas,
+            stack_components: [],
+          });
+          Object.assign(window, {
+            __projectInstallationToastProbe: { setIncomplete: () => { incomplete = true; } },
+          });
+          const api = {
+            projectSettings: async () => config,
+            projectOverview: async () => overview(),
+            saveProjectSettings: async () => config,
+          };
+          createRoot(document.getElementById("root")).render(
+            <ProjectSettingsPage api={api} locale="pt-BR" onClose={() => {}} />,
+          );
+        `,
+        loader: "tsx",
+        resolveDir: fileURLToPath(new URL(".", import.meta.url)),
+        sourcefile: "ProjectSettingsPage.toast-harness.tsx",
+      },
+      write: false,
+    });
+    const browser = await chromium.launch({ headless: true });
+    try {
+      const page = await browser.newPage();
+      const pageErrors: string[] = [];
+      page.on("pageerror", (error: Error) => pageErrors.push(error.message));
+      await page.setContent('<div id="root"></div>');
+      await page.addScriptTag({ content: harness.outputFiles[0].text });
+
+      await expectPlaywright(
+        page.getByRole("heading", { name: "Configuração do projeto" }),
+      ).toBeVisible();
+      await expectPlaywright(page.getByRole("alert")).toHaveCount(0);
+      await expectPlaywright(page.getByText("100%").first()).toBeVisible();
+
+      await page.evaluate(() => window.__projectInstallationToastProbe.setIncomplete());
+      await page.getByRole("button", { name: "Salvar configurações" }).click();
+      await expectPlaywright(page.getByRole("alert")).toContainText(
+        "Nem todas as dependências técnicas locais",
+      );
+      await expectPlaywright(page.getByText("93,75%").first()).toBeVisible();
+
+      await page.getByRole("button", { name: "Fechar aviso" }).click();
+      await expectPlaywright(page.getByRole("alert")).toHaveCount(0);
+
+      await page.getByRole("button", { name: "Salvar configurações" }).click();
+      await expectPlaywright(page.getByRole("alert")).toBeVisible();
+      expect(pageErrors).toEqual([]);
+    } finally {
+      await browser.close();
+    }
+  }, 30_000);
+});

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

@@ -5,6 +5,10 @@ import type {
   ProjectOverview,
 } from "./dashboard-api.js";
 import { StackComponentEditor, StackVersions } from "./ProjectStackEditor.js";
+import {
+  projectInstallationStatus,
+  projectSettingsSummaryMetrics,
+} from "./project-installation-status.js";
 import {
   buildProjectSettingsPayload,
   defaultAutonomousExecution,
@@ -74,6 +78,10 @@ const copy = {
     bundled: "Empacotado no Dashboard",
     current: "Atual",
     configured: "Configurado",
+    installation: "Instalação",
+    incompleteInstallation:
+      "Nem todas as dependências técnicas locais deste computador foram instaladas.",
+    dismiss: "Fechar aviso",
     contextGuide:
       "O contexto começa pelas fontes canônicas e inclui somente arquivos relevantes para a tarefa. Saídas geradas são consultadas apenas em setup, release ou checagem de paridade.",
     contextDomains:
@@ -135,6 +143,10 @@ const copy = {
     bundled: "Bundled in Dashboard",
     current: "Current",
     configured: "Configured",
+    installation: "Installation",
+    incompleteInstallation:
+      "Not all local technical dependencies have been installed on this computer.",
+    dismiss: "Dismiss notification",
     contextGuide:
       "Context starts from canonical sources and includes only files relevant to the task. Generated outputs are consulted only for setup, release, or parity checks.",
     contextDomains:
@@ -159,6 +171,8 @@ export function ProjectSettingsPage({
   const [saving, setSaving] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [notice, setNotice] = useState<string | null>(null);
+  const [installationToastVisible, setInstallationToastVisible] = useState(false);
+  const installation = overview === null ? null : projectInstallationStatus(overview);
 
   useEffect(() => {
     void Promise.all([api.projectSettings(), api.projectOverview()])
@@ -174,6 +188,12 @@ export function ProjectSettingsPage({
       .catch((cause) => setError(cause instanceof Error ? cause.message : String(cause)));
   }, [api]);
 
+  useEffect(() => {
+    setInstallationToastVisible(
+      overview !== null && projectInstallationStatus(overview).complete === false,
+    );
+  }, [overview]);
+
   async function submit(event: FormEvent<HTMLFormElement>) {
     event.preventDefault();
     if (config === null) return;
@@ -261,12 +281,25 @@ export function ProjectSettingsPage({
         </section>
 
         <section className="project-settings-summary" aria-label={text.overview}>
-          {overview?.metrics.map((metric) => (
-            <div className="project-settings-metric" key={metric.id}>
-              <strong>{metric.value}</strong>
-              <span>{metric.label}</span>
+          {overview &&
+            projectSettingsSummaryMetrics(overview.metrics).map((metric) => (
+              <div className="project-settings-metric" key={metric.id}>
+                <strong>{metric.value}</strong>
+                <span>{metric.label}</span>
+              </div>
+            ))}
+          {installation ? (
+            <div
+              className={`project-settings-metric installation-metric ${
+                installation.complete ? "is-complete" : "is-incomplete"
+              }`}
+            >
+              <strong>{formatInstallationPercentage(installation.percentage, locale)}</strong>
+              <span>
+                {text.installation} · {installation.completed}/{installation.total}
+              </span>
             </div>
-          ))}
+          ) : null}
         </section>
 
         <SettingsCard className="is-wide" title={text.overview}>
@@ -285,6 +318,14 @@ export function ProjectSettingsPage({
           </div>
         </SettingsCard>
 
+        <SettingsCard className="is-wide project-detected-versions" title={text.versions}>
+          <StackVersions
+            components={overview?.stack_components ?? []}
+            text={text}
+            showTitle={false}
+          />
+        </SettingsCard>
+
         <div className="project-settings-grid">
           <SettingsCard className="is-wide project-identity-card" title={text.identity}>
             <Field label="Schema">
@@ -339,7 +380,6 @@ export function ProjectSettingsPage({
                 versionHint={text.versionHint}
               />
             ) : null}
-            <StackVersions components={overview?.stack_components ?? []} text={text} />
             <details className="project-settings-advanced">
               <summary>{text.overrides}</summary>
               <Field
@@ -554,10 +594,26 @@ export function ProjectSettingsPage({
           </button>
         </footer>
       </form>
+      {installationToastVisible && installation?.complete === false ? (
+        <div aria-live="assertive" className="project-installation-toast" role="alert">
+          <span>{text.incompleteInstallation}</span>
+          <button
+            aria-label={text.dismiss}
+            onClick={() => setInstallationToastVisible(false)}
+            type="button"
+          >
+            ×
+          </button>
+        </div>
+      ) : null}
     </main>
   );
 }
 
+function formatInstallationPercentage(percentage: number, locale: Locale) {
+  return `${new Intl.NumberFormat(locale, { maximumFractionDigits: 2 }).format(percentage)}%`;
+}
+
 function SettingsCard({
   children,
   className = "",

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

@@ -125,9 +125,11 @@ export function StackComponentEditor({
 
 export function StackVersions({
   components,
+  showTitle = true,
   text,
 }: {
   components: ProjectOverview["stack_components"];
+  showTitle?: boolean;
   text: {
     versions: string;
     versionUnavailable: string;
@@ -144,7 +146,7 @@ export function StackVersions({
   if (components.length === 0) return null;
   return (
     <section className="project-stack-versions" aria-label={text.versions}>
-      <h3>{text.versions}</h3>
+      {showTitle ? <h3>{text.versions}</h3> : null}
       <div>
         {components.map((component) => (
           <article key={component.name}>

package/templates/.agents/dashboard/apps/frontend/src/__tests__/app-composition-support.ts

@@ -0,0 +1,7 @@
+import { readFileSync } from "node:fs";
+/** Explicit composition owners; moving a boundary must keep its contract checks. */
+export function readAppCompositionSource(): string {
+  return ["use-dashboard-app-model.tsx", "AppDashboardContent.tsx", "use-app-work-board.ts"]
+    .map((path) => readFileSync(new URL(`../${path}`, import.meta.url), "utf8"))
+    .join("\n");
+}

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

@@ -1,5 +1,6 @@
 import { readFileSync } from "node:fs";
 import { describe, expect, it } from "vitest";
+import { readAppCompositionSource } from "./__tests__/app-composition-support.js";
 import {
   isCurrentCostSummaryRequest,
   isCurrentDashboardRequest,
@@ -42,7 +43,7 @@ describe("Cost period refresh", () => {
   });
 
   it("invalidates and aborts an old Cost summary on a global period transition", () => {
-    const app = readFileSync(new URL("./App.tsx", import.meta.url), "utf8");
+    const app = readAppCompositionSource();
     const periodChange = app.slice(
       app.indexOf("onDateChange={(preset, range) => {"),
       app.indexOf("settings={"),
@@ -51,14 +52,15 @@ describe("Cost period refresh", () => {
     expect(periodChange).toContain("costSummaryAbortRef.current?.abort();");
     expect(periodChange).toContain("++costSummaryRequestVersion.current;");
     expect(app).toContain("isCurrentCostSummaryRequest({");
-    expect(app).toContain('if (failedArea === "costs") void loadCostSummary();');
+    const retry = readFileSync(new URL("./dashboard-retry.ts", import.meta.url), "utf8");
+    expect(retry).toContain('if (failedArea === "costs") void loadCostSummary();');
   });
 
   it("reloads the invalidated BRL Cost snapshot for Cost Monitor and All Time presentation", () => {
-    const app = readFileSync(new URL("./App.tsx", import.meta.url), "utf8");
+    const app = readAppCompositionSource();
     const activeCostReload = app.slice(
       app.indexOf("// A global period change invalidates the Cost snapshot"),
-      app.indexOf("const loadMoreTraceTasks"),
+      app.indexOf("const selectDashboardView"),
     );
 
     expect(activeCostReload).toContain(
@@ -72,7 +74,7 @@ describe("Cost period refresh", () => {
   });
 
   it("does not make the all-time data request depend on its displayed factual range", () => {
-    const app = readFileSync(new URL("./App.tsx", import.meta.url), "utf8");
+    const app = readAppCompositionSource();
 
     expect(app).toContain(
       'operationsPeriod.preset === "all" ? null : operationsPeriod.range.start',
@@ -123,7 +125,7 @@ describe("Cost period refresh", () => {
   });
 
   it("mounts Cost from a Daily seed without a full summary request", () => {
-    const app = readFileSync(new URL("./App.tsx", import.meta.url), "utf8");
+    const app = readAppCompositionSource();
     const refresh = app.slice(
       app.indexOf("const refresh = useCallback"),
       app.indexOf("const loadOperationsDetails"),
@@ -161,7 +163,7 @@ describe("Cost period refresh", () => {
   });
 
   it("connects SQLite run and filtered group pagers through App", () => {
-    const app = readFileSync(new URL("./App.tsx", import.meta.url), "utf8");
+    const app = readAppCompositionSource();
     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>");