@acmekit/dashboard 2.13.34 → 2.13.36

package/dist/{user-detail-KUSRRVNX.mjs → user-detail-WCXBFRGS.mjs}

@@ -1,6 +1,6 @@
 import {
   SingleColumnPage
-} from "./chunk-22YYMH6M.mjs";
+} from "./chunk-RISX76YT.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
@@ -16,14 +16,14 @@ import {
   useDeleteUser,
   useUser,
   usersQueryKeys
-} from "./chunk-YRWSG3YM.mjs";
+} from "./chunk-HHPPTD3B.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import {
   sdk
-} from "./chunk-DTY37DDZ.mjs";
+} from "./chunk-YKIWIMJX.mjs";
 import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/users/user-detail/breadcrumb.tsx

package/dist/{user-edit-HTN3ZGCL.mjs → user-edit-XDVMJOS4.mjs}

@@ -3,17 +3,17 @@ import {
   KeyboundForm,
   RouteDrawer,
   useRouteModal
-} from "./chunk-2U3RK3JG.mjs";
+} from "./chunk-VEI6HW6L.mjs";
 import {
   Form
 } from "./chunk-ND3ODI36.mjs";
 import {
   useUpdateUser,
   useUser
-} from "./chunk-YRWSG3YM.mjs";
+} from "./chunk-HHPPTD3B.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
-import "./chunk-DTY37DDZ.mjs";
+import "./chunk-YKIWIMJX.mjs";
 import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/users/user-edit/user-edit.tsx

package/dist/{user-invite-E3FAAU3V.mjs → user-invite-73ZDSDFC.mjs}

@@ -18,20 +18,20 @@ import {
   useDeleteInvite,
   useInvites,
   useResendInvite
-} from "./chunk-XIM7X4FB.mjs";
+} from "./chunk-SYACY6AL.mjs";
 import "./chunk-ITNQKZQQ.mjs";
 import "./chunk-OAHCJFG3.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import {
   KeyboundForm,
   RouteFocusModal
-} from "./chunk-2U3RK3JG.mjs";
+} from "./chunk-VEI6HW6L.mjs";
 import {
   Form
 } from "./chunk-ND3ODI36.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
-import "./chunk-DTY37DDZ.mjs";
+import "./chunk-YKIWIMJX.mjs";
 import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/users/user-invite/components/invite-user-form/invite-user-form.tsx

package/dist/{user-list-KNJ5S3IM.mjs → user-list-MPJXE3CA.mjs}

@@ -1,6 +1,6 @@
 import {
   useFeatureFlag
-} from "./chunk-DQCEH3X2.mjs";
+} from "./chunk-7F3CWXUH.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
@@ -10,7 +10,7 @@ import {
 import "./chunk-535OVBXR.mjs";
 import {
   SingleColumnPage
-} from "./chunk-22YYMH6M.mjs";
+} from "./chunk-RISX76YT.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
@@ -24,15 +24,15 @@ import {
   useSetActiveViewConfiguration,
   useUpdateViewConfiguration,
   useViewConfigurations
-} from "./chunk-DN3MIYQH.mjs";
+} from "./chunk-FKTMBR44.mjs";
 import "./chunk-OAHCJFG3.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import {
   useUsers
-} from "./chunk-YRWSG3YM.mjs";
+} from "./chunk-HHPPTD3B.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
-import "./chunk-DTY37DDZ.mjs";
+import "./chunk-YKIWIMJX.mjs";
 import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/users/user-list/components/user-list-table/user-list-table.tsx

package/dist/{user-metadata-5GQK75DT.mjs → user-metadata-ADNTL3LT.mjs}

@@ -1,10 +1,10 @@
-import "./chunk-ST2YB7JN.mjs";
-import "./chunk-GBFVWROS.mjs";
-import "./chunk-EFRMWHRX.mjs";
-import "./chunk-LKWTBYYC.mjs";
-import "./chunk-ULSPL3DR.mjs";
-import "./chunk-DN3MIYQH.mjs";
-import "./chunk-XIM7X4FB.mjs";
+import "./chunk-WLRJXEKL.mjs";
+import "./chunk-5IEHCYJO.mjs";
+import "./chunk-XIP35KXF.mjs";
+import "./chunk-PFZQYK7R.mjs";
+import "./chunk-A7ULKHDE.mjs";
+import "./chunk-FKTMBR44.mjs";
+import "./chunk-SYACY6AL.mjs";
 import {
   Skeleton
 } from "./chunk-ITNQKZQQ.mjs";
@@ -19,17 +19,17 @@ import {
   KeyboundForm,
   RouteDrawer,
   useRouteModal
-} from "./chunk-2U3RK3JG.mjs";
+} from "./chunk-VEI6HW6L.mjs";
 import {
   Form
 } from "./chunk-ND3ODI36.mjs";
 import {
   useUpdateUser,
   useUser
-} from "./chunk-YRWSG3YM.mjs";
+} from "./chunk-HHPPTD3B.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
-import "./chunk-DTY37DDZ.mjs";
+import "./chunk-YKIWIMJX.mjs";
 import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/users/user-metadata/user-metadata.tsx

package/dist/workflow-analytics-4WCI4ODQ.mjs

@@ -0,0 +1,152 @@
+import {
+  SingleColumnPage
+} from "./chunk-RISX76YT.mjs";
+import {
+  queryKeysFactory
+} from "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-YKIWIMJX.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/workflow-analytics/workflow-analytics.tsx
+import {
+  Badge,
+  Container,
+  Heading,
+  Text
+} from "@acmekit/ui";
+import { useTranslation } from "react-i18next";
+
+// src/hooks/api/workflow-metrics.tsx
+import { useQuery } from "@tanstack/react-query";
+var WORKFLOW_METRICS_QUERY_KEY = "workflow_metrics";
+var workflowMetricsQueryKeys = queryKeysFactory(
+  WORKFLOW_METRICS_QUERY_KEY
+);
+var useWorkflowMetrics = (options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: async () => {
+      const result = await sdk.client.fetch(
+        "/admin/workflows-executions/metrics"
+      );
+      return result;
+    },
+    queryKey: workflowMetricsQueryKeys.all,
+    refetchInterval: 3e4,
+    ...options
+  });
+  return { ...data, ...rest };
+};
+
+// src/routes/workflow-analytics/workflow-analytics.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var WorkflowAnalytics = () => {
+  const { t } = useTranslation();
+  const {
+    total_24h,
+    success_rate_24h,
+    avg_duration_ms_24h,
+    running_now,
+    per_workflow,
+    isPending: isLoading
+  } = useWorkflowMetrics();
+  const formatDuration = (ms) => {
+    if (ms < 1e3) return `${ms}ms`;
+    if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
+    const min = Math.floor(ms / 6e4);
+    const sec = Math.round(ms % 6e4 / 1e3);
+    return `${min}m ${sec}s`;
+  };
+  const formatRate = (rate) => `${(rate * 100).toFixed(1)}%`;
+  return /* @__PURE__ */ jsxs(SingleColumnPage, { widgets: { before: [], after: [] }, children: [
+    /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+        /* @__PURE__ */ jsx(Heading, { children: t("workflowExecutions.analytics.domain") }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("workflowExecutions.analytics.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-px bg-ui-border-base", children: [
+        /* @__PURE__ */ jsx(
+          MetricCard,
+          {
+            label: t("workflowExecutions.analytics.executions24h"),
+            value: isLoading ? "-" : String(total_24h ?? 0),
+            subtitle: "Last 24h"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MetricCard,
+          {
+            label: t("workflowExecutions.analytics.successRate"),
+            value: isLoading ? "-" : formatRate(success_rate_24h ?? 0),
+            subtitle: "Last 24h",
+            color: (success_rate_24h ?? 1) >= 0.9 ? "green" : (success_rate_24h ?? 1) >= 0.7 ? "orange" : "red"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MetricCard,
+          {
+            label: t("workflowExecutions.analytics.avgDuration"),
+            value: isLoading ? "-" : formatDuration(avg_duration_ms_24h ?? 0),
+            subtitle: "Last 24h"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MetricCard,
+          {
+            label: t("workflowExecutions.analytics.runningNow"),
+            value: isLoading ? "-" : String(running_now ?? 0),
+            color: (running_now ?? 0) > 0 ? "blue" : void 0
+          }
+        )
+      ] })
+    ] }),
+    per_workflow && per_workflow.length > 0 && /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("workflowExecutions.analytics.perWorkflowBreakdown") }) }),
+      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-ui-border-base border-b", children: [
+          /* @__PURE__ */ jsx("th", { className: "text-ui-fg-subtle txt-compact-small-plus px-6 py-2 text-left", children: "Workflow" }),
+          /* @__PURE__ */ jsx("th", { className: "text-ui-fg-subtle txt-compact-small-plus px-6 py-2 text-right", children: "Runs" }),
+          /* @__PURE__ */ jsx("th", { className: "text-ui-fg-subtle txt-compact-small-plus px-6 py-2 text-right", children: "Success Rate" }),
+          /* @__PURE__ */ jsx("th", { className: "text-ui-fg-subtle txt-compact-small-plus px-6 py-2 text-right", children: "Avg Duration" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: per_workflow.map((wf) => /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: "border-ui-border-base border-b last:border-b-0",
+            children: [
+              /* @__PURE__ */ jsx("td", { className: "px-6 py-3", children: /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: wf.workflow_id }) }),
+              /* @__PURE__ */ jsx("td", { className: "txt-compact-small text-ui-fg-subtle px-6 py-3 text-right", children: wf.runs }),
+              /* @__PURE__ */ jsx("td", { className: "txt-compact-small text-ui-fg-subtle px-6 py-3 text-right", children: formatRate(wf.success_rate) }),
+              /* @__PURE__ */ jsx("td", { className: "txt-compact-small text-ui-fg-subtle px-6 py-3 text-right", children: formatDuration(wf.avg_duration_ms) })
+            ]
+          },
+          wf.workflow_id
+        )) })
+      ] }) })
+    ] })
+  ] });
+};
+var MetricCard = ({
+  label,
+  value,
+  subtitle,
+  color
+}) => {
+  const colorClass = color ? {
+    green: "text-ui-tag-green-icon",
+    orange: "text-ui-tag-orange-icon",
+    red: "text-ui-tag-red-icon",
+    blue: "text-ui-tag-blue-icon"
+  }[color] : "text-ui-fg-base";
+  return /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-base flex flex-col gap-y-1 px-6 py-4", children: [
+    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: label }),
+    /* @__PURE__ */ jsx(Text, { size: "xlarge", weight: "plus", className: colorClass, children: value }),
+    subtitle && /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: subtitle })
+  ] });
+};
+var Component = WorkflowAnalytics;
+export {
+  Component,
+  WorkflowAnalytics
+};

package/dist/workflow-definition-detail-GI6CFBMG.mjs

@@ -0,0 +1,94 @@
+import {
+  useWorkflowDefinition
+} from "./chunk-GBPAZAJK.mjs";
+import {
+  SingleColumnPage
+} from "./chunk-RISX76YT.mjs";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-ITNQKZQQ.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-YKIWIMJX.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/workflow-definitions/workflow-definition-detail/workflow-definition-detail.tsx
+import { ArrowPathMini } from "@acmekit/icons";
+import {
+  Badge,
+  Button,
+  Container,
+  Copy,
+  Heading,
+  Text
+} from "@acmekit/ui";
+import { useTranslation } from "react-i18next";
+import { Link, useParams } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var WorkflowDefinitionDetail = () => {
+  const { id } = useParams();
+  const { t } = useTranslation();
+  const {
+    workflow_definition: definition,
+    isPending: isLoading,
+    isError,
+    error
+  } = useWorkflowDefinition(id);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SingleColumnPageSkeleton, { sections: 2, showJSON: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  if (!definition) {
+    return /* @__PURE__ */ jsx(SingleColumnPageSkeleton, { sections: 2, showJSON: true });
+  }
+  return /* @__PURE__ */ jsxs(
+    SingleColumnPage,
+    {
+      widgets: { before: [], after: [] },
+      data: definition,
+      showJSON: true,
+      hasOutlet: true,
+      children: [
+        /* @__PURE__ */ jsx(Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-3", children: /* @__PURE__ */ jsx(Copy, { content: definition.id, asChild: true, children: /* @__PURE__ */ jsx(Badge, { size: "2xsmall", className: "cursor-pointer", children: definition.id }) }) }),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", asChild: true, children: /* @__PURE__ */ jsxs(Link, { to: "run", children: [
+            /* @__PURE__ */ jsx(ArrowPathMini, { className: "mr-1" }),
+            t("workflowExecutions.actions.runWorkflow")
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("workflowExecutions.definitions.steps") }),
+            /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: [
+              t("workflowExecutions.definitions.stepCount"),
+              ":",
+              " ",
+              definition.steps?.length || 0
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "divide-y", children: (definition.steps || []).map((step, idx) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center justify-between px-6 py-3",
+              style: { paddingLeft: `${1.5 + step.depth * 1.5}rem` },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted txt-compact-xsmall", children: step.depth > 0 ? "\u2514" : "\u25CF" }),
+                  /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: step.action })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted txt-compact-xsmall", children: step.noCompensation ? "no compensation" : "" })
+              ]
+            },
+            `${step.action}-${idx}`
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+var Component = WorkflowDefinitionDetail;
+export {
+  Component,
+  WorkflowDefinitionDetail
+};

package/dist/workflow-definition-list-GF3XAEPS.mjs

@@ -0,0 +1,142 @@
+import {
+  useWorkflowDefinitions
+} from "./chunk-GBPAZAJK.mjs";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-YLPAZ2DP.mjs";
+import "./chunk-DFFLVEZ5.mjs";
+import "./chunk-535OVBXR.mjs";
+import {
+  SingleColumnPage
+} from "./chunk-RISX76YT.mjs";
+import "./chunk-ITNQKZQQ.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-YKIWIMJX.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/workflow-definitions/workflow-definition-list/components/workflow-definition-list-table/workflow-definition-list-table.tsx
+import { Container, Heading, Text } from "@acmekit/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/routes/workflow-definitions/workflow-definition-list/components/workflow-definition-list-table/use-workflow-definition-table-columns.tsx
+import { Badge, Copy } from "@acmekit/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useWorkflowDefinitionTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("id", {
+        header: t("workflowExecutions.definitions.name"),
+        cell: ({ getValue }) => {
+          const id = getValue();
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
+            /* @__PURE__ */ jsx(Badge, { size: "2xsmall", className: "truncate", children: id }),
+            /* @__PURE__ */ jsx(Copy, { content: id, className: "text-ui-fg-muted" })
+          ] });
+        }
+      }),
+      columnHelper.accessor("steps", {
+        header: t("workflowExecutions.definitions.stepCount"),
+        cell: ({ getValue }) => {
+          const steps = getValue();
+          return /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-subtle txt-compact-small", children: [
+            steps?.length || 0,
+            " ",
+            t("workflowExecutions.definitions.steps")
+          ] });
+        }
+      }),
+      columnHelper.accessor("handler_count", {
+        header: t("workflowExecutions.definitions.handlers"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle txt-compact-small", children: getValue() || 0 });
+        }
+      }),
+      columnHelper.display({
+        id: "schedule",
+        header: t("workflowExecutions.scheduled.schedule"),
+        cell: ({ row }) => {
+          const schedule = row.original.options?.schedule;
+          if (!schedule) {
+            return /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted txt-compact-small", children: "-" });
+          }
+          return /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "purple", children: String(schedule) });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+// src/routes/workflow-definitions/workflow-definition-list/components/workflow-definition-list-table/workflow-definition-list-table.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var WorkflowDefinitionListTable = () => {
+  const { t } = useTranslation2();
+  const {
+    workflow_definitions,
+    count,
+    isPending: isLoading,
+    isError,
+    error
+  } = useWorkflowDefinitions(void 0, {
+    placeholderData: keepPreviousData
+  });
+  const definitions = workflow_definitions || [];
+  const columns = useWorkflowDefinitionTableColumns();
+  const { table } = useDataTable({
+    data: definitions,
+    columns,
+    count,
+    pageSize: PAGE_SIZE,
+    enablePagination: true,
+    getRowId: (row) => row.id
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx2(Heading, { children: t("workflowExecutions.definitions.domain") }),
+      /* @__PURE__ */ jsx2(Text, { className: "text-ui-fg-subtle", size: "small", children: t("workflowExecutions.definitions.subtitle") })
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      _DataTable,
+      {
+        table,
+        columns,
+        count,
+        isLoading,
+        pageSize: PAGE_SIZE,
+        navigateTo: (row) => row.id,
+        search: true,
+        pagination: true
+      }
+    )
+  ] });
+};
+
+// src/routes/workflow-definitions/workflow-definition-list/workflow-definition-list.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var WorkflowDefinitionList = () => {
+  return /* @__PURE__ */ jsx3(
+    SingleColumnPage,
+    {
+      widgets: { before: [], after: [] },
+      hasOutlet: true,
+      children: /* @__PURE__ */ jsx3(WorkflowDefinitionListTable, {})
+    }
+  );
+};
+var Component = WorkflowDefinitionList;
+export {
+  Component,
+  WorkflowDefinitionList
+};