@acmekit/dashboard 2.13.22 → 2.13.24

package/dist/{api-key-management-list-UAKJG336.mjs → api-key-management-list-QK4Q7Y5I.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   DateCell,
   PlaceholderCell
-} from "./chunk-RSLTE3VD.mjs";
+} from "./chunk-QZOY6YYT.mjs";
 import {
   _DataTable,
   useDataTable

package/dist/app.js

@@ -7264,7 +7264,7 @@ var init_placeholder_cell2 = __esm({
 });
 
 // src/components/table/table-cells/common/date-cell/date-cell.tsx
-var import_ui53, import_react_i18next38, import_jsx_runtime72, DateCell, DateHeader;
+var import_ui53, import_react_i18next38, import_jsx_runtime72, DateCell;
 var init_date_cell = __esm({
   "src/components/table/table-cells/common/date-cell/date-cell.tsx"() {
     "use strict";
@@ -7290,10 +7290,6 @@ var init_date_cell = __esm({
         }
       ) });
     };
-    DateHeader = () => {
-      const { t: t3 } = (0, import_react_i18next38.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "truncate", children: t3("fields.date") }) });
-    };
   }
 });
 
@@ -8549,24 +8545,13 @@ var init_use_workflow_execution_table_columns = __esm({
       const { t: t3 } = (0, import_react_i18next47.useTranslation)();
       return (0, import_react68.useMemo)(
         () => [
-          columnHelper5.accessor("id", {
-            header: t3("fields.id"),
-            cell: ({ row }) => {
-              const fullId = row.original.id;
-              const cleanId = fullId.replace("wf_exec_", "");
-              return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-x-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "truncate", children: cleanId }),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Copy, { content: fullId, className: "text-ui-fg-muted" })
-              ] });
-            }
-          }),
-          columnHelper5.accessor("transaction_id", {
-            header: t3("workflowExecutions.transactionIdLabel"),
+          columnHelper5.accessor("workflow_id", {
+            header: t3("workflowExecutions.workflowIdLabel"),
             cell: ({ getValue: getValue2 }) => {
-              const transactionId = getValue2();
+              const workflowId = getValue2();
               return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-x-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Badge, { size: "2xsmall", className: "truncate", children: transactionId }),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Copy, { content: transactionId, className: "text-ui-fg-muted" })
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Badge, { size: "2xsmall", className: "truncate", children: workflowId }),
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Copy, { content: workflowId, className: "text-ui-fg-muted" })
               ] });
             }
           }),
@@ -8584,7 +8569,7 @@ var init_use_workflow_execution_table_columns = __esm({
             cell: ({ getValue: getValue2 }) => {
               const steps = getValue2()?.steps;
               if (!steps) {
-                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-ui-fg-subtle", children: t3("workflowExecutions.stepsCompletedLabel", {
+                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-ui-fg-subtle whitespace-nowrap", children: t3("workflowExecutions.stepsCompletedLabel", {
                   completed: 0,
                   count: 0
                 }) });
@@ -8599,12 +8584,17 @@ var init_use_workflow_execution_table_columns = __esm({
                 /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex items-center gap-x-[3px]", children: actionableSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   "div",
                   {
-                    className: "bg-ui-bg-switch-off shadow-details-switch-background h-3 w-1.5 rounded-full",
+                    className: (0, import_ui65.clx)(
+                      "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__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-ui-fg-subtle", children: t3("workflowExecutions.stepsCompletedLabel", {
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-ui-fg-subtle whitespace-nowrap", children: t3("workflowExecutions.stepsCompletedLabel", {
                   completed: completedSteps.length,
                   count: actionableSteps.length
                 }) })
@@ -8638,49 +8628,25 @@ var init_use_workflow_execution_table_columns = __esm({
                 label = `${hours}h ${minutes % 60}m`;
               } else if (minutes > 0) {
                 label = `${minutes}m ${seconds % 60}s`;
-              } else {
+              } else if (seconds > 0) {
                 label = `${seconds}s`;
+              } else if (ms > 0) {
+                label = "<1s";
+              } else {
+                label = "0s";
               }
               return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: label });
             }
           }),
-          columnHelper5.accessor("execution", {
-            id: "last_step",
-            header: t3("workflowExecutions.lastStepLabel"),
-            cell: ({ getValue: getValue2 }) => {
-              const execution = getValue2();
-              const steps = execution?.steps;
-              if (!steps) {
-                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
-              }
-              const actionableSteps = Object.values(
-                steps
-              ).filter((step) => step.id !== ROOT_PREFIX);
-              if (!actionableSteps.length) {
-                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
-              }
-              const lastStep = actionableSteps.reduce((latest, current) => {
-                if (!latest) {
-                  return current;
-                }
-                return current.startedAt > latest.startedAt ? current : latest;
-              }, void 0);
-              const lastStepId = lastStep?.id.split(".").pop();
-              if (!lastStep || !lastStepId) {
-                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
-              }
-              return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: lastStepId });
-            }
-          }),
           columnHelper5.accessor("created_at", {
-            header: () => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DateHeader, {}),
+            header: t3("fields.createdAt"),
             cell: ({ getValue: getValue2 }) => {
               const date = getValue2();
               return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DateCell, { date });
             }
           }),
           columnHelper5.accessor("updated_at", {
-            header: () => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DateHeader, {}),
+            header: t3("fields.updatedAt"),
             cell: ({ getValue: getValue2 }) => {
               const date = getValue2();
               return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DateCell, { date });
@@ -8952,7 +8918,6 @@ var init_workflow_execution_general_section = __esm({
     import_react_i18next50 = require("react-i18next");
     init_utils2();
     init_types();
-    init_date_cell();
     init_use_date();
     init_constants2();
     import_jsx_runtime93 = require("react/jsx-runtime");
@@ -9037,25 +9002,11 @@ var init_workflow_execution_general_section = __esm({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: t3("fields.createdAt") }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DateCell, { date: createdAt }) })
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", children: createdAt ? getFullDate({ date: createdAt, includeTime: true }) : "-" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: t3("fields.updatedAt") }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DateCell, { date: updatedAt }) }),
-            updatedAt && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-              import_ui67.Text,
-              {
-                size: "xsmall",
-                leading: "compact",
-                className: "text-ui-fg-muted mt-1",
-                children: getFullDate({
-                  date: updatedAt,
-                  includeTime: true
-                })
-              }
-            )
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", children: updatedAt ? getFullDate({ date: updatedAt, includeTime: true }) : "-" })
         ] })
       ] });
     };
@@ -29880,7 +29831,6 @@ var en_default = {
     transactionIdLabel: "Transaction ID",
     workflowIdLabel: "Workflow ID",
     progressLabel: "Progress",
-    lastStepLabel: "Last step",
     metrics: {
       stepsSummary: "{{completed}} of {{total}} steps",
       failedSteps: "{{count}} failed",

package/dist/app.mjs

@@ -11881,7 +11881,6 @@ var en_default = {
     transactionIdLabel: "Transaction ID",
     workflowIdLabel: "Workflow ID",
     progressLabel: "Progress",
-    lastStepLabel: "Last step",
     metrics: {
       stepsSummary: "{{completed}} of {{total}} steps",
       failedSteps: "{{count}} failed",
@@ -95357,7 +95356,7 @@ var defaultSettingsRouteChildren = [
         children: [
           {
             path: "",
-            lazy: () => import("./api-key-management-list-UAKJG336.mjs"),
+            lazy: () => import("./api-key-management-list-QK4Q7Y5I.mjs"),
             children: [
               {
                 path: "create",
@@ -95399,7 +95398,7 @@ var defaultSettingsRouteChildren = [
         children: [
           {
             path: "",
-            lazy: () => import("./api-key-management-list-UAKJG336.mjs"),
+            lazy: () => import("./api-key-management-list-QK4Q7Y5I.mjs"),
             children: [
               {
                 path: "create",
@@ -95438,12 +95437,12 @@ var defaultSettingsRouteChildren = [
     children: [
       {
         path: "",
-        lazy: () => import("./workflow-execution-list-7QNA5LIH.mjs")
+        lazy: () => import("./workflow-execution-list-DETG4MRT.mjs")
       },
       {
         path: ":id",
         lazy: async () => {
-          const { Component, Breadcrumb, loader } = await import("./workflow-execution-detail-AWIFZJSL.mjs");
+          const { Component, Breadcrumb, loader } = await import("./workflow-execution-detail-5O5VCXL3.mjs");
           return {
             Component,
             loader,

package/dist/{chunk-RSLTE3VD.mjs → chunk-QZOY6YYT.mjs}

@@ -31,13 +31,8 @@ var DateCell = ({ date }) => {
     }
   ) });
 };
-var DateHeader = () => {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: t("fields.date") }) });
-};
 
 export {
   PlaceholderCell,
-  DateCell,
-  DateHeader
+  DateCell
 };

package/dist/en.json

@@ -2965,7 +2965,6 @@
     "transactionIdLabel": "Transaction ID",
     "workflowIdLabel": "Workflow ID",
     "progressLabel": "Progress",
-    "lastStepLabel": "Last step",
     "metrics": {
       "stepsSummary": "{{completed}} of {{total}} steps",
       "failedSteps": "{{count}} failed",

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

@@ -7,9 +7,6 @@ import {
   getTransactionState,
   getTransactionStateColor
 } from "./chunk-RPAL6FHW.mjs";
-import {
-  DateCell
-} from "./chunk-RSLTE3VD.mjs";
 import {
   useDate
 } from "./chunk-DFFLVEZ5.mjs";
@@ -163,25 +160,11 @@ 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("fields.createdAt") }),
-      /* @__PURE__ */ jsx2("div", { className: "flex items-center", children: /* @__PURE__ */ jsx2(DateCell, { date: 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__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx2("div", { className: "flex items-center", children: /* @__PURE__ */ jsx2(DateCell, { date: updatedAt }) }),
-        updatedAt && /* @__PURE__ */ jsx2(
-          Text,
-          {
-            size: "xsmall",
-            leading: "compact",
-            className: "text-ui-fg-muted mt-1",
-            children: getFullDate({
-              date: updatedAt,
-              includeTime: true
-            })
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: updatedAt ? getFullDate({ date: updatedAt, includeTime: true }) : "-" })
     ] })
   ] });
 };

package/dist/{workflow-execution-list-7QNA5LIH.mjs → workflow-execution-list-DETG4MRT.mjs}

@@ -1,11 +1,10 @@
+import {
+  DateCell
+} from "./chunk-QZOY6YYT.mjs";
 import {
   getTransactionState,
   getTransactionStateColor
 } from "./chunk-RPAL6FHW.mjs";
-import {
-  DateCell,
-  DateHeader
-} from "./chunk-RSLTE3VD.mjs";
 import {
   _DataTable,
   useDataTable
@@ -36,7 +35,7 @@ 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 } from "@acmekit/ui";
+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";
@@ -83,24 +82,13 @@ var useWorkflowExecutionTableColumns = () => {
   const { t } = useTranslation();
   return useMemo(
     () => [
-      columnHelper.accessor("id", {
-        header: t("fields.id"),
-        cell: ({ row }) => {
-          const fullId = row.original.id;
-          const cleanId = fullId.replace("wf_exec_", "");
-          return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-1", children: [
-            /* @__PURE__ */ jsx2("span", { className: "truncate", children: cleanId }),
-            /* @__PURE__ */ jsx2(Copy, { content: fullId, className: "text-ui-fg-muted" })
-          ] });
-        }
-      }),
-      columnHelper.accessor("transaction_id", {
-        header: t("workflowExecutions.transactionIdLabel"),
+      columnHelper.accessor("workflow_id", {
+        header: t("workflowExecutions.workflowIdLabel"),
         cell: ({ getValue }) => {
-          const transactionId = getValue();
+          const workflowId = getValue();
           return /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-1", children: [
-            /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "truncate", children: transactionId }),
-            /* @__PURE__ */ jsx2(Copy, { content: transactionId, className: "text-ui-fg-muted" })
+            /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", className: "truncate", children: workflowId }),
+            /* @__PURE__ */ jsx2(Copy, { content: workflowId, className: "text-ui-fg-muted" })
           ] });
         }
       }),
@@ -118,7 +106,7 @@ var useWorkflowExecutionTableColumns = () => {
         cell: ({ getValue }) => {
           const steps = getValue()?.steps;
           if (!steps) {
-            return /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-subtle", children: t("workflowExecutions.stepsCompletedLabel", {
+            return /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-subtle whitespace-nowrap", children: t("workflowExecutions.stepsCompletedLabel", {
               completed: 0,
               count: 0
             }) });
@@ -133,12 +121,17 @@ var useWorkflowExecutionTableColumns = () => {
             /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-x-[3px]", children: actionableSteps.map((step) => /* @__PURE__ */ jsx2(
               "div",
               {
-                className: "bg-ui-bg-switch-off shadow-details-switch-background h-3 w-1.5 rounded-full",
+                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", children: t("workflowExecutions.stepsCompletedLabel", {
+            /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-subtle whitespace-nowrap", children: t("workflowExecutions.stepsCompletedLabel", {
               completed: completedSteps.length,
               count: actionableSteps.length
             }) })
@@ -172,49 +165,25 @@ var useWorkflowExecutionTableColumns = () => {
             label = `${hours}h ${minutes % 60}m`;
           } else if (minutes > 0) {
             label = `${minutes}m ${seconds % 60}s`;
-          } else {
+          } 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("execution", {
-        id: "last_step",
-        header: t("workflowExecutions.lastStepLabel"),
-        cell: ({ getValue }) => {
-          const execution = getValue();
-          const steps = execution?.steps;
-          if (!steps) {
-            return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
-          }
-          const actionableSteps = Object.values(
-            steps
-          ).filter((step) => step.id !== ROOT_PREFIX);
-          if (!actionableSteps.length) {
-            return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
-          }
-          const lastStep = actionableSteps.reduce((latest, current) => {
-            if (!latest) {
-              return current;
-            }
-            return current.startedAt > latest.startedAt ? current : latest;
-          }, void 0);
-          const lastStepId = lastStep?.id.split(".").pop();
-          if (!lastStep || !lastStepId) {
-            return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
-          }
-          return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: lastStepId });
-        }
-      }),
       columnHelper.accessor("created_at", {
-        header: () => /* @__PURE__ */ jsx2(DateHeader, {}),
+        header: t("fields.createdAt"),
         cell: ({ getValue }) => {
           const date = getValue();
           return /* @__PURE__ */ jsx2(DateCell, { date });
         }
       }),
       columnHelper.accessor("updated_at", {
-        header: () => /* @__PURE__ */ jsx2(DateHeader, {}),
+        header: t("fields.updatedAt"),
         cell: ({ getValue }) => {
           const date = getValue();
           return /* @__PURE__ */ jsx2(DateCell, { date });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acmekit/dashboard",
-  "version": "2.13.22",
+  "version": "2.13.24",
   "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.22",
-    "@acmekit/icons": "2.13.22",
-    "@acmekit/js-sdk": "2.13.22",
-    "@acmekit/ui": "4.1.18",
+    "@acmekit/admin-shared": "2.13.24",
+    "@acmekit/icons": "2.13.24",
+    "@acmekit/js-sdk": "2.13.24",
+    "@acmekit/ui": "4.1.20",
     "@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.22",
-    "@acmekit/admin-vite-plugin": "2.13.22",
-    "@acmekit/types": "2.13.22",
-    "@acmekit/ui-preset": "2.13.22"
+    "@acmekit/admin-shared": "2.13.24",
+    "@acmekit/admin-vite-plugin": "2.13.24",
+    "@acmekit/types": "2.13.24",
+    "@acmekit/ui-preset": "2.13.24"
   },
   "packageManager": "yarn@3.2.1"
 }

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

@@ -11032,9 +11032,6 @@
         "progressLabel": {
           "type": "string"
         },
-        "lastStepLabel": {
-          "type": "string"
-        },
         "stepsCompletedLabel_one": {
           "type": "string"
         },
@@ -11215,7 +11212,6 @@
         "progressLabel",
         "stepsCompletedLabel_one",
         "stepsCompletedLabel_other",
-        "lastStepLabel",
         "metrics",
         "list",
         "history",

package/src/i18n/translations/en.json

@@ -2965,7 +2965,6 @@
     "transactionIdLabel": "Transaction ID",
     "workflowIdLabel": "Workflow ID",
     "progressLabel": "Progress",
-    "lastStepLabel": "Last step",
     "metrics": {
       "stepsSummary": "{{completed}} of {{total}} steps",
       "failedSteps": "{{count}} failed",

package/src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-general-section/workflow-execution-general-section.tsx

@@ -3,7 +3,6 @@ import { useTranslation } from "react-i18next"
 import { getTransactionState, getTransactionStateColor } from "../../../utils"
 import { HttpTypes } from "@acmekit/types"
 import { TransactionState, TransactionStepState } from "../../../types"
-import { DateCell } from "../../../../../components/table/table-cells/common/date-cell/date-cell"
 import { useDate } from "../../../../../hooks/use-date"
 import { STEP_ERROR_STATES, STEP_SKIPPED_STATES } from "../../../constants"
 
@@ -123,31 +122,21 @@ export const WorkflowExecutionGeneralSection = ({
         <Text size="small" leading="compact" weight="plus">
           {t("fields.createdAt")}
         </Text>
-        <div className="flex items-center">
-          <DateCell date={createdAt} />
-        </div>
+        <Text size="small" leading="compact">
+          {createdAt
+            ? getFullDate({ date: createdAt, includeTime: true })
+            : "-"}
+        </Text>
       </div>
       <div className="text-ui-fg-subtle grid grid-cols-2 px-6 py-4">
         <Text size="small" leading="compact" weight="plus">
           {t("fields.updatedAt")}
         </Text>
-        <div className="flex flex-col">
-          <div className="flex items-center">
-            <DateCell date={updatedAt} />
-          </div>
-          {updatedAt && (
-            <Text
-              size="xsmall"
-              leading="compact"
-              className="text-ui-fg-muted mt-1"
-            >
-              {getFullDate({
-                date: updatedAt,
-                includeTime: true,
-              })}
-            </Text>
-          )}
-        </div>
+        <Text size="small" leading="compact">
+          {updatedAt
+            ? getFullDate({ date: updatedAt, includeTime: true })
+            : "-"}
+        </Text>
       </div>
     </Container>
   )

package/src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-columns.tsx

@@ -1,11 +1,8 @@
-import { Badge, Copy, Text } from "@acmekit/ui"
+import { Badge, Copy, Text, clx } from "@acmekit/ui"
 import { ColumnDef, createColumnHelper } from "@tanstack/react-table"
 import { useMemo } from "react"
 import { useTranslation } from "react-i18next"
-import {
-  DateCell,
-  DateHeader,
-} from "../../../../../components/table/table-cells/common/date-cell/date-cell"
+import { DateCell } from "../../../../../components/table/table-cells/common/date-cell/date-cell"
 import { TransactionStepState } from "../../../types"
 import { getTransactionState, getTransactionStateColor } from "../../../utils"
 import { HttpTypes } from "@acmekit/types"
@@ -24,31 +21,17 @@ export const useWorkflowExecutionTableColumns = (): ColumnDef<
 
   return useMemo(
     () => [
-      columnHelper.accessor("id", {
-        header: t("fields.id"),
-        cell: ({ row }) => {
-          const fullId = row.original.id
-          const cleanId = fullId.replace("wf_exec_", "")
-
-          return (
-            <div className="flex items-center gap-x-1">
-              <span className="truncate">{cleanId}</span>
-              <Copy content={fullId} className="text-ui-fg-muted" />
-            </div>
-          )
-        },
-      }),
-      columnHelper.accessor("transaction_id", {
-        header: t("workflowExecutions.transactionIdLabel"),
+      columnHelper.accessor("workflow_id", {
+        header: t("workflowExecutions.workflowIdLabel"),
         cell: ({ getValue }) => {
-          const transactionId = getValue()
+          const workflowId = getValue()
 
           return (
             <div className="flex items-center gap-x-1">
               <Badge size="2xsmall" className="truncate">
-                {transactionId}
+                {workflowId}
               </Badge>
-              <Copy content={transactionId} className="text-ui-fg-muted" />
+              <Copy content={workflowId} className="text-ui-fg-muted" />
             </div>
           )
         },
@@ -77,7 +60,7 @@ export const useWorkflowExecutionTableColumns = (): ColumnDef<
 
           if (!steps) {
             return (
-              <span className="text-ui-fg-subtle">
+              <span className="text-ui-fg-subtle whitespace-nowrap">
                 {t("workflowExecutions.stepsCompletedLabel", {
                   completed: 0,
                   count: 0,
@@ -100,14 +83,20 @@ export const useWorkflowExecutionTableColumns = (): ColumnDef<
                 {actionableSteps.map((step) => (
                   <div
                     key={step.id}
-                    className="bg-ui-bg-switch-off shadow-details-switch-background h-3 w-1.5 rounded-full"
+                    className={clx(
+                      "bg-ui-bg-switch-off shadow-details-switch-background h-3 w-1.5 rounded-full",
+                      {
+                        "bg-ui-fg-muted":
+                          step.invoke.state === TransactionStepState.DONE,
+                      }
+                    )}
                     data-completed={
                       step.invoke.state === TransactionStepState.DONE
                     }
                   />
                 ))}
               </div>
-              <span className="text-ui-fg-subtle">
+              <span className="text-ui-fg-subtle whitespace-nowrap">
                 {t("workflowExecutions.stepsCompletedLabel", {
                   completed: completedSteps.length,
                   count: actionableSteps.length,
@@ -168,8 +157,12 @@ export const useWorkflowExecutionTableColumns = (): ColumnDef<
             label = `${hours}h ${minutes % 60}m`
           } else if (minutes > 0) {
             label = `${minutes}m ${seconds % 60}s`
-          } else {
+          } else if (seconds > 0) {
             label = `${seconds}s`
+          } else if (ms > 0) {
+            label = "<1s"
+          } else {
+            label = "0s"
           }
 
           return (
@@ -179,72 +172,15 @@ export const useWorkflowExecutionTableColumns = (): ColumnDef<
           )
         },
       }),
-      columnHelper.accessor("execution", {
-        id: "last_step",
-        header: t("workflowExecutions.lastStepLabel"),
-        cell: ({ getValue }) => {
-          const execution = getValue() as
-            | HttpTypes.AdminWorkflowExecutionExecution
-            | undefined
-
-          const steps = execution?.steps
-
-          if (!steps) {
-            return (
-              <Text size="small" leading="compact" className="text-ui-fg-subtle">
-                {"-"}
-              </Text>
-            )
-          }
-
-          const actionableSteps = Object.values(
-            steps as Record<string, HttpTypes.AdminWorkflowExecutionStep>
-          ).filter((step) => step.id !== ROOT_PREFIX)
-
-          if (!actionableSteps.length) {
-            return (
-              <Text size="small" leading="compact" className="text-ui-fg-subtle">
-                {"-"}
-              </Text>
-            )
-          }
-
-          const lastStep = actionableSteps.reduce<
-            HttpTypes.AdminWorkflowExecutionStep | undefined
-          >((latest, current) => {
-            if (!latest) {
-              return current
-            }
-
-            return current.startedAt > latest.startedAt ? current : latest
-          }, undefined)
-
-          const lastStepId = lastStep?.id.split(".").pop()
-
-          if (!lastStep || !lastStepId) {
-            return (
-              <Text size="small" leading="compact" className="text-ui-fg-subtle">
-                {"-"}
-              </Text>
-            )
-          }
-
-          return (
-            <Text size="small" leading="compact" className="text-ui-fg-subtle">
-              {lastStepId}
-            </Text>
-          )
-        },
-      }),
       columnHelper.accessor("created_at", {
-        header: () => <DateHeader />,
+        header: t("fields.createdAt"),
         cell: ({ getValue }) => {
           const date = getValue()
           return <DateCell date={date} />
         },
       }),
       columnHelper.accessor("updated_at", {
-        header: () => <DateHeader />,
+        header: t("fields.updatedAt"),
         cell: ({ getValue }) => {
           const date = getValue()
           return <DateCell date={date} />