@zaip-ai/cli 1.0.8 → 1.3.0

package/templates/.agents/dashboard/apps/frontend/src/use-app-cost-loaders.ts

@@ -1,43 +1,123 @@
+import type { CostMonitorProjection } from "@zaip-ai/dashboard-cost-monitor/contracts";
 import type {
-  LoadCompactCostPage,
   CompactLifecycleCostPage,
+  LoadCompactCostPage,
   LoadCostMonitorDetail,
   LoadCostRunPage,
 } from "@zaip-ai/dashboard-cost-monitor/react";
 import { useCallback } from "react";
-import type { CostMonitorProjection } from "@zaip-ai/dashboard-cost-monitor/contracts";
 export type LoadCostGroupPage = import("@zaip-ai/dashboard-cost-monitor/react").LoadCostGroupPage;
+
 import type { DashboardApiClient, SqliteViewPage } from "./dashboard-api.js";
-import { costGroupDuration, legacyKnownMetric, nullableSqlNumber, requiredSqlNumber } from "./sqlite-cost-adapters.js";
+import {
+  costGroupDuration,
+  legacyKnownMetric,
+  nullableSqlNumber,
+  requiredSqlNumber,
+} from "./sqlite-cost-adapters.js";
 
 type CostGroupLoadRequest = Parameters<LoadCostGroupPage>[0];
 
 function costGroupQueryOptions(request: CostGroupLoadRequest, offset: number, limit: number) {
   const { filters, query } = request;
-  return { offset, limit, ...(query === undefined || query === "" ? {} : { query }), ...(filters.provider ? { provider: filters.provider } : {}), ...(filters.model ? { model: filters.model } : {}), ...(filters.agent ? { agent: filters.agent } : {}), ...(filters.phase ? { phase: filters.phase } : {}), ...(filters.status ? { status: filters.status } : {}), ...(filters.origin ? { origin: filters.origin } : {}), ...(filters.workType ? { workType: filters.workType } : {}), ...(filters.priority ? { priority: filters.priority } : {}), ...(filters.risk ? { risk: filters.risk } : {}) };
+  return {
+    offset,
+    limit,
+    ...(query === undefined || query === "" ? {} : { query }),
+    ...(filters.provider ? { provider: filters.provider } : {}),
+    ...(filters.model ? { model: filters.model } : {}),
+    ...(filters.agent ? { agent: filters.agent } : {}),
+    ...(filters.phase ? { phase: filters.phase } : {}),
+    ...(filters.status ? { status: filters.status } : {}),
+    ...(filters.origin ? { origin: filters.origin } : {}),
+    ...(filters.workType ? { workType: filters.workType } : {}),
+    ...(filters.priority ? { priority: filters.priority } : {}),
+    ...(filters.risk ? { risk: filters.risk } : {}),
+  };
 }
 
 function adaptSqliteCostGroup(row: Record<string, unknown>) {
   const duration = costGroupDuration(row);
   const durationUnknown = Number(row.duration_unknown ?? (duration === null ? 1 : 0));
   const durationKnown = nullableSqlNumber(row.duration_known) ?? duration ?? 0;
-  return { key: String(row.key ?? row.period_key ?? "total"), label: String(row.label ?? row.key ?? row.period_key ?? ""), latest_started_at: typeof row.latest_started_at === "string" ? row.latest_started_at : "", persona: typeof row.persona === "string" ? row.persona : null, job: typeof row.job === "string" ? row.job : null, run_count: Number(row.total_run_count ?? row.invocation_count ?? 0), task_count: nullableSqlNumber(row.task_count), prd_count: Number(row.prd_count ?? 0), spec_count: Number(row.spec_count ?? 0), evidence_count: Number(row.evidence_count ?? 0), test_count: Number(row.validation_count ?? 0), event_count: Number(row.source_event_count ?? 0), total_tokens: nullableSqlNumber(row.total_tokens), estimated_usd: nullableSqlNumber(row.total_cost_usd), estimated_brl: nullableSqlNumber(row.total_cost_brl), duration_ms: duration, duration: { known_sum: durationKnown, unknown: durationUnknown, complete: durationUnknown === 0, coverage_ratio: durationUnknown === 0 ? 1 : 0 }, coverage: { events: 0, tokens: 0, usd: 0, brl: 0 } };
+  return {
+    key: String(row.key ?? row.period_key ?? "total"),
+    label: String(row.label ?? row.key ?? row.period_key ?? ""),
+    latest_started_at: typeof row.latest_started_at === "string" ? row.latest_started_at : "",
+    persona: typeof row.persona === "string" ? row.persona : null,
+    job: typeof row.job === "string" ? row.job : null,
+    run_count: Number(row.total_run_count ?? row.invocation_count ?? 0),
+    task_count: nullableSqlNumber(row.task_count),
+    prd_count: Number(row.prd_count ?? 0),
+    spec_count: Number(row.spec_count ?? 0),
+    evidence_count: Number(row.evidence_count ?? 0),
+    test_count: Number(row.validation_count ?? 0),
+    event_count: Number(row.source_event_count ?? 0),
+    total_tokens: nullableSqlNumber(row.total_tokens),
+    estimated_usd: nullableSqlNumber(row.total_cost_usd),
+    estimated_brl: nullableSqlNumber(row.total_cost_brl),
+    duration_ms: duration,
+    duration: {
+      known_sum: durationKnown,
+      unknown: durationUnknown,
+      complete: durationUnknown === 0,
+      coverage_ratio: durationUnknown === 0 ? 1 : 0,
+    },
+    coverage: { events: 0, tokens: 0, usd: 0, brl: 0 },
+  };
 }
 
-export async function loadSqliteCostGroupPage(api: DashboardApiClient, request: CostGroupLoadRequest) {
+export async function loadSqliteCostGroupPage(
+  api: DashboardApiClient,
+  request: CostGroupLoadRequest,
+) {
   const { from, limit, offset, signal, to, view } = request;
   const selectedRange = from === undefined || to === undefined ? undefined : { from, to };
   if (view === "daily") {
-    const page = await api.sqliteViewPage("cost_monitor_daily", selectedRange, costGroupQueryOptions(request, offset, limit), signal);
-    return { offset: page.offset, limit: page.limit, total_count: page.total_count, has_more: page.has_more, rows: page.rows.map(adaptSqliteCostGroup), ...(page.totals === undefined ? {} : { totals: adaptSqliteCostGroup(page.totals) }) };
+    const page = await api.sqliteViewPage(
+      "cost_monitor_daily",
+      selectedRange,
+      costGroupQueryOptions(request, offset, limit),
+      signal,
+    );
+    return {
+      offset: page.offset,
+      limit: page.limit,
+      total_count: page.total_count,
+      has_more: page.has_more,
+      rows: page.rows.map(adaptSqliteCostGroup),
+      ...(page.totals === undefined ? {} : { totals: adaptSqliteCostGroup(page.totals) }),
+    };
   }
-  const sqlView = ({ monthly: "cost_monitor_monthly", annual: "cost_monitor_annual", agents: "cost_monitor_zaip_agents", models: "cost_monitor_models", providers: "cost_monitor_providers" } as const)[view];
-  const page = await api.sqliteViewPage(sqlView, selectedRange, costGroupQueryOptions(request, offset, limit), signal);
-  return { offset: page.offset, limit: page.limit, total_count: page.total_count, has_more: page.has_more, rows: page.rows.map(adaptSqliteCostGroup), ...(page.totals === undefined ? {} : { totals: adaptSqliteCostGroup(page.totals) }) };
+  const sqlView = (
+    {
+      monthly: "cost_monitor_monthly",
+      annual: "cost_monitor_annual",
+      agents: "cost_monitor_zaip_agents",
+      models: "cost_monitor_models",
+      providers: "cost_monitor_providers",
+    } as const
+  )[view];
+  const page = await api.sqliteViewPage(
+    sqlView,
+    selectedRange,
+    costGroupQueryOptions(request, offset, limit),
+    signal,
+  );
+  return {
+    offset: page.offset,
+    limit: page.limit,
+    total_count: page.total_count,
+    has_more: page.has_more,
+    rows: page.rows.map(adaptSqliteCostGroup),
+    ...(page.totals === undefined ? {} : { totals: adaptSqliteCostGroup(page.totals) }),
+  };
 }
 
 /** Adapts a sparse SQLite invocation row to the complete CostRunRow contract. */
-export function adaptSqliteCostRun(row: Record<string, unknown>): CostMonitorProjection["runs"][number] {
+export function adaptSqliteCostRun(
+  row: Record<string, unknown>,
+): CostMonitorProjection["runs"][number] {
   const text = (value: unknown, fallback: string) => (typeof value === "string" ? value : fallback);
   const nullableNumber = (value: unknown) => (typeof value === "number" ? value : null);
   const invocationId = text(row.agent_invocation_id, "unavailable");
@@ -46,8 +126,10 @@ export function adaptSqliteCostRun(row: Record<string, unknown>): CostMonitorPro
   const prdId = typeof row.prd_id === "string" ? row.prd_id : null;
   const phase = text(row.phase, "execution");
   const durationProvenance =
-    row.duration_provenance === "observed" || row.duration_provenance === "reconciled" ||
-    row.duration_provenance === "estimated" || row.duration_provenance === "legacy_inferred"
+    row.duration_provenance === "observed" ||
+    row.duration_provenance === "reconciled" ||
+    row.duration_provenance === "estimated" ||
+    row.duration_provenance === "legacy_inferred"
       ? row.duration_provenance
       : "unavailable";
   const calculatedUsd = Object.hasOwn(row, "calculated_cost_usd")
@@ -80,7 +162,8 @@ export function adaptSqliteCostRun(row: Record<string, unknown>): CostMonitorPro
     spec_id: specId,
     prd_id: prdId,
     change_id: typeof row.change_id === "string" ? row.change_id : null,
-    parent_run_id: typeof row.parent_agent_invocation_id === "string" ? row.parent_agent_invocation_id : null,
+    parent_run_id:
+      typeof row.parent_agent_invocation_id === "string" ? row.parent_agent_invocation_id : null,
     run_role: row.invocation_kind === "subagent" ? "subagent" : "orchestrator",
     run_kind: row.run_kind === "subrun" ? "subrun" : "run",
     run_purpose: "execution",
@@ -92,12 +175,14 @@ export function adaptSqliteCostRun(row: Record<string, unknown>): CostMonitorPro
     model: text(row.model, "unavailable"),
     requested_model: text(row.requested_model, "unavailable"),
     reasoning_effort: typeof row.reasoning_effort === "string" ? row.reasoning_effort : null,
-    effective_reasoning_effort: typeof row.effective_reasoning_effort === "string" ? row.effective_reasoning_effort : null,
+    effective_reasoning_effort:
+      typeof row.effective_reasoning_effort === "string" ? row.effective_reasoning_effort : null,
     service_tier: typeof row.service_tier === "string" ? row.service_tier : null,
     call_count: nullableNumber(row.llm_call_count),
     status: text(row.status, "completed"),
     phase,
-    origin: prdId !== null ? "prd" : specId !== null ? "spec" : taskId !== null ? "task" : "conversation",
+    origin:
+      prdId !== null ? "prd" : specId !== null ? "spec" : taskId !== null ? "task" : "conversation",
     work_type: row.work_type === "rework" ? "rework" : "new",
     started_at: text(row.occurred_at, ""),
     finished_at: typeof row.finished_at === "string" ? row.finished_at : null,
@@ -146,9 +231,18 @@ export function adaptSqliteCompactLifecyclePage(
   const totals = page.totals;
   const subtotalMetric = (key: string) => legacyKnownMetric(totals?.[key]);
   return {
-    data_source: "lifecycle_daily_read_models", snapshot_id: null, source_latest_at: null, kind, offset: page.offset, limit: page.limit, total: page.total_count, has_more: page.has_more, next_cursor: null,
+    data_source: "lifecycle_daily_read_models",
+    snapshot_id: null,
+    source_latest_at: null,
+    kind,
+    offset: page.offset,
+    limit: page.limit,
+    total: page.total_count,
+    has_more: page.has_more,
+    next_cursor: null,
     subtotal: {
-      entity_count: typeof totals?.entity_count === "number" ? totals.entity_count : page.total_count,
+      entity_count:
+        typeof totals?.entity_count === "number" ? totals.entity_count : page.total_count,
       run_count: subtotalMetric("invocation_count"),
       metrics: {
         duration: subtotalMetric("total_duration"),
@@ -157,34 +251,130 @@ export function adaptSqliteCompactLifecyclePage(
         cost_usd: subtotalMetric("total_cost_usd"),
       },
     },
-    rows: page.rows.map((row) => ({ id: String(row.task_id ?? row.spec_id ?? row.prd_id ?? row.execution_id ?? row.conversation_id ?? row.id ?? "unavailable"), title: String(row.title ?? row.task_id ?? row.spec_id ?? row.prd_id ?? row.execution_id ?? row.conversation_id ?? "Unavailable"), kind: kind === "tasks" ? "task" : kind === "specs" ? "spec" : kind === "prds" ? "prd" : kind === "executions" ? "execution" : "conversation", status: typeof row.status === "string" ? row.status : null, risk: typeof row.risk === "string" ? row.risk : null, occurred_at: typeof row.occurred_at === "string" ? row.occurred_at : typeof row.started_at === "string" ? row.started_at : typeof row.last_day === "string" ? `${row.last_day}T12:00:00.000Z` : "", parent_id: null, run_count: Number(row.invocation_count ?? 0), cost_currency: "BRL", metrics: { duration: legacyKnownMetric(row.total_duration), total_tokens: legacyKnownMetric(row.total_tokens), cost: legacyKnownMetric(row.total_cost_brl) } })),
+    rows: page.rows.map((row) => ({
+      id: String(
+        row.task_id ??
+          row.spec_id ??
+          row.prd_id ??
+          row.execution_id ??
+          row.conversation_id ??
+          row.id ??
+          "unavailable",
+      ),
+      title: String(
+        row.title ??
+          row.task_id ??
+          row.spec_id ??
+          row.prd_id ??
+          row.execution_id ??
+          row.conversation_id ??
+          "Unavailable",
+      ),
+      kind:
+        kind === "tasks"
+          ? "task"
+          : kind === "specs"
+            ? "spec"
+            : kind === "prds"
+              ? "prd"
+              : kind === "executions"
+                ? "execution"
+                : "conversation",
+      status: typeof row.status === "string" ? row.status : null,
+      risk: typeof row.risk === "string" ? row.risk : null,
+      occurred_at:
+        typeof row.occurred_at === "string"
+          ? row.occurred_at
+          : typeof row.started_at === "string"
+            ? row.started_at
+            : typeof row.last_day === "string"
+              ? `${row.last_day}T12:00:00.000Z`
+              : "",
+      parent_id: null,
+      run_count: Number(row.invocation_count ?? 0),
+      cost_currency: "BRL",
+      metrics: {
+        duration: legacyKnownMetric(row.total_duration),
+        total_tokens: legacyKnownMetric(row.total_tokens),
+        cost: legacyKnownMetric(row.total_cost_brl),
+      },
+    })),
   };
 }
 
 export function useAppCostLoaders(api: DashboardApiClient) {
-  const loadCostDetail = useCallback<LoadCostMonitorDetail>(
-    async () => { throw new Error("SQLite Cost Monitor loads the selected paginated view; full detail is disabled."); },
-    [api],
-  );
+  const loadCostDetail = useCallback<LoadCostMonitorDetail>(async () => {
+    throw new Error(
+      "SQLite Cost Monitor loads the selected paginated view; full detail is disabled.",
+    );
+  }, []);
   const loadCostReadModelPage = useCallback<LoadCompactCostPage>(
     async ({ filters, from, kind, limit, offset, query, signal, to }) => {
-      const view = ({ tasks: "cost_monitor_tasks", specs: "cost_monitor_specs", prds: "cost_monitor_prds", executions: "cost_monitor_executions", conversations: "cost_monitor_conversations" } as const)[kind];
-      const page = await api.sqliteViewPage(view, from === undefined || to === undefined ? undefined : { from, to }, { offset, limit, ...(query === undefined || query === "" ? {} : { query }), ...(filters.provider ? { provider: filters.provider } : {}), ...(filters.model ? { model: filters.model } : {}), ...(filters.agent ? { agent: filters.agent } : {}), ...(filters.phase ? { phase: filters.phase } : {}), ...(filters.status ? { status: filters.status } : {}), ...(filters.origin ? { origin: filters.origin } : {}), ...(filters.workType ? { workType: filters.workType } : {}), ...(filters.priority ? { priority: filters.priority } : {}), ...(filters.risk ? { risk: filters.risk } : {}) }, signal);
+      const view = (
+        {
+          tasks: "cost_monitor_tasks",
+          specs: "cost_monitor_specs",
+          prds: "cost_monitor_prds",
+          executions: "cost_monitor_executions",
+          conversations: "cost_monitor_conversations",
+        } as const
+      )[kind];
+      const page = await api.sqliteViewPage(
+        view,
+        from === undefined || to === undefined ? undefined : { from, to },
+        {
+          offset,
+          limit,
+          ...(query === undefined || query === "" ? {} : { query }),
+          ...(filters.provider ? { provider: filters.provider } : {}),
+          ...(filters.model ? { model: filters.model } : {}),
+          ...(filters.agent ? { agent: filters.agent } : {}),
+          ...(filters.phase ? { phase: filters.phase } : {}),
+          ...(filters.status ? { status: filters.status } : {}),
+          ...(filters.origin ? { origin: filters.origin } : {}),
+          ...(filters.workType ? { workType: filters.workType } : {}),
+          ...(filters.priority ? { priority: filters.priority } : {}),
+          ...(filters.risk ? { risk: filters.risk } : {}),
+        },
+        signal,
+      );
       return adaptSqliteCompactLifecyclePage(kind, page);
     },
     [api],
   );
   const loadCostRunPage = useCallback<LoadCostRunPage>(
     async ({ filters, from, offset, signal, to }) => {
-      const page = await api.sqliteViewPage("cost_monitor_agent_invocations", from === undefined || to === undefined ? undefined : { from, to }, { offset, limit: 100, ...(filters?.query ? { query: filters.query } : {}), ...(filters?.provider ? { provider: filters.provider } : {}), ...(filters?.model ? { model: filters.model } : {}), ...(filters?.agent ? { agent: filters.agent } : {}), ...(filters?.phase ? { phase: filters.phase } : {}), ...(filters?.status ? { status: filters.status } : {}) }, signal);
+      const page = await api.sqliteViewPage(
+        "cost_monitor_agent_invocations",
+        from === undefined || to === undefined ? undefined : { from, to },
+        {
+          offset,
+          limit: 100,
+          ...(filters?.query ? { query: filters.query } : {}),
+          ...(filters?.provider ? { provider: filters.provider } : {}),
+          ...(filters?.model ? { model: filters.model } : {}),
+          ...(filters?.agent ? { agent: filters.agent } : {}),
+          ...(filters?.phase ? { phase: filters.phase } : {}),
+          ...(filters?.status ? { status: filters.status } : {}),
+        },
+        signal,
+      );
       return {
         page_only: true,
         runs: page.rows.map(adaptSqliteCostRun),
-        run_page: { offset: page.offset, limit: page.limit, total: page.total_count, has_more: page.has_more },
+        run_page: {
+          offset: page.offset,
+          limit: page.limit,
+          total: page.total_count,
+          has_more: page.has_more,
+        },
       };
     },
     [api],
   );
-  const loadCostGroupPage = useCallback<LoadCostGroupPage>((request) => loadSqliteCostGroupPage(api, request), [api]);
+  const loadCostGroupPage = useCallback<LoadCostGroupPage>(
+    (request) => loadSqliteCostGroupPage(api, request),
+    [api],
+  );
   return { loadCostDetail, loadCostReadModelPage, loadCostRunPage, loadCostGroupPage };
 }

package/templates/.agents/dashboard/apps/frontend/src/use-app-effects.ts

@@ -1,6 +1,12 @@
 import type { CostCurrency, CostLocale } from "@zaip-ai/dashboard-cost-monitor/react";
 import type { OperationsProjection } from "@zaip-ai/dashboard-operations/contracts";
-import { type Dispatch, type MutableRefObject, type SetStateAction, useEffect } from "react";
+import {
+  type Dispatch,
+  type MutableRefObject,
+  type SetStateAction,
+  useEffect,
+  useRef,
+} from "react";
 import { pricingSetupPath, projectSetupPath } from "./AppSetupRoutes.js";
 import { currencyKey, localeKey } from "./app-preferences.js";
 import type { DashboardView } from "./DashboardCapabilityNav.js";
@@ -10,6 +16,24 @@ import {
   shouldHydrateOperationsDetails,
 } from "./operations-detail-hydration.js";
 
+export const projectionRefreshDebounceMs = 5_000;
+
+export function shouldRefreshVisibleProjection({
+  inFlight,
+  lastRefreshAt,
+  now,
+  visibilityState,
+}: {
+  inFlight: boolean;
+  lastRefreshAt: number;
+  now: number;
+  visibilityState: DocumentVisibilityState;
+}): boolean {
+  return (
+    visibilityState === "visible" && !inFlight && now - lastRefreshAt >= projectionRefreshDebounceMs
+  );
+}
+
 export function useAppEffects({
   api,
   costLocale,
@@ -40,13 +64,19 @@ export function useAppEffects({
   operationsPageAbortRef: MutableRefObject<AbortController | null>;
   pathname: string;
   pricing: PricingCatalog | null;
-  refresh: (visible?: boolean, reconcileOpenWork?: boolean) => Promise<void>;
+  refresh: (
+    visible?: boolean,
+    reconcileOpenWork?: boolean,
+    refreshProjection?: boolean,
+  ) => Promise<void>;
   refreshVersion: MutableRefObject<number>;
   setError: Dispatch<SetStateAction<string | null>>;
   setFxRate: Dispatch<SetStateAction<Awaited<ReturnType<DashboardApiClient["fxRate"]>> | null>>;
   setPathname: Dispatch<SetStateAction<string>>;
   setPricing: Dispatch<SetStateAction<PricingCatalog | null>>;
 }) {
+  const projectionRefreshInFlight = useRef(false);
+  const lastProjectionRefreshAt = useRef(0);
   useEffect(() => {
     void refresh();
     return () => {
@@ -66,6 +96,34 @@ export function useAppEffects({
     refreshVersion,
   ]);
 
+  useEffect(() => {
+    const refreshVisibleProjection = () => {
+      const now = Date.now();
+      // Focus and visibilitychange commonly arrive together. Coalesce them
+      // rather than polling or rebuilding during ordinary navigation.
+      if (
+        !shouldRefreshVisibleProjection({
+          inFlight: projectionRefreshInFlight.current,
+          lastRefreshAt: lastProjectionRefreshAt.current,
+          now,
+          visibilityState: document.visibilityState,
+        })
+      )
+        return;
+      lastProjectionRefreshAt.current = now;
+      projectionRefreshInFlight.current = true;
+      void refresh(false, false, true).finally(() => {
+        projectionRefreshInFlight.current = false;
+      });
+    };
+    window.addEventListener("focus", refreshVisibleProjection);
+    document.addEventListener("visibilitychange", refreshVisibleProjection);
+    return () => {
+      window.removeEventListener("focus", refreshVisibleProjection);
+      document.removeEventListener("visibilitychange", refreshVisibleProjection);
+    };
+  }, [refresh]);
+
   useEffect(() => {
     if (
       !shouldHydrateOperationsDetails(
@@ -93,11 +151,7 @@ export function useAppEffects({
   useEffect(() => window.localStorage.setItem(currencyKey, currency), [currency]);
 
   useEffect(() => {
-    if (
-      !["/", pricingSetupPath, projectSetupPath].includes(
-        window.location.pathname,
-      )
-    ) {
+    if (!["/", pricingSetupPath, projectSetupPath].includes(window.location.pathname)) {
       window.history.replaceState(null, "", `/${window.location.search}${window.location.hash}`);
       setPathname("/");
     }

package/templates/.agents/dashboard/apps/frontend/src/use-app-operations-pages.ts

@@ -153,8 +153,7 @@ export function useAppOperationsPages({
               typeof row.source_duration_ms === "number" ? row.source_duration_ms : null,
             duration_provenance:
               typeof row.duration_provenance === "string" ? row.duration_provenance : null,
-            llm_call_count:
-              typeof row.llm_call_count === "number" ? row.llm_call_count : null,
+            llm_call_count: typeof row.llm_call_count === "number" ? row.llm_call_count : null,
             input_tokens: typeof row.input_tokens === "number" ? row.input_tokens : null,
             cached_input_tokens:
               typeof row.cached_input_tokens === "number" ? row.cached_input_tokens : null,
@@ -198,12 +197,10 @@ export function useAppOperationsPages({
               typeof row.standard_cost_usd === "number" ? row.standard_cost_usd : null,
             speed_uplift_usd:
               typeof row.speed_uplift_usd === "number" ? row.speed_uplift_usd : null,
-            input_cost_usd:
-              typeof row.input_cost_usd === "number" ? row.input_cost_usd : null,
+            input_cost_usd: typeof row.input_cost_usd === "number" ? row.input_cost_usd : null,
             cached_input_cost_usd:
               typeof row.cached_input_cost_usd === "number" ? row.cached_input_cost_usd : null,
-            output_cost_usd:
-              typeof row.output_cost_usd === "number" ? row.output_cost_usd : null,
+            output_cost_usd: typeof row.output_cost_usd === "number" ? row.output_cost_usd : null,
             reasoning_cost_usd:
               typeof row.reasoning_cost_usd === "number" ? row.reasoning_cost_usd : null,
             calculated_cost_usd:

package/templates/.agents/dashboard/apps/frontend/src/work-list-pagination.test.ts

@@ -9,7 +9,8 @@ describe("Trabalho (Lista) canonical pagination", () => {
   it("keeps a server-selected PRD/SPEC kind instead of refetching every kind", () => {
     expect(selectedWorkListKinds("spec")).toEqual(["spec"]);
     expect(selectedWorkListKinds("prd")).toEqual(["prd"]);
-    expect(selectedWorkListKinds("")).toEqual(["prd", "spec", "task"]);
+    expect(selectedWorkListKinds("standalone-task")).toEqual(["standalone-task"]);
+    expect(selectedWorkListKinds("")).toEqual(["prd", "spec", "task", "standalone-task"]);
   });
 
   it("retains the List type through search/status changes without mutating the Kanban snapshot", () => {
@@ -32,7 +33,6 @@ describe("Trabalho (Lista) canonical pagination", () => {
     expect(kanban).toEqual({ query: "kanban", status: "ready", risk: "", kind: "" });
   });
 
-
   it("continues from the returned offset until the canonical total is complete", async () => {
     const loadPage = vi
       .fn()

package/templates/.agents/dashboard/apps/frontend/src/work-list-pagination.ts

@@ -1,4 +1,4 @@
-export type WorkListKind = "prd" | "spec" | "task";
+export type WorkListKind = "prd" | "spec" | "task" | "standalone-task";
 
 export type WorkListFilters = {
   query: string;
@@ -16,11 +16,10 @@ export function normalizeWorkListFilters(
   return { ...filters, kind: filters.kind ?? previous.kind ?? "" };
 }
 
-
 export function selectedWorkListKinds(kind: string | undefined): readonly WorkListKind[] {
-  return kind === "prd" || kind === "spec" || kind === "task"
+  return kind === "prd" || kind === "spec" || kind === "task" || kind === "standalone-task"
     ? [kind]
-    : ["prd", "spec", "task"];
+    : ["prd", "spec", "task", "standalone-task"];
 }
 
 export async function collectWorkListPages<T>(

package/templates/.agents/dashboard/apps/frontend/vite.config.ts

@@ -61,7 +61,10 @@ export default defineConfig({
           if (normalized.includes("/modules/cost-monitor/")) return "cost-monitor";
           if (normalized.includes("/modules/operations/")) return "operations";
           if (normalized.includes("/modules/traceability/")) return "traceability";
-          if (id.includes("node_modules/.pnpm/react@") || id.includes("node_modules/.pnpm/react-dom@"))
+          if (
+            id.includes("node_modules/.pnpm/react@") ||
+            id.includes("node_modules/.pnpm/react-dom@")
+          )
             return "react-vendor";
           if (id.includes("node_modules/.pnpm/lucide-react@")) return "icons-vendor";
           return undefined;

package/templates/.agents/dashboard/modules/cost-monitor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zaip-ai/dashboard-cost-monitor",
-  "version": "1.0.8",
+  "version": "1.3.0",
   "private": true,
   "type": "module",
   "exports": {