@zaip-ai/cli 1.3.0 → 1.3.1

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

@@ -32,11 +32,7 @@ import {
   type OperationDatePreset,
   type OperationDateRange,
 } from "./operation-date-range.js";
-import {
-  filterStatusLabel,
-  type OperationsView,
-  statusesForView,
-} from "./operations-page-filters.js";
+import type { OperationsView } from "./operations-page-filters.js";
 import { macrosWithPeriodActivity } from "./operations-period-scope.js";
 import { matchesQuery } from "./operations-query.js";
 import { viewLabels } from "./operations-view-labels.js";
@@ -49,7 +45,7 @@ import {
 } from "./period-summary.js";
 import { periodSummaryPopulation } from "./period-summary-population.js";
 import { scopeRunsToEntities } from "./run-scope.js";
-import { type OperationsLocale, riskLabel } from "./status-labels.js";
+import { riskLabel } from "./status-labels.js";
 import {
   matchesTaskOrigin,
   type TaskOrigin,
@@ -98,7 +94,7 @@ export function OperationsPage({
   onOpenDocument,
   onOpenTask,
   onPriorityChange,
-  onDetailDataRequest,
+  onLoadMacroMetrics,
   entityPage,
   onEntityPageChange,
   onEntityFiltersChange,
@@ -106,6 +102,8 @@ export function OperationsPage({
   onWorkListFiltersChange,
   onBoardTypeChange,
   onWorkListTypeChange,
+  onWorkListPageChange,
+  workListPage,
   onLoadMoreBoard,
   onLoadStatusPage,
   statusPage,
@@ -190,24 +188,6 @@ export function OperationsPage({
     showFilterLoading();
     const nextWorkListType = workListTypeOnViewChange(nextView);
     if (nextWorkListType !== null) onWorkListTypeChange?.(nextWorkListType);
-    // Calendar reports are served by the compact canonical daily summary;
-    // they must not hydrate entity detail merely to render month/year rolls.
-    if (
-      ![
-        "work-kanban",
-        "work-list",
-        "daily",
-        "monthly",
-        "yearly",
-        "runs",
-        "conversations",
-        "executions",
-        "changes",
-        "decisions",
-      ].includes(nextView)
-    ) {
-      onDetailDataRequest?.(nextView);
-    }
     setView(nextView);
     setStatusFilter("");
     setRiskFilter("");
@@ -250,10 +230,6 @@ export function OperationsPage({
     statusFilter,
     view,
   ]);
-  const availableStatuses = statusesForView(data, view);
-  const supportsStatus = !["decisions", "daily", "monthly", "yearly"].includes(view);
-  const supportsRisk = view === "work-kanban" || view === "work-list" || view === "changes";
-  const supportsOrigin = view === "work-kanban" || view === "work-list";
   // Only work views interpret a status option as a canonical work stage.
   // Runs, Changes and Executions use their respective persisted statuses.
   const hasEntityStageStatus =
@@ -673,8 +649,6 @@ export function OperationsPage({
           <OperationsPageLoading locale={locale} />
         ) : (
           <>
-            {/* <OperationsOverview runs={runs} tasks={tasks} specs={specs} prds={prds} /> */}
-            {/* <section className="dashboard-global-controls"></section> */}
             <OperationsPageOverview
               capabilityNavigation={capabilityNavigation}
               currency={currency}
@@ -701,6 +675,7 @@ export function OperationsPage({
               onLoadStatusPage={onLoadStatusPage}
               classificationPage={classificationPage}
               onLoadClassificationPage={onLoadClassificationPage}
+              onLoadMacroMetrics={onLoadMacroMetrics}
               updatePeriod={updatePeriod}
             />
 
@@ -732,6 +707,11 @@ export function OperationsPage({
                               status: statusFilter,
                               risk: riskFilter,
                               origin: originFilter,
+                              ...(view === "work-list" &&
+                              workListPage !== undefined &&
+                              workListPage.typeFilter !== "all"
+                                ? { kind: workListPage.typeFilter }
+                                : {}),
                             })
                       }
                       view={`operations-${view}`}
@@ -757,6 +737,7 @@ export function OperationsPage({
                   onEntityPageChange={onEntityPageChange}
                   onLoadMoreBoard={onLoadMoreBoard}
                   onWorkListTypeChange={onWorkListTypeChange}
+                  onWorkListPageChange={onWorkListPageChange}
                   onOpenDocument={onOpenDocument}
                   onOpenTask={onOpenTask}
                   onPriorityChange={onPriorityChange}
@@ -766,6 +747,7 @@ export function OperationsPage({
                   specs={specs}
                   summaryPopulation={summaryPopulation}
                   tasks={tasks}
+                  workListPage={workListPage}
                   view={view}
                 />
               </>
@@ -781,18 +763,3 @@ export function OperationsPage({
 export function shouldRenderOperationsContent(loading: boolean): boolean {
   return !loading;
 }
-
-function _OperationsPageLoading({ locale }: { locale: OperationsLocale }) {
-  return (
-    <section
-      aria-busy="true"
-      aria-live="polite"
-      className="operations-content-skeleton"
-      role="status"
-    >
-      <span>
-        {locale === "pt-BR" ? "Carregando o período selecionado…" : "Loading selected period…"}
-      </span>
-    </section>
-  );
-}

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

@@ -28,6 +28,7 @@ export function OperationsPageOverview({
   onLoadStatusPage,
   classificationPage,
   onLoadClassificationPage,
+  onLoadMacroMetrics,
   prds,
   query,
   resolveRunCost,
@@ -55,6 +56,7 @@ export function OperationsPageOverview({
   onLoadStatusPage: OverviewProps["onLoadStatusPage"];
   classificationPage: OverviewProps["classificationPage"];
   onLoadClassificationPage: OverviewProps["onLoadClassificationPage"];
+  onLoadMacroMetrics: OverviewProps["onLoadMacroMetrics"];
   prds: NonNullable<OverviewProps["prds"]>;
   query: string;
   resolveRunCost: OverviewProps["resolveRunCost"];
@@ -93,6 +95,7 @@ export function OperationsPageOverview({
         onLoadStatusPage={onLoadStatusPage}
         classificationPage={classificationPage}
         onLoadClassificationPage={onLoadClassificationPage}
+        onLoadMacroMetrics={onLoadMacroMetrics}
         prds={prds}
         runs={runs}
         resolveRunCost={resolveRunCost}

package/templates/.agents/dashboard/modules/operations/src/react/PagedWorkList.test.tsx

@@ -0,0 +1,43 @@
+import { createElement } from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+import { describe, expect, it } from "vitest";
+import { PagedWorkList } from "./PagedWorkList.js";
+
+describe("PagedWorkList", () => {
+  it("renders the factual developer column without object coercion", () => {
+    const markup = renderToStaticMarkup(
+      createElement(PagedWorkList, {
+        loading: false,
+        locale: "pt-BR",
+        onPageChange: () => undefined,
+        onTypeChange: () => undefined,
+        page: {
+          error: null,
+          hasMore: false,
+          limit: 10,
+          loading: false,
+          offset: 0,
+          rows: [
+            {
+              developers: [
+                { account_id: "199126185", login_snapshot: "zaip-ai" },
+                { account_id: "200", login_snapshot: null },
+              ],
+              id: "TASK-1",
+              kind: "task",
+              risk: "standard",
+              status: "executing",
+              title: "List developer identities",
+            },
+          ],
+          total: 1,
+          typeFilter: "all",
+        },
+      }),
+    );
+
+    expect(markup).toContain("Desenvolvedor");
+    expect(markup).toContain("zaip-ai (199126185); 200");
+    expect(markup).not.toContain("[object Object]");
+  });
+});

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

@@ -0,0 +1,181 @@
+import { DataTable, formatCompactNumber, formatCurrency } from "@zaip-ai/dashboard-ui";
+import { formatDeveloperIdentities } from "./developer-identities.js";
+import { formatRoundedDuration } from "./format-rounded-duration.js";
+import type { OperationsLocale } from "./status-labels.js";
+import { WorkTypeFilters } from "./UnifiedWorkBoard.js";
+import type { WorkTypeFilter } from "./work-board-model.js";
+
+export type PagedWorkListRow = Record<string, unknown>;
+export type PagedWorkListPage = {
+  offset: number;
+  limit: number;
+  total: number | null;
+  hasMore: boolean;
+  typeFilter: WorkTypeFilter;
+  rows: readonly PagedWorkListRow[];
+  loading: boolean;
+  error: string | null;
+};
+
+function text(value: unknown, fallback = "—") {
+  return typeof value === "string" && value.length > 0 ? value : fallback;
+}
+
+function number(value: unknown): number | null {
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+
+function workKindLabel(value: unknown, locale: OperationsLocale) {
+  const kind = text(value, "");
+  const labels =
+    locale === "pt-BR"
+      ? { task: "Tarefas", "standalone-task": "Tarefa Avulsa", prd: "PRD", spec: "SPEC" }
+      : { task: "Tasks", "standalone-task": "Standalone Task", prd: "PRD", spec: "SPEC" };
+  return kind === "task" || kind === "standalone-task" || kind === "prd" || kind === "spec"
+    ? labels[kind]
+    : text(value);
+}
+
+/**
+ * Bounded list projection. It intentionally does not reuse UnifiedWorkList:
+ * that component requires all PRD/SPEC/Task relations in memory and therefore
+ * turns a visual tab into an unbounded collection request.
+ */
+export function PagedWorkList({
+  loading,
+  locale,
+  onPageChange,
+  onTypeChange,
+  page,
+}: {
+  loading: boolean;
+  locale: OperationsLocale;
+  onPageChange: (offset: number) => void;
+  onTypeChange: (kind: WorkTypeFilter) => void;
+  page: PagedWorkListPage;
+}) {
+  return (
+    <section
+      aria-busy={loading || undefined}
+      className="operations-unified-work operations-work-list"
+    >
+      <WorkTypeFilters locale={locale} onChange={onTypeChange} value={page.typeFilter} />
+      <div className="operations-work-list-table">
+        <DataTable
+          columns={[
+            {
+              key: "item",
+              label: locale === "pt-BR" ? "Item" : "Item",
+              render: (row) => (
+                <span className="operations-work-list-identity">
+                  <strong>{text(row.title, text(row.id))}</strong>
+                  <small>{text(row.id)}</small>
+                </span>
+              ),
+              sortValue: (row) => text(row.title, text(row.id)),
+            },
+            {
+              key: "status",
+              label: "Status",
+              render: (row) => text(row.status),
+              sortValue: (row) => text(row.status),
+            },
+            {
+              key: "type",
+              label: locale === "pt-BR" ? "Tipo" : "Type",
+              render: (row) => workKindLabel(row.kind ?? row.entity_kind, locale),
+              sortValue: (row) => text(row.kind ?? row.entity_kind),
+            },
+            {
+              key: "risk",
+              label: locale === "pt-BR" ? "Risco" : "Risk",
+              render: (row) => text(row.risk),
+              sortValue: (row) => text(row.risk),
+            },
+            {
+              key: "developers",
+              label: locale === "pt-BR" ? "Desenvolvedor" : "Developer",
+              render: (row) => formatDeveloperIdentities(row.developers),
+              sortValue: (row) => formatDeveloperIdentities(row.developers),
+            },
+            {
+              key: "time",
+              label: locale === "pt-BR" ? "Tempo" : "Time",
+              render: (row) => {
+                const duration = number(row.total_duration);
+                return duration === null ? "—" : formatRoundedDuration(duration);
+              },
+              sortValue: (row) => number(row.total_duration),
+              align: "right",
+            },
+            {
+              key: "tokens",
+              label: "Tokens",
+              render: (row) => {
+                const tokens = number(row.total_tokens);
+                return tokens === null ? "—" : formatCompactNumber(tokens);
+              },
+              sortValue: (row) => number(row.total_tokens),
+              align: "right",
+            },
+            {
+              key: "cost",
+              label: locale === "pt-BR" ? "Custo" : "Cost",
+              render: (row) => {
+                const cost = number(row.total_cost_brl);
+                return cost === null ? "—" : formatCurrency(cost, "BRL");
+              },
+              sortValue: (row) => number(row.total_cost_brl),
+              align: "right",
+            },
+          ]}
+          defaultSort={{ key: "item", direction: "asc" }}
+          emptyMessage={
+            loading
+              ? locale === "pt-BR"
+                ? "Carregando itens…"
+                : "Loading items…"
+              : locale === "pt-BR"
+                ? "Nenhum item de trabalho encontrado."
+                : "No work items found."
+          }
+          locale={locale}
+          rowKey={(row) => text(row.id)}
+          rows={page.rows}
+          scrollLabel={
+            locale === "pt-BR" ? "Lista paginada de itens de trabalho." : "Paged work item list."
+          }
+          sortable
+        />
+      </div>
+      <nav
+        aria-label={locale === "pt-BR" ? "Paginação da lista de trabalho" : "Work list pagination"}
+        className="ui-table-pagination"
+      >
+        {page.error ? <span role="alert">{page.error}</span> : null}
+        {loading ? (
+          <span role="status">{locale === "pt-BR" ? "Atualizando…" : "Updating…"}</span>
+        ) : null}
+        <button
+          disabled={loading || page.offset === 0}
+          onClick={() => onPageChange(Math.max(0, page.offset - page.limit))}
+          type="button"
+        >
+          {locale === "pt-BR" ? "Anterior" : "Previous"}
+        </button>
+        <output aria-live="polite">
+          {page.total === null
+            ? "…"
+            : `${page.offset + (page.rows.length === 0 ? 0 : 1)}–${Math.min(page.offset + page.limit, page.total)} ${locale === "pt-BR" ? "de" : "of"} ${page.total}`}
+        </output>
+        <button
+          disabled={loading || !page.hasMore}
+          onClick={() => onPageChange(page.offset + page.limit)}
+          type="button"
+        >
+          {locale === "pt-BR" ? "Próxima" : "Next"}
+        </button>
+      </nav>
+    </section>
+  );
+}

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

@@ -11,17 +11,18 @@ describe("buildWorkListRows", () => {
     expect(formatWorkListDuration(0, "cancelled", "pt-BR")).toBe("0 seg");
   });
 
-  it("keeps the operational list to its eight standard columns", () => {
+  it("keeps the operational list columns including factual developers", () => {
     const source = readFileSync(
       fileURLToPath(new URL("./UnifiedWorkList.tsx", import.meta.url)),
       "utf8",
     );
     const keys = [...source.matchAll(/key: "([^"]+)"/g)].map((match) => match[1]);
-    expect(keys.slice(0, 8)).toEqual([
+    expect(keys.slice(0, 9)).toEqual([
       "item",
       "status",
       "type",
       "risk",
+      "developers",
       "progress",
       "time",
       "tokens",
@@ -31,6 +32,7 @@ describe("buildWorkListRows", () => {
     expect(source).toContain('label: "Status"');
     expect(source).toContain('label: locale === "pt-BR" ? "Tipo" : "Type"');
     expect(source).toContain('label: locale === "pt-BR" ? "Risco" : "Risk"');
+    expect(source).toContain('label: locale === "pt-BR" ? "Desenvolvedor" : "Developer"');
     expect(source).toContain('label: locale === "pt-BR" ? "Progresso" : "Progress"');
     expect(source).toContain('label: locale === "pt-BR" ? "Tempo" : "Time"');
     expect(source).toContain('label: "Tokens"');

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

@@ -6,6 +6,7 @@ import type {
   MacroProjection,
   RunProjection,
 } from "../contracts.js";
+import { formatDeveloperIdentities } from "./developer-identities.js";
 import { formatRoundedDuration } from "./format-rounded-duration.js";
 import { MacroPlanningDialog } from "./MacroPlanningDialog.js";
 import { formatDisplayedDuration, operationalDurationMs } from "./operation-duration.js";
@@ -130,6 +131,18 @@ export function UnifiedWorkList({
                 ),
               sortValue: ({ risk }) => risk,
             },
+            {
+              key: "developers",
+              label: locale === "pt-BR" ? "Desenvolvedor" : "Developer",
+              render: ({ item }) =>
+                formatDeveloperIdentities(
+                  (item.row as unknown as { developers?: unknown }).developers,
+                ),
+              sortValue: ({ item }) =>
+                formatDeveloperIdentities(
+                  (item.row as unknown as { developers?: unknown }).developers,
+                ),
+            },
             {
               key: "progress",
               label: locale === "pt-BR" ? "Progresso" : "Progress",

package/templates/.agents/dashboard/modules/operations/src/react/developer-identities.test.ts

@@ -0,0 +1,18 @@
+import { describe, expect, it } from "vitest";
+import { formatDeveloperIdentities } from "./developer-identities.js";
+
+describe("formatDeveloperIdentities", () => {
+  it("renders factual multiple identities without coercing objects", () => {
+    expect(
+      formatDeveloperIdentities([
+        { account_id: "199126185", login_snapshot: "zaip-ai" },
+        { account_id: "200", login_snapshot: null },
+      ]),
+    ).toBe("zaip-ai (199126185); 200");
+  });
+
+  it("keeps missing or malformed developer data explicit", () => {
+    expect(formatDeveloperIdentities(undefined)).toBe("—");
+    expect(formatDeveloperIdentities([{ account_id: 1, login_snapshot: "wrong" }])).toBe("—");
+  });
+});

package/templates/.agents/dashboard/modules/operations/src/react/developer-identities.ts

@@ -0,0 +1,30 @@
+export type DeveloperIdentity = Readonly<{
+  account_id: string;
+  login_snapshot: string | null;
+}>;
+
+function isDeveloperIdentity(value: unknown): value is DeveloperIdentity {
+  if (value === null || typeof value !== "object" || Array.isArray(value)) return false;
+  const row = value as Record<string, unknown>;
+  return (
+    typeof row.account_id === "string" &&
+    (typeof row.login_snapshot === "string" || row.login_snapshot === null)
+  );
+}
+
+/**
+ * The projection preserves the server's factual, account-ordered identities.
+ * It deliberately does not fall back to task.owner, which has different semantics.
+ */
+export function formatDeveloperIdentities(value: unknown): string {
+  if (!Array.isArray(value)) return "—";
+  const identities = value.filter(isDeveloperIdentity);
+  if (identities.length === 0) return "—";
+  return identities
+    .map(({ account_id, login_snapshot }) =>
+      login_snapshot === null || login_snapshot.length === 0
+        ? account_id
+        : `${login_snapshot} (${account_id})`,
+    )
+    .join("; ");
+}

package/templates/.agents/dashboard/modules/operations/src/react/execution-metrics.ts

@@ -12,6 +12,7 @@ export interface ExecutionMetricRun {
     | "observed"
     | "reconciled"
     | "legacy_inferred"
+    | "shared_creation_allocation"
     | "estimated"
     | "unavailable"
     | undefined;

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

@@ -190,6 +190,7 @@ it("uses the compact work schema for Kanban and Work List", () => {
     "title",
     "status",
     "risk",
+    "developers",
     "occurred_at",
     "duration_hours",
     "tokens",
@@ -207,6 +208,10 @@ it("normalizes Tasks and macros into the same populated work columns", () => {
         status: "executing",
         risk: "standard",
         occurred_at: "2026-08-21T00:00:00.000Z",
+        developers: [
+          { account_id: "199126185", login_snapshot: "zaip-ai" },
+          { account_id: "200", login_snapshot: null },
+        ],
         telemetry: { duration_ms: 3_600_000, tokens: 123, cost_brl: 4.5 },
       },
       {
@@ -239,6 +244,7 @@ it("normalizes Tasks and macros into the same populated work columns", () => {
       title: "Export Task",
       status: "executing",
       risk: "standard",
+      developers: "zaip-ai (199126185); 200",
       occurred_at: "2026-08-21T00:00:00.000Z",
       duration_hours: 1,
       tokens: 123,
@@ -250,6 +256,7 @@ it("normalizes Tasks and macros into the same populated work columns", () => {
       title: "Export Spec",
       status: "planning",
       risk: null,
+      developers: "—",
       occurred_at: "2026-08-20T00:00:00.000Z",
       duration_hours: 2,
       tokens: 456,
@@ -261,6 +268,7 @@ it("normalizes Tasks and macros into the same populated work columns", () => {
       title: "Export PRD",
       status: "ready",
       risk: null,
+      developers: "—",
       occurred_at: "2026-08-19T00:00:00.000Z",
       duration_hours: 3,
       tokens: 789,

package/templates/.agents/dashboard/modules/operations/src/react/export/ExcelExportAction.tsx

@@ -1,6 +1,7 @@
 import { createExportSnapshot } from "@zaip-ai/dashboard-contracts";
 import { Download } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { formatDeveloperIdentities } from "../developer-identities.js";
 import { ExportProgressToast, ExportSuccessToast } from "./ExportProgressToast.js";
 import { ExportController, type ExportState } from "./export-session.js";
 
@@ -44,6 +45,7 @@ export const WORK_EXPORT_COLUMNS = [
   "title",
   "status",
   "risk",
+  "developers",
   "occurred_at",
   "duration_hours",
   "tokens",
@@ -208,6 +210,7 @@ export function exportWorkRows(
       // the canonical work stage for a Task.
       status: row.work_status ?? row.status ?? row.lifecycle_status,
       risk: row.risk ?? null,
+      developers: formatDeveloperIdentities(row.developers),
       occurred_at: row.occurred_at ?? row.created_at ?? row.updated_at ?? null,
       duration_hours: durationMs === null ? null : durationMs / 3_600_000,
       tokens:

package/templates/.agents/dashboard/modules/operations/src/react/export/export-layout.test.ts

@@ -36,13 +36,22 @@ describe("Excel export layout", () => {
 
   it("uses the paginated SQLite source for every Operations table, not the visible page", () => {
     expect(operationsPage).toContain("detailExportSource?.(view, {");
-    const app = readFileSync(
-      new URL("../../../../../apps/frontend/src/App.tsx", import.meta.url),
+    const exportSource = readFileSync(
+      new URL("../../../../../apps/frontend/src/use-operations-detail-export.ts", import.meta.url),
       "utf8",
     );
-    expect(app).toContain('executions: "operations_executions"');
-    expect(app).toContain("totalRows: firstPage.total_count");
-    expect(app).toContain("if (nextOffset >= page.total_count) return");
+    const pagination = readFileSync(
+      new URL("../../../../../apps/frontend/src/sqlite-page-export.ts", import.meta.url),
+      "utf8",
+    );
+    expect(exportSource).toContain('executions: "operations_executions"');
+    expect(exportSource).toContain("totalRows: firstPage.total_count");
+    expect(pagination).toContain("if (!page.has_more || nextOffset >= page.total_count) return");
+  });
+
+  it("exports factual developer identities with the work-list rows", () => {
+    expect(action).toContain('"developers"');
+    expect(action).toContain("formatDeveloperIdentities(row.developers)");
   });
 
   it("keeps the Operations action outside the tab nav and fixed at the bar end", () => {

package/templates/.agents/dashboard/modules/operations/src/react/index.ts

@@ -1,3 +1,4 @@
+export * from "./DeveloperAttributionPanel.js";
 export * from "./EntityDetailsDialog.js";
 export * from "./EntityTables.js";
 export * from "./export/ExcelExportAction.js";

package/templates/.agents/dashboard/modules/operations/src/react/operations-coverage-toast.test.ts

@@ -40,9 +40,10 @@ describe("Operations persisted aggregate display", () => {
     const overview = readFileSync(new URL("OperationsOverview.tsx", import.meta.url), "utf8");
 
     expect(overview).toContain("overviewMetrics?.duration_ms ??");
-    expect(overview).toContain(
-      "const totalTokensMetric = overviewMetrics?.tokens ?? allPhaseMetrics.tokens",
-    );
+    expect(overview).toContain("const totalTokensMetric = scopedOverviewMetric(");
+    expect(overview).toContain("selectedMacroTotals?.tokens,");
+    expect(overview).toContain("const totalDurationMetric = scopedOverviewMetric(");
+    expect(overview).toContain("selectedMacroTotals?.durationMs,");
     expect(overview).toContain("const totalCostMetric =");
     expect(overview).toContain(
       "durationMs: totalDurationMetric, tokens: totalTokensMetric, costBrl: totalCostMetric",

package/templates/.agents/dashboard/modules/operations/src/react/operations-date-filters.css

@@ -43,7 +43,7 @@
 }
 
 .operations-toolbar-field > span {
-  color: #64748b;
+  color: var(--muted);
   font-size: 0.51rem;
   font-weight: 700;
   letter-spacing: 0.08em;