@acmekit/dashboard 2.13.21 → 2.13.23

package/dist/app.mjs

@@ -11881,6 +11881,13 @@ var en_default = {
     transactionIdLabel: "Transaction ID",
     workflowIdLabel: "Workflow ID",
     progressLabel: "Progress",
+    metrics: {
+      stepsSummary: "{{completed}} of {{total}} steps",
+      failedSteps: "{{count}} failed",
+      skippedSteps: "{{count}} skipped",
+      compensatedYes: "Compensated",
+      compensatedNo: "Not compensated"
+    },
     stepsCompletedLabel_one: "{{completed}} of {{count}} step",
     stepsCompletedLabel_other: "{{completed}} of {{count}} steps",
     list: {
@@ -12096,6 +12103,7 @@ var en_default = {
     note: "Note",
     automaticTaxes: "Automatic Taxes",
     taxInclusivePricing: "Tax inclusive pricing",
+    duration: "Duration",
     currency: "Currency",
     address: "Address",
     address2: "Apartment, suite, etc.",
@@ -95348,7 +95356,7 @@ var defaultSettingsRouteChildren = [
         children: [
           {
             path: "",
-            lazy: () => import("./api-key-management-list-HYZG23AG.mjs"),
+            lazy: () => import("./api-key-management-list-QK4Q7Y5I.mjs"),
             children: [
               {
                 path: "create",
@@ -95390,7 +95398,7 @@ var defaultSettingsRouteChildren = [
         children: [
           {
             path: "",
-            lazy: () => import("./api-key-management-list-HYZG23AG.mjs"),
+            lazy: () => import("./api-key-management-list-QK4Q7Y5I.mjs"),
             children: [
               {
                 path: "create",
@@ -95429,12 +95437,12 @@ var defaultSettingsRouteChildren = [
     children: [
       {
         path: "",
-        lazy: () => import("./workflow-execution-list-HQ3V6TML.mjs")
+        lazy: () => import("./workflow-execution-list-DETG4MRT.mjs")
       },
       {
         path: ":id",
         lazy: async () => {
-          const { Component, Breadcrumb, loader } = await import("./workflow-execution-detail-LZXCRVNC.mjs");
+          const { Component, Breadcrumb, loader } = await import("./workflow-execution-detail-5O5VCXL3.mjs");
           return {
             Component,
             loader,

package/dist/chunk-QZOY6YYT.mjs

@@ -0,0 +1,38 @@
+import {
+  useDate
+} from "./chunk-DFFLVEZ5.mjs";
+
+// src/components/table/table-cells/common/date-cell/date-cell.tsx
+import { Tooltip } from "@acmekit/ui";
+import { useTranslation } from "react-i18next";
+
+// src/components/table/table-cells/common/placeholder-cell/placeholder-cell.tsx
+import { jsx } from "react/jsx-runtime";
+var PlaceholderCell = () => {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted", children: "-" }) });
+};
+
+// src/components/table/table-cells/common/date-cell/date-cell.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DateCell = ({ date }) => {
+  const { getFullDate } = useDate();
+  if (!date) {
+    return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2(
+    Tooltip,
+    {
+      className: "z-10",
+      content: /* @__PURE__ */ jsx2("span", { className: "text-pretty", children: `${getFullDate({
+        date,
+        includeTime: true
+      })}` }),
+      children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: getFullDate({ date, includeTime: false }) })
+    }
+  ) });
+};
+
+export {
+  PlaceholderCell,
+  DateCell
+};

package/dist/en.json

@@ -2965,6 +2965,13 @@
     "transactionIdLabel": "Transaction ID",
     "workflowIdLabel": "Workflow ID",
     "progressLabel": "Progress",
+    "metrics": {
+      "stepsSummary": "{{completed}} of {{total}} steps",
+      "failedSteps": "{{count}} failed",
+      "skippedSteps": "{{count}} skipped",
+      "compensatedYes": "Compensated",
+      "compensatedNo": "Not compensated"
+    },
     "stepsCompletedLabel_one": "{{completed}} of {{count}} step",
     "stepsCompletedLabel_other": "{{completed}} of {{count}} steps",
     "list": {
@@ -3180,6 +3187,7 @@
     "note": "Note",
     "automaticTaxes": "Automatic Taxes",
     "taxInclusivePricing": "Tax inclusive pricing",
+    "duration": "Duration",
     "currency": "Currency",
     "address": "Address",
     "address2": "Apartment, suite, etc.",

package/dist/{workflow-execution-detail-LZXCRVNC.mjs → workflow-execution-detail-5O5VCXL3.mjs}

@@ -7,6 +7,10 @@ import {
   getTransactionState,
   getTransactionStateColor
 } from "./chunk-RPAL6FHW.mjs";
+import {
+  useDate
+} from "./chunk-DFFLVEZ5.mjs";
+import "./chunk-535OVBXR.mjs";
 import {
   JsonViewSection,
   SingleColumnPage
@@ -72,21 +76,14 @@ var workflowExecutionLoader = async ({
 import { useParams } from "react-router-dom";
 
 // src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-general-section/workflow-execution-general-section.tsx
-import {
-  Badge,
-  Container,
-  Copy,
-  Heading,
-  StatusBadge,
-  Text,
-  clx
-} from "@acmekit/ui";
+import { Badge, Container, Copy, Heading, StatusBadge, Text, clx } from "@acmekit/ui";
 import { useTranslation } from "react-i18next";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var WorkflowExecutionGeneralSection = ({
   execution
 }) => {
   const { t } = useTranslation();
+  const { getFullDate } = useDate();
   const cleanId = execution.id.replace("wf_exec_", "");
   const translatedState = getTransactionState(
     t,
@@ -95,6 +92,24 @@ var WorkflowExecutionGeneralSection = ({
   const stateColor = getTransactionStateColor(
     execution.state
   );
+  const createdAt = execution.created_at;
+  const updatedAt = execution.updated_at;
+  const allSteps = Object.values(execution.execution?.steps || {}).filter(
+    (step) => step.id !== ROOT_PREFIX
+  );
+  const totalSteps = allSteps.length;
+  const completedSteps = allSteps.filter(
+    (step) => step.invoke.state === "done" /* DONE */
+  ).length;
+  const failedSteps = allSteps.filter(
+    (step) => STEP_ERROR_STATES.includes(step.invoke.state)
+  ).length;
+  const skippedSteps = allSteps.filter(
+    (step) => STEP_SKIPPED_STATES.includes(step.invoke.state)
+  ).length;
+  const compensatedSteps = allSteps.filter(
+    (step) => step.compensate.state === "reverted" /* REVERTED */
+  ).length;
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-0.5", children: [
@@ -105,15 +120,51 @@ var WorkflowExecutionGeneralSection = ({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("workflowExecutions.workflowIdLabel") }),
-      /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "w-fit", children: execution.workflow_id })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
+        /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "w-fit", children: execution.workflow_id }),
+        /* @__PURE__ */ jsx2(Copy, { content: execution.workflow_id, className: "text-ui-fg-muted" })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("workflowExecutions.transactionIdLabel") }),
-      /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "w-fit", children: execution.transaction_id })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
+        /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "w-fit", children: execution.transaction_id }),
+        /* @__PURE__ */ jsx2(
+          Copy,
+          {
+            content: execution.transaction_id,
+            className: "text-ui-fg-muted"
+          }
+        )
+      ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("workflowExecutions.progressLabel") }),
       /* @__PURE__ */ jsx2(Progress, { steps: execution.execution?.steps })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.summary") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("workflowExecutions.metrics.stepsSummary", {
+          completed: completedSteps,
+          total: totalSteps
+        }) }),
+        failedSteps > 0 && /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("workflowExecutions.metrics.failedSteps", {
+          count: failedSteps
+        }) }),
+        skippedSteps > 0 && /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("workflowExecutions.metrics.skippedSteps", {
+          count: skippedSteps
+        }) }),
+        /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: compensatedSteps > 0 ? t("workflowExecutions.metrics.compensatedYes") : t("workflowExecutions.metrics.compensatedNo") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.createdAt") }),
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: createdAt ? getFullDate({ date: createdAt, includeTime: true }) : "-" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.updatedAt") }),
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: updatedAt ? getFullDate({ date: updatedAt, includeTime: true }) : "-" })
     ] })
   ] });
 };
@@ -125,7 +176,7 @@ var Progress = ({
   if (!steps) {
     return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("workflowExecutions.stepsCompletedLabel", {
       completed: 0,
-      total: 0
+      count: 0
     }) });
   }
   const actionableSteps = Object.values(steps).filter(

package/dist/workflow-execution-list-DETG4MRT.mjs

@@ -0,0 +1,347 @@
+import {
+  DateCell
+} from "./chunk-QZOY6YYT.mjs";
+import {
+  getTransactionState,
+  getTransactionStateColor
+} from "./chunk-RPAL6FHW.mjs";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-YLPAZ2DP.mjs";
+import {
+  useQueryParams
+} from "./chunk-C76H5USB.mjs";
+import "./chunk-DFFLVEZ5.mjs";
+import "./chunk-535OVBXR.mjs";
+import {
+  SingleColumnPage
+} from "./chunk-22YYMH6M.mjs";
+import {
+  useExtension
+} from "./chunk-C5P5PL3E.mjs";
+import {
+  useWorkflowExecutions
+} from "./chunk-LKWTBYYC.mjs";
+import "./chunk-ITNQKZQQ.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-DTY37DDZ.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/workflow-execution-list-table.tsx
+import { Container, Heading, Text as Text2 } from "@acmekit/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-columns.tsx
+import { Badge, Copy, Text, clx as clx2 } from "@acmekit/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+
+// src/components/data-table/components/data-table-status-cell/data-table-status-cell.tsx
+import { clx } from "@acmekit/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DataTableStatusCell = ({
+  color,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "txt-compact-small text-ui-fg-subtle flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "presentation",
+        className: "flex h-5 w-2 items-center justify-center",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clx(
+              "h-2 w-2 rounded-sm shadow-[0px_0px_0px_1px_rgba(0,0,0,0.12)_inset]",
+              {
+                "bg-ui-tag-neutral-icon": color === "grey",
+                "bg-ui-tag-green-icon": color === "green",
+                "bg-ui-tag-red-icon": color === "red",
+                "bg-ui-tag-blue-icon": color === "blue",
+                "bg-ui-tag-orange-icon": color === "orange",
+                "bg-ui-tag-purple-icon": color === "purple"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children })
+  ] });
+};
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-columns.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useWorkflowExecutionTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("workflow_id", {
+        header: t("workflowExecutions.workflowIdLabel"),
+        cell: ({ getValue }) => {
+          const workflowId = getValue();
+          return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-1", children: [
+            /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "truncate", children: workflowId }),
+            /* @__PURE__ */ jsx2(Copy, { content: workflowId, className: "text-ui-fg-muted" })
+          ] });
+        }
+      }),
+      columnHelper.accessor("state", {
+        header: t("fields.state"),
+        cell: ({ getValue }) => {
+          const state = getValue();
+          const color = getTransactionStateColor(state);
+          const translatedState = getTransactionState(t, state);
+          return /* @__PURE__ */ jsx2(DataTableStatusCell, { color, children: /* @__PURE__ */ jsx2("span", { className: "capitalize", children: translatedState }) });
+        }
+      }),
+      columnHelper.accessor("execution", {
+        header: t("workflowExecutions.progressLabel"),
+        cell: ({ getValue }) => {
+          const steps = getValue()?.steps;
+          if (!steps) {
+            return /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-subtle whitespace-nowrap", children: t("workflowExecutions.stepsCompletedLabel", {
+              completed: 0,
+              count: 0
+            }) });
+          }
+          const actionableSteps = Object.values(steps).filter(
+            (step) => step.id !== ROOT_PREFIX
+          );
+          const completedSteps = actionableSteps.filter(
+            (step) => step.invoke.state === "done" /* DONE */
+          );
+          return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-x-[3px]", children: actionableSteps.map((step) => /* @__PURE__ */ jsx2(
+              "div",
+              {
+                className: clx2(
+                  "bg-ui-bg-switch-off shadow-details-switch-background h-3 w-1.5 rounded-full",
+                  {
+                    "bg-ui-fg-muted": step.invoke.state === "done" /* DONE */
+                  }
+                ),
+                "data-completed": step.invoke.state === "done" /* DONE */
+              },
+              step.id
+            )) }),
+            /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-subtle whitespace-nowrap", children: t("workflowExecutions.stepsCompletedLabel", {
+              completed: completedSteps.length,
+              count: actionableSteps.length
+            }) })
+          ] });
+        }
+      }),
+      columnHelper.display({
+        id: "duration",
+        header: t("fields.duration"),
+        cell: ({ row }) => {
+          const createdAt = row.original.created_at;
+          const updatedAt = row.original.updated_at;
+          const state = row.original.state;
+          if (!createdAt) {
+            return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
+          }
+          const start = new Date(createdAt);
+          const end = updatedAt && ["done", "failed", "reverted"].includes(state) ? new Date(updatedAt) : /* @__PURE__ */ new Date();
+          if (isNaN(start.getTime()) || isNaN(end.getTime())) {
+            return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
+          }
+          const ms = end.getTime() - start.getTime();
+          if (ms < 0) {
+            return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
+          }
+          const seconds = Math.floor(ms / 1e3);
+          const minutes = Math.floor(seconds / 60);
+          const hours = Math.floor(minutes / 60);
+          let label;
+          if (hours > 0) {
+            label = `${hours}h ${minutes % 60}m`;
+          } else if (minutes > 0) {
+            label = `${minutes}m ${seconds % 60}s`;
+          } else if (seconds > 0) {
+            label = `${seconds}s`;
+          } else if (ms > 0) {
+            label = "<1s";
+          } else {
+            label = "0s";
+          }
+          return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: label });
+        }
+      }),
+      columnHelper.accessor("created_at", {
+        header: t("fields.createdAt"),
+        cell: ({ getValue }) => {
+          const date = getValue();
+          return /* @__PURE__ */ jsx2(DateCell, { date });
+        }
+      }),
+      columnHelper.accessor("updated_at", {
+        header: t("fields.updatedAt"),
+        cell: ({ getValue }) => {
+          const date = getValue();
+          return /* @__PURE__ */ jsx2(DateCell, { date });
+        }
+      })
+    ],
+    [t]
+  );
+};
+var ROOT_PREFIX = "_root";
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-filters.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useWorkflowExecutionTableFilters = () => {
+  const { t } = useTranslation2();
+  const stateFilter = {
+    key: "state",
+    label: t("fields.status"),
+    type: "select",
+    multiple: true,
+    options: [
+      {
+        label: t("workflowExecutions.state.done"),
+        value: "done"
+      },
+      {
+        label: t("workflowExecutions.state.failed"),
+        value: "failed"
+      },
+      {
+        label: t("workflowExecutions.state.reverted"),
+        value: "reverted"
+      },
+      {
+        label: t("workflowExecutions.state.invoking"),
+        value: "invoking"
+      },
+      {
+        label: t("workflowExecutions.transaction.state.waitingToCompensate"),
+        value: "waiting_to_compensate"
+      },
+      {
+        label: t("workflowExecutions.state.compensating"),
+        value: "compensating"
+      },
+      {
+        label: t("workflowExecutions.state.notStarted"),
+        value: "not_started"
+      }
+    ]
+  };
+  const dateFilters = [
+    { key: "created_at", label: t("fields.createdAt"), type: "date" },
+    { key: "updated_at", label: t("fields.updatedAt"), type: "date" }
+  ];
+  return [stateFilter, ...dateFilters];
+};
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-query.tsx
+var useWorkflowExecutionTableQuery = ({
+  pageSize = 20,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    ["q", "offset", "order", "state", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, order, state, created_at, updated_at, ...rest } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset) : 0,
+    order: order ?? "-created_at",
+    state: state ? state.split(",") : void 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    ...rest
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/workflow-execution-list-table.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var WorkflowExecutionListTable = () => {
+  const { t } = useTranslation3();
+  const { searchParams, raw } = useWorkflowExecutionTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { workflow_executions, count, isLoading, isError, error } = useWorkflowExecutions(
+    {
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = useWorkflowExecutionTableColumns();
+  const filters = useWorkflowExecutionTableFilters();
+  const { table } = useDataTable({
+    data: workflow_executions || [],
+    columns,
+    count,
+    pageSize: PAGE_SIZE,
+    enablePagination: true,
+    getRowId: (row) => row.id
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs3(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs3("div", { children: [
+      /* @__PURE__ */ jsx3(Heading, { children: t("workflowExecutions.domain") }),
+      /* @__PURE__ */ jsx3(Text2, { className: "text-ui-fg-subtle", size: "small", children: t(`workflowExecutions.subtitle`) })
+    ] }) }),
+    /* @__PURE__ */ jsx3(
+      _DataTable,
+      {
+        table,
+        columns,
+        filters,
+        count,
+        isLoading,
+        orderBy: [
+          { key: "created_at", label: t("fields.createdAt") },
+          { key: "updated_at", label: t("fields.updatedAt") }
+        ],
+        pageSize: PAGE_SIZE,
+        navigateTo: (row) => `${row.id}`,
+        search: true,
+        pagination: true,
+        queryObject: raw,
+        noRecords: {
+          message: t("workflowExecutions.list.noRecordsMessage")
+        }
+      }
+    )
+  ] });
+};
+
+// src/routes/workflow-executions/workflow-execution-list/workflow-execution-list.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var WorkflowExcecutionList = () => {
+  const { getWidgets } = useExtension();
+  return /* @__PURE__ */ jsx4(
+    SingleColumnPage,
+    {
+      widgets: {
+        after: getWidgets("workflow.list.after"),
+        before: getWidgets("workflow.list.before")
+      },
+      hasOutlet: false,
+      children: /* @__PURE__ */ jsx4(WorkflowExecutionListTable, {})
+    }
+  );
+};
+export {
+  WorkflowExcecutionList as Component
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acmekit/dashboard",
-  "version": "2.13.21",
+  "version": "2.13.23",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "../../../node_modules/.bin/vite",
@@ -39,10 +39,10 @@
     "dist"
   ],
   "dependencies": {
-    "@acmekit/admin-shared": "2.13.21",
-    "@acmekit/icons": "2.13.21",
-    "@acmekit/js-sdk": "2.13.21",
-    "@acmekit/ui": "4.1.17",
+    "@acmekit/admin-shared": "2.13.23",
+    "@acmekit/icons": "2.13.23",
+    "@acmekit/js-sdk": "2.13.23",
+    "@acmekit/ui": "4.1.19",
     "@ariakit/react": "^0.4.15",
     "@babel/runtime": "^7.26.10",
     "@dnd-kit/core": "^6.1.0",
@@ -80,10 +80,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@acmekit/admin-shared": "2.13.21",
-    "@acmekit/admin-vite-plugin": "2.13.21",
-    "@acmekit/types": "2.13.21",
-    "@acmekit/ui-preset": "2.13.21"
+    "@acmekit/admin-shared": "2.13.23",
+    "@acmekit/admin-vite-plugin": "2.13.23",
+    "@acmekit/types": "2.13.23",
+    "@acmekit/ui-preset": "2.13.23"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/i18n/translations/$schema.json

@@ -11038,6 +11038,34 @@
         "stepsCompletedLabel_other": {
           "type": "string"
         },
+        "metrics": {
+          "type": "object",
+          "properties": {
+            "stepsSummary": {
+              "type": "string"
+            },
+            "failedSteps": {
+              "type": "string"
+            },
+            "skippedSteps": {
+              "type": "string"
+            },
+            "compensatedYes": {
+              "type": "string"
+            },
+            "compensatedNo": {
+              "type": "string"
+            }
+          },
+          "required": [
+            "stepsSummary",
+            "failedSteps",
+            "skippedSteps",
+            "compensatedYes",
+            "compensatedNo"
+          ],
+          "additionalProperties": false
+        },
         "list": {
           "type": "object",
           "properties": {
@@ -11184,6 +11212,7 @@
         "progressLabel",
         "stepsCompletedLabel_one",
         "stepsCompletedLabel_other",
+        "metrics",
         "list",
         "history",
         "state",
@@ -11759,6 +11788,9 @@
         "taxInclusivePricing": {
           "type": "string"
         },
+        "duration": {
+          "type": "string"
+        },
         "currency": {
           "type": "string"
         },