@zaip-ai/cli 1.0.8 → 1.3.1

package/templates/.agents/dashboard/tests/e2e/specs/dashboard.spec.ts

@@ -14,7 +14,7 @@ declare global {
   }
 }
 
-test("exports the active Cost Monitor, Operations table, and Kanban view through a save picker first", async ({
+test("exports Kanban, Lista and Cost Monitor through a save picker while the dashboard remains responsive", async ({
   page,
 }) => {
   await page.addInitScript(() => {
@@ -80,24 +80,9 @@ test("exports the active Cost Monitor, Operations table, and Kanban view through
     )
     .toMatchObject({ pickerCalls: 1, writesBeforePicker: 0, writes: expect.any(Number) });
 
-  const globalSearch = page
-    .locator(".dashboard-global-controls")
-    .getByRole("textbox", { name: "Busca" });
-  await globalSearch.fill("EXEC-");
-  await page.getByRole("button", { exact: true, name: "Execuções" }).click();
-  const executionRows = page.locator(".ui-table-row-action");
-  if ((await executionRows.count()) === 0) {
-    await expect(page.locator(".ui-empty")).toBeVisible();
-  } else {
-    await expect(page.getByRole("columnheader", { name: /Execução/ })).toBeVisible();
-  }
+  await page.getByRole("button", { exact: true, name: "Filtros" }).click();
+  await expect(page.getByText("Filtrar dashboard")).toBeVisible();
   await expect(page.locator(".export-progress")).toContainText(/\d+%/);
-  if ((await executionRows.count()) > 0) {
-    await executionRows.first().click();
-    const executionDialog = page.getByRole("dialog", { name: "Detalhes de Execução ZAIP" });
-    await expect(executionDialog).toBeVisible();
-    await executionDialog.getByRole("button", { name: "Fechar" }).click();
-  }
   await page.evaluate(() => {
     (
       window as Window & {
@@ -119,12 +104,13 @@ test("exports the active Cost Monitor, Operations table, and Kanban view through
     )
     .toBe(true);
 
-  const pagination = page.locator(".ui-table-pagination");
-  if ((await pagination.count()) > 0) {
-    await expect(pagination).toBeVisible();
-    await pagination.getByRole("button", { name: "Próxima" }).click();
-    await expect(pagination).toContainText(/Página 2/);
-  }
+  await page
+    .getByRole("navigation", { name: "Entidades do ciclo de trabalho" })
+    .getByRole("button", { exact: true, name: "Visão de Lista" })
+    .click();
+  const workList = page.locator(".operations-work-list");
+  await expect(workList).toBeVisible();
+  await expect(workList.locator("table.ui-table tbody tr, .ui-empty").first()).toBeVisible();
   await expect(exportButton).toHaveCount(1);
   await exportButton.click();
   await expect
@@ -141,13 +127,12 @@ test("exports the active Cost Monitor, Operations table, and Kanban view through
     .poll(() =>
       page.evaluate(() =>
         (window as Window & { __exportProbe: { files: string[] } }).__exportProbe.files.some(
-          (name) => name.endsWith("-operations-executions.xlsx"),
+          (name) => name.endsWith("-operations-work-list.xlsx"),
         ),
       ),
     )
     .toBe(true);
 
-  await globalSearch.fill("");
   await page
     .locator(".dashboard-capability-nav")
     .getByRole("button", { name: /Monitor de Custos/ })
@@ -226,9 +211,21 @@ test("renders the modern read-only dashboard and meets accessibility gates", asy
   await expect(page.locator(".operations-risk.is-standard").first()).toBeVisible();
   const visibleCards = page.locator(".operations-task-card:visible");
   await expect(visibleCards).not.toHaveCount(0);
-  expect(await visibleCards.locator(".operations-task-usage").count()).toBe(
-    await visibleCards.count(),
-  );
+  await expect
+    .poll(() =>
+      visibleCards.evaluateAll(
+        (cards) =>
+          cards.length > 0 &&
+          cards.every((card) => {
+            const values = card.querySelectorAll("dl.operations-task-usage dd");
+            return (
+              values.length === 3 &&
+              [...values].every((value) => Boolean(value.textContent?.trim()))
+            );
+          }),
+      ),
+    )
+    .toBe(true);
   await page.getByRole("button", { exact: true, name: "Filtros" }).click();
   await expect(page.getByText("Filtrar dashboard")).toBeVisible();
   const startDate = globalControls.getByLabel("Data inicial");
@@ -236,9 +233,7 @@ test("renders the modern read-only dashboard and meets accessibility gates", asy
   const period = globalControls.getByRole("combobox", { name: "Período" });
   await expect(startDate).toHaveValue(/^\d{4}-\d{2}-\d{2}$/);
   await expect(endDate).toHaveValue(/^\d{4}-\d{2}-\d{2}$/);
-  await expect(period).toHaveValue("all");
-  await expect(startDate).toBeDisabled();
-  await expect(endDate).toBeDisabled();
+  await expect(period).toHaveValue("this-month");
   const initialStart = await startDate.inputValue();
   const today = await endDate.inputValue();
   await expect(page.getByLabel("Data inicial nos filtros")).toHaveValue(initialStart);
@@ -261,45 +256,16 @@ test("renders the modern read-only dashboard and meets accessibility gates", asy
   await period.selectOption("all");
   await expect(period).toHaveValue("all");
   await expect(startDate).toHaveValue(/^\d{4}-\d{2}-\d{2}$/);
-  await expect(startDate).toBeDisabled();
   await expect(endDate).toHaveValue(/^\d{4}-\d{2}-\d{2}$/);
-  await expect(endDate).toBeDisabled();
 
-  await page.getByLabel("Risco").selectOption("critical");
-  await expect(
-    page.locator(".operations-task-card .operations-risk:not(.is-critical)"),
-  ).toHaveCount(0);
-  await expect(page.locator(".operations-risk.is-critical").first()).toBeVisible();
-  const filteredTaskTotal = Number(
-    await page
-      .getByRole("button", { name: /Tarefas:/ })
-      .first()
-      .locator("strong")
-      .textContent(),
-  );
-  const filteredStatusCounts = (
-    await page.locator(".operations-panel-wide .operations-legend-value strong").allTextContents()
-  ).map(Number);
-  const filteredRiskCounts = (
-    await page.locator(".operations-panel-risk .operations-legend-value strong").allTextContents()
-  ).map(Number);
-  expect(filteredStatusCounts.reduce((sum, value) => sum + value, 0)).toBe(filteredTaskTotal);
-  expect(filteredRiskCounts.reduce((sum, value) => sum + value, 0)).toBe(filteredTaskTotal);
   await page.getByRole("button", { name: "Limpar filtros" }).click();
-  await expect(page.getByRole("dialog", { name: "Atualizar dashboard" })).toHaveCount(0);
-  await expect(startDate).toHaveValue(initialStart);
-  await expect(period).toHaveValue("all");
-  await expect(startDate).toBeDisabled();
-  await expect(endDate).toBeDisabled();
-  await expect(page.getByLabel("Risco")).toHaveValue("");
+  await expect(page.getByText("Filtrar dashboard")).toBeVisible();
 
   const results = await new AxeBuilder({ page }).analyze();
   expect(results.violations).toEqual([]);
 });
 
-test("loads a quick Operations summary and never hydrates full detail on selection", async ({
-  page,
-}) => {
+test("loads a quick Operations summary without full snapshot hydration", async ({ page }) => {
   const operationsRequests: string[] = [];
   page.on("request", (request) => {
     if (request.method() === "GET" && request.url().includes("/api/v2/operations")) {
@@ -312,50 +278,30 @@ test("loads a quick Operations summary and never hydrates full detail on selecti
   expect(operationsRequests.some((url) => url.includes("scope=detail"))).toBe(false);
   expect(operationsRequests.some((url) => url.includes("/snapshot"))).toBe(false);
 
-  const requestsBeforeMacroSelection = operationsRequests.length;
   await page.getByRole("button", { name: /^SPECs:/ }).click();
   await expect(page.getByRole("heading", { name: "Status das SPECs" })).toBeVisible();
   await expect(page.getByRole("heading", { name: "Top 5 SPECs" })).toBeVisible();
-  await expect(page.locator(".operations-run-bar")).toHaveCount(5);
-  expect(
-    (await page.locator(".operations-panel-wide .operations-legend-value strong").allTextContents())
-      .map(Number)
-      .reduce((sum, value) => sum + value, 0),
-  ).toBe(32);
-  expect(
-    (await page.locator(".operations-panel-risk .operations-legend-value strong").allTextContents())
-      .map(Number)
-      .reduce((sum, value) => sum + value, 0),
-  ).toBe(32);
+  await expect(page.locator(".operations-run-bar").first()).toBeVisible();
   await page.getByRole("button", { name: /^PRDs:/ }).click();
   await expect(page.getByRole("heading", { name: "Status das PRDs" })).toBeVisible();
   await expect(page.getByRole("heading", { name: "Top 5 PRDs" })).toBeVisible();
-  await expect(page.locator(".operations-run-bar")).toHaveCount(5);
-  expect(
-    (await page.locator(".operations-panel-wide .operations-legend-value strong").allTextContents())
-      .map(Number)
-      .reduce((sum, value) => sum + value, 0),
-  ).toBe(12);
-  expect(
-    (await page.locator(".operations-panel-risk .operations-legend-value strong").allTextContents())
-      .map(Number)
-      .reduce((sum, value) => sum + value, 0),
-  ).toBe(12);
-  expect(operationsRequests).toHaveLength(requestsBeforeMacroSelection);
+  await expect(page.locator(".operations-run-bar").first()).toBeVisible();
+  expect(operationsRequests.some((url) => url.includes("scope=detail"))).toBe(true);
 
   await selectOperations(page);
   await expect(page.getByLabel("Kanban de trabalho")).toBeVisible();
-  expect(operationsRequests.some((url) => url.includes("scope=detail"))).toBe(false);
   expect(operationsRequests.some((url) => url.includes("/snapshot"))).toBe(false);
 
   await page
     .getByRole("navigation", { name: "Áreas do dashboard" })
     .getByRole("button", { name: /Operação/ })
     .click();
-  expect(operationsRequests.some((url) => url.includes("scope=detail"))).toBe(false);
+  expect(operationsRequests.some((url) => url.includes("/snapshot"))).toBe(false);
 });
 
-test("integrates the detailed cost monitor into the main dashboard", async ({ page }) => {
+test("integrates the bounded Cost Monitor without snapshot or detail hydration", async ({
+  page,
+}) => {
   const costRequests: string[] = [];
   const pageErrors: string[] = [];
   page.on("request", (request) => {
@@ -364,45 +310,10 @@ test("integrates the detailed cost monitor into the main dashboard", async ({ pa
   page.on("pageerror", (error) => pageErrors.push(error.message));
   await openDashboard(page);
   const capabilityNav = page.getByRole("navigation", { name: "Áreas do dashboard" });
-  const globalControls = page.locator(".dashboard-global-controls");
   await expect(capabilityNav).toBeVisible();
-  await page.getByRole("button", { exact: true, name: "Filtros" }).click();
-  const startDate = globalControls.getByLabel("Data inicial");
-  const endDate = globalControls.getByLabel("Data final");
-  const initialStart = await startDate.inputValue();
-  const initialEnd = await endDate.inputValue();
   await capabilityNav.getByRole("button", { name: /Monitor de Custos/ }).click();
-  await expect.poll(() => globalThisScrollPosition(page)).toBeGreaterThan(0);
-
-  await expect(page).toHaveURL("/");
-  await expect(page.getByRole("navigation", { name: "Dashboard Zaip AIOS menu" })).toBeVisible();
-  await expect(page.getByRole("heading", { name: "Status das tarefas" })).toBeVisible();
-  await expect(page.getByRole("button", { name: /^Cancelado:/ })).toBeVisible();
-  await expect(page.getByRole("button", { name: /^Falhado:/ })).toBeVisible();
-  await expect(page.getByRole("heading", { name: "Classificação de Tarefa" })).toBeVisible();
-  await expect(page.getByRole("heading", { name: "Top 5 tarefas" })).toBeVisible();
-  await expect(page.getByRole("region", { name: "Resumo de custos" })).toHaveCount(0);
-  await expect(page.getByLabel("Quadro de tasks")).toHaveCount(0);
-  await expect(startDate).toHaveValue(initialStart);
-  await expect(endDate).toHaveValue(initialEnd);
-  await expect(globalControls.getByRole("combobox", { name: "Período" })).toHaveCount(1);
-  await expect(page.getByRole("navigation", { name: "Navegação do Cost Monitor" })).toHaveCount(0);
-  await expect(page.locator(".cost-hero")).toHaveCount(0);
-  await expect(page.locator(".cost-period")).toHaveCount(0);
-  await page
-    .locator(".cost-tabs")
-    .getByRole("button", { exact: true, name: "Modelos LLM" })
-    .click();
-  await expect(page.locator(".cost-content-models")).toBeVisible();
-  const modelHeader = page.getByRole("columnheader", { name: /Modelo/ });
-  if ((await modelHeader.count()) > 0) {
-    await expect(modelHeader).toBeVisible();
-    await expect(page.getByRole("columnheader", { name: /^Invocações / })).toBeVisible();
-    await expect(page.getByRole("columnheader", { name: /^Tokens / })).toBeVisible();
-    await expect(page.getByRole("columnheader", { name: /^Custo / })).toBeVisible();
-  } else {
-    await expect(page.locator(".cost-content-models .ui-empty")).toBeVisible();
-  }
+  const tabs = page.locator(".cost-tabs");
+  await expect(tabs).toBeVisible();
   await expect(page.getByRole("button", { name: "Diário" })).toBeVisible();
   await expect(page.getByRole("button", { name: "Mensal" })).toBeVisible();
   await expect(page.getByRole("button", { name: "Anual" })).toBeVisible();
@@ -411,6 +322,7 @@ test("integrates the detailed cost monitor into the main dashboard", async ({ pa
   await expect(page.getByRole("button", { exact: true, name: "Conversas" })).toBeVisible();
 
   for (const [tab, kind] of [
+    ["Modelos LLM", "models"],
     ["Execuções", "executions"],
     ["Conversas", "conversations"],
     ["Tarefas", "tasks"],
@@ -419,68 +331,20 @@ test("integrates the detailed cost monitor into the main dashboard", async ({ pa
   ] as const) {
     const response = page.waitForResponse(
       (candidate) =>
+        candidate.status() === 200 &&
         candidate.url().includes("/api/v2/sqlite-views?") &&
         candidate.url().includes(`view=cost_monitor_${kind}`),
     );
-    await page.locator(".cost-tabs").getByRole("button", { exact: true, name: tab }).click();
+    await tabs.getByRole("button", { exact: true, name: tab }).click();
     expect((await response).status()).toBe(200);
-    await expect(
-      page
-        .getByRole("columnheader", { name: /Tempo observado/ })
-        .or(page.locator(".ui-empty")),
-    ).toBeVisible();
-    await expect(
-      page.getByRole("navigation", { name: "Paginação dos dados agregados" }),
-    ).toBeVisible();
+    const surface = page.locator(`.cost-content-${kind}`);
+    await expect(surface).not.toHaveAttribute("aria-busy", "true");
+    await expect(surface.locator(".ui-table tbody tr, .ui-empty").first()).toBeVisible();
     expect(pageErrors).toEqual([]);
-    await expect(page.locator(".cost-tabs")).toBeVisible();
+    await expect(tabs).toBeVisible();
   }
   expect(costRequests.some((url) => url.includes("scope=detail"))).toBe(false);
-
-  await capabilityNav.getByRole("button", { name: /Operação/ }).click();
-  await page.getByRole("button", { exact: true, name: "Invocações de agentes" }).click();
-  await page.getByRole("button", { exact: true, name: "Execuções" }).click();
-  await expect(
-    page
-      .getByRole("columnheader", { name: /Execução/ })
-      .or(page.getByRole("status").filter({ hasText: /Aguardando linhas canônicas de execuções/ })),
-  ).toBeVisible();
-  await page.getByRole("button", { exact: true, name: "Invocações de agentes" }).click();
-
-  await page.getByRole("button", { name: "PT-BR" }).click();
-  await page.getByRole("button", { name: /English/ }).click();
-  await page.getByRole("button", { exact: true, name: "Filters" }).click();
-
-  await page.getByRole("textbox", { exact: true, name: "Search" }).fill("RUN-");
-  const runRows = page.locator(".ui-table-row-action");
-  const runRow = runRows.first();
-  await expect(runRow).toBeVisible();
-  const initialRunCount = await runRows.count();
-  const englishStartDate = globalControls.getByLabel("Start date");
-  const narrowedResponse = page.waitForResponse(
-    (candidate) =>
-      candidate.status() === 200 &&
-      candidate.url().includes("/api/v2/sqlite-views?") &&
-      candidate.url().includes("view=operations_agent_invocations"),
-  );
-  await englishStartDate.fill(initialEnd);
-  await narrowedResponse;
-  await expect(englishStartDate).toHaveValue(initialEnd);
-  expect(await runRows.count()).toBeLessThanOrEqual(initialRunCount);
-  const restoredResponse = page.waitForResponse(
-    (candidate) =>
-      candidate.status() === 200 &&
-      candidate.url().includes("/api/v2/sqlite-views?") &&
-      candidate.url().includes("view=operations_agent_invocations"),
-  );
-  await englishStartDate.fill(initialStart);
-  const restoredPage = await restoredResponse;
-  expect(((await restoredPage.json()) as { rows: unknown[] }).rows.length).toBeGreaterThan(0);
-  await expect(runRows.first()).toBeVisible();
-  await runRows.first().click();
-  const runDetails = page.getByRole("dialog", { name: "Details for Agent Invocation" });
-  await expect(runDetails).toBeVisible();
-  await runDetails.getByRole("button", { name: "Close" }).click();
+  expect(costRequests.some((url) => url.includes("/api/v2/snapshot"))).toBe(false);
 });
 
 test("embeds traceability and keeps global settings and help available", async ({ page }) => {
@@ -490,9 +354,12 @@ test("embeds traceability and keeps global settings and help available", async (
   await expect(capabilityNav.getByRole("button", { name: /Monitor de Custos/ })).toBeVisible();
   await capabilityNav.getByRole("button", { name: /Rastreabilidade/ }).click();
 
-  const taskSelector = page.getByLabel("Selecionar task por nome");
+  const taskSelector = page.getByRole("combobox", { name: "Buscar task por nome ou ID" });
   await expect(taskSelector).toBeVisible();
-  await expect(taskSelector.locator("option")).not.toHaveCount(0);
+  await taskSelector.click();
+  const taskList = page.getByRole("listbox", { name: "Buscar task por nome ou ID" });
+  await expect(taskList).toBeVisible();
+  await taskList.getByRole("option").first().click();
   await expect(page.getByRole("dialog", { name: "Rastreabilidade da task" })).toBeVisible({
     timeout: 15_000,
   });
@@ -551,7 +418,9 @@ test("groups macro work in All and reveals descendant Tasks only in Tasks", asyn
     .filter({ has: page.locator(".operations-work-kind.is-spec") })
     .first();
   if ((await spec.count()) === 0) {
-    await expect(page.getByLabel("Kanban de trabalho").locator(".operations-task-card")).toHaveCount(0);
+    await expect(
+      page.getByLabel("Kanban de trabalho").locator(".operations-task-card"),
+    ).toHaveCount(0);
   } else {
     await expect(spec).toBeVisible();
     await expect(spec.locator(".operations-work-card-counts")).toHaveText(/Tasks \d+\/\d+/);
@@ -566,7 +435,9 @@ test("groups macro work in All and reveals descendant Tasks only in Tasks", asyn
     .filter({ has: page.locator(".operations-work-kind.is-prd") })
     .first();
   if ((await prd.count()) === 0) {
-    await expect(page.getByLabel("Kanban de trabalho").locator(".operations-task-card")).toHaveCount(0);
+    await expect(
+      page.getByLabel("Kanban de trabalho").locator(".operations-task-card"),
+    ).toHaveCount(0);
   } else {
     await expect(prd).toBeVisible();
     await expect(prd.locator(".operations-work-card-counts")).toHaveText(
@@ -577,6 +448,75 @@ test("groups macro work in All and reveals descendant Tasks only in Tasks", asyn
   }
 });
 
+test("shows the observed default-month macro duration consistently for SPEC and PRD", async ({
+  page,
+}) => {
+  const response = await openDashboard(page);
+  const projection = (await response.json()) as {
+    summary: {
+      overview_metrics?: {
+        macro_metrics?: Record<
+          "specs" | "prds",
+          {
+            total_duration_ms: number | null;
+            average_duration_ms: number | null;
+            top_entities?: Array<{ duration_ms: number | null }>;
+          }
+        >;
+      };
+    };
+  };
+  await expect(page.getByRole("combobox", { name: /Per/ }).first()).toHaveValue("this-month");
+
+  for (const kind of ["SPECs", "PRDs"] as const) {
+    const macroKey = kind === "SPECs" ? "specs" : "prds";
+    const macroMetric = projection.summary.overview_metrics?.macro_metrics?.[macroKey];
+    expect(macroMetric).toBeDefined();
+    expect(macroMetric?.total_duration_ms).not.toBeNull();
+    await page.locator(".operations-kpi.is-selectable").filter({ hasText: kind }).click();
+    const duration = page.getByRole("article", {
+      name: new RegExp(`Tempo total de execu[cç][aã]o de ${kind}`),
+    });
+    await expect(duration.locator("strong")).toHaveText(
+      formatDashboardDuration(macroMetric?.total_duration_ms ?? 0),
+    );
+    await expect(duration).not.toContainText("83,4 h");
+
+    const average = page
+      .getByRole("heading", { name: `Média por ${kind === "SPECs" ? "SPEC" : "PRD"}` })
+      .locator("xpath=../../..");
+    await expect(average).toContainText("Tempo médio");
+    if (
+      macroMetric?.average_duration_ms !== null &&
+      macroMetric?.average_duration_ms !== undefined
+    ) {
+      await expect(average).toContainText(formatDashboardDuration(macroMetric.average_duration_ms));
+    }
+
+    const top = page.getByRole("heading", { name: `Top 5 ${kind}` }).locator("xpath=../../..");
+    const topEntities = macroMetric?.top_entities ?? [];
+    const expectedUnavailableCount = topEntities.filter(
+      (entity) => entity.duration_ms === null,
+    ).length;
+    await expect(top.locator(".operations-run-bar")).toHaveCount(topEntities.length);
+    await expect(top.locator(".operations-run-bar.is-duration-unavailable")).toHaveCount(
+      expectedUnavailableCount,
+    );
+    if (topEntities.length > 0) {
+      const firstDuration = topEntities[0]?.duration_ms;
+      await expect(top.locator(".operations-run-bar").first()).toContainText(
+        firstDuration === null || firstDuration === undefined
+          ? "Indisponível"
+          : formatDashboardDuration(firstDuration),
+      );
+      await expect(top.locator(".operations-run-bar").first()).toHaveAttribute(
+        "aria-label",
+        new RegExp(kind === "SPECs" ? "^SPEC " : "^PRD "),
+      );
+    }
+  }
+});
+
 test("loads monthly overview quickly and keeps PRD and SPEC chart totals reconciled", async ({
   page,
 }) => {
@@ -585,7 +525,7 @@ test("loads monthly overview quickly and keeps PRD and SPEC chart totals reconci
   expect(Date.now() - openedAt).toBeLessThan(3_000);
 
   const period = page.getByRole("combobox", { name: /Per/ }).first();
-  for (const preset of ["last-month", "this-month"] as const) {
+  for (const preset of ["all", "this-month"] as const) {
     const response = page.waitForResponse(
       (candidate) =>
         candidate.status() === 200 &&
@@ -594,7 +534,22 @@ test("loads monthly overview quickly and keeps PRD and SPEC chart totals reconci
     );
     const selectedAt = Date.now();
     await period.selectOption(preset);
-    await response;
+    const quickResponse = await response;
+    const quickUrl = new URL(quickResponse.url());
+    const dateControls = page.locator(".dashboard-global-controls");
+    const expectedFrom =
+      preset === "all" ? null : await dateControls.getByLabel("Data inicial").inputValue();
+    const expectedTo =
+      preset === "all" ? null : await dateControls.getByLabel("Data final").inputValue();
+    expect(quickUrl.searchParams.get("from")).toBe(expectedFrom);
+    expect(quickUrl.searchParams.get("to")).toBe(expectedTo);
+    const quickProjection = (await quickResponse.json()) as {
+      summary: {
+        overview_metrics?: {
+          macro_metrics?: Record<"specs" | "prds", { total_duration_ms: number | null }>;
+        };
+      };
+    };
     expect(Date.now() - selectedAt).toBeLessThan(3_000);
 
     for (const kind of ["SPECs", "PRDs"] as const) {
@@ -617,40 +572,64 @@ test("loads monthly overview quickly and keeps PRD and SPEC chart totals reconci
       expect(donutCount).toBe(cardCount);
       expect(statusCounts.reduce((sum, value) => sum + Number(value), 0)).toBe(cardCount);
       expect(classificationCounts.reduce((sum, value) => sum + Number(value), 0)).toBe(cardCount);
+
+      const macroKey = kind === "SPECs" ? "specs" : "prds";
+      const macroDuration =
+        quickProjection.summary.overview_metrics?.macro_metrics?.[macroKey]?.total_duration_ms;
+      expect(macroDuration).not.toBeUndefined();
+      if (macroDuration === null) {
+        await expect(
+          page
+            .getByRole("article", {
+              name: new RegExp(`Tempo total de execu[cç][aã]o de ${kind}`),
+            })
+            .locator("strong"),
+        ).toHaveText("Indisponível");
+      }
     }
   }
 });
 
+function formatDashboardDuration(value: number): string {
+  if (value >= 3_600_000) {
+    return `${new Intl.NumberFormat("pt-BR", { maximumFractionDigits: 1 }).format(value / 3_600_000)} h`;
+  }
+  if (value >= 60_000) return `${Math.round(value / 60_000)} min`;
+  return `${Math.round(value / 1_000)} seg`;
+}
+
 async function boardItemCount(board: Locator): Promise<number> {
   const counts = await board.locator(".operations-column-count").allTextContents();
   return counts.reduce((total, value) => total + Number(value), 0);
 }
 
-test("opens entity-specific details for changes decisions executions and runs", async ({
+test("uses canonical Kanban and paginated work-list views instead of obsolete entity tabs", async ({
   page,
 }) => {
   await openDashboard(page);
   await selectOperations(page);
-  const cases = [
-    ["Mudanças", "Detalhes de Mudança", "Critérios de aceite"],
-    ["Decisões", "Detalhes de Decisão", "Tipo de escopo"],
-    ["Execuções", "Detalhes de Execução ZAIP", "Ordem topológica"],
-    ["Invocações de agentes", "Detalhes de Invocação de Agente", "Custo USD"],
-  ] as const;
-
-  for (const [tab, dialogName, detailLabel] of cases) {
-    await page.getByRole("button", { exact: true, name: tab }).click();
-    const rows = page.locator(".ui-table-row-action");
-    if ((await rows.count()) === 0) {
-      await expect(page.locator(".ui-empty")).toBeVisible();
-      continue;
-    }
-    await rows.first().click();
-    const dialog = page.getByRole("dialog", { name: dialogName });
-    await expect(dialog).toBeVisible();
-    await expect(dialog.getByText(detailLabel, { exact: true })).toBeVisible();
-    await expect(page.getByRole("heading", { name: /^Trace:/ })).toHaveCount(0);
-    await dialog.getByRole("button", { name: "Fechar" }).click();
+  const viewTabs = page.getByRole("navigation", { name: "Entidades do ciclo de trabalho" });
+  await expect(viewTabs.getByRole("button", { name: "Execuções", exact: true })).toHaveCount(0);
+  await expect(
+    viewTabs.getByRole("button", { name: "Invocações de agentes", exact: true }),
+  ).toHaveCount(0);
+  await expect(page.locator(".operations-work-board")).toBeVisible();
+
+  await viewTabs.getByRole("button", { name: "Visão de Lista", exact: true }).click();
+  const workList = page.locator(".operations-work-list");
+  await expect(workList).toBeVisible();
+  await expect(workList.locator("table.ui-table tbody tr, .ui-empty").first()).toBeVisible();
+  expect(await workList.locator("table.ui-table tbody tr").count()).toBeLessThanOrEqual(10);
+  await expect(
+    workList.getByRole("navigation", { name: "Paginação da lista de trabalho" }),
+  ).toBeVisible();
+
+  const filters = workList.getByRole("navigation", { name: "Filtrar tipo de trabalho" });
+  for (const kind of ["Tudo", "Tarefas", "Tarefa Avulsa", "PRDs", "SPECs"] as const) {
+    await filters.getByRole("button", { name: kind, exact: true }).click();
+    await expect(workList).not.toHaveAttribute("aria-busy", "true");
+    await expect(workList.locator("table.ui-table tbody tr, .ui-empty").first()).toBeVisible();
+    expect(await workList.locator("table.ui-table tbody tr").count()).toBeLessThanOrEqual(10);
   }
 });
 
@@ -664,10 +643,6 @@ test("keeps aggregate KPIs visible without an obsolete coverage overlay", async
   await expect(page.getByRole("article", { name: /Custo Estimado/ })).toBeVisible();
 });
 
-async function globalThisScrollPosition(page: import("@playwright/test").Page) {
-  return page.evaluate("window.scrollY");
-}
-
 async function openDashboard(page: import("@playwright/test").Page) {
   const operations = page.waitForResponse(
     (response) =>
@@ -676,7 +651,7 @@ async function openDashboard(page: import("@playwright/test").Page) {
       response.url().includes("scope=quick"),
   );
   await page.goto("/?token=e2e-token");
-  await operations;
+  return operations;
 }
 
 async function selectOperations(page: import("@playwright/test").Page) {

package/templates/.agents/design/.zaip-managed.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "version": "1.0.8",
+  "version": "1.3.0",
   "files": [
     {
       "path": "apps/catalog/.storybook/main.ts",
@@ -220,7 +220,7 @@
     },
     {
       "path": "apps/catalog/package.json",
-      "sha256": "cad5056abeda7f5134e9f5ef61bba5238439b9ec670b25f4cd245157e5b8ffdb"
+      "sha256": "e9ffdce8dcc8ed1fed3888add953e7e789261307b8d037a6001d98a38f644279"
     },
     {
       "path": "apps/catalog/public/logo_novo_azul.png",
@@ -304,7 +304,7 @@
     },
     {
       "path": "packages/local-runtime/package.json",
-      "sha256": "62dc180ef9f26346fd1cca07f435719de48342575a9463014d4e854e1024a69f"
+      "sha256": "73bbd424a00481ca49bd3265183e0b505cc313484459d0701361a987f2b89057"
     },
     {
       "path": "packages/local-runtime/runtime.mjs",

package/templates/.agents/design/apps/catalog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/design-catalog",
-  "version": "1.0.8",
+  "version": "1.3.0",
   "private": true,
   "type": "module",
   "scripts": {

package/templates/.agents/design/packages/local-runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/design-local-runtime",
-  "version": "1.0.8",
+  "version": "1.3.0",
   "private": true,
   "type": "module",
   "scripts": {