@burdenoff/fluidgrids-fe-sdk 2026.731.4 → 2026.731.6

package/dist/index.js

@@ -1,29 +1,30 @@
 export { Label } from './chunk-6QCBKN3P.js';
-import { FluidGridsProvider, useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TemplateCard, Card } from './chunk-BWUUCBIC.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FluidGridsProvider, WorkflowBuilder as WorkflowBuilderPage, useFluidGridsContext } from './chunk-BWUUCBIC.js';
+import { FluidGridsProvider, useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TemplateCard, Card } from './chunk-2XMPJHCW.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FluidGridsProvider, WorkflowBuilder as WorkflowBuilderPage, useFluidGridsContext } from './chunk-2XMPJHCW.js';
 import { Input as Input$1 } from './chunk-MRVS73S2.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input } from './chunk-MRVS73S2.js';
 import { Button as Button$1 } from './chunk-DBOMRIP5.js';
 export { Badge, Button, badgeVariants, buttonVariants } from './chunk-DBOMRIP5.js';
-export { ExecutionsListPage } from './chunk-FTWBKQUU.js';
-export { ExecutionDetailPage } from './chunk-IBPEITOH.js';
-import './chunk-4BY7JVRA.js';
-export { ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, ProviderPicker, getProviderForm, listCustomBlocks, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders } from './chunk-TH764V3S.js';
+export { ExecutionsListPage } from './chunk-USFXD36A.js';
+export { ExecutionDetailPage } from './chunk-TKAS26Q3.js';
+import './chunk-6AK7GFWB.js';
+export { ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, ProviderPicker, getProviderForm, listCustomBlocks, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders } from './chunk-IVKT244I.js';
 import { createGlobalStoreClient } from './chunk-BQXHJIER.js';
 export { createGlobalStoreClient, getGlobalStoreClient, resetGlobalStoreClient, setGlobalStoreClient } from './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
-export { WorkflowsList } from './chunk-XPUAUQ3I.js';
-import { useWorkflowDefinitions, useDuplicateWorkflow, useWorkflowVersions } from './chunk-42PCKNPK.js';
-export { useActivateWorkflow, useCreateWorkflow, useCreateWorkflowVersion, useDashboardSummary, useDeactivateWorkflow, useDeleteWorkflow, useDuplicateWorkflow, useLazyWorkflowDefinition, useRestoreWorkflowVersion, useTriggerWorkflow, useUpdateWorkflow, useWorkflowDefinition, useWorkflowDefinitions, useWorkflowRun, useWorkflowRuns, useWorkflowVersions } from './chunk-42PCKNPK.js';
+export { WorkflowsList } from './chunk-JIZFSX6X.js';
+import { useWorkflowDefinitions, useDuplicateWorkflow } from './chunk-NMS2QUXG.js';
+export { useActivateWorkflow, useCreateWorkflow, useCreateWorkflowVersion, useDashboardSummary, useDeactivateWorkflow, useDeleteWorkflow, useDuplicateWorkflow, useLazyWorkflowDefinition, useRestoreWorkflowVersion, useTriggerWorkflow, useUpdateWorkflow, useWorkflowDefinition, useWorkflowDefinitions, useWorkflowRun, useWorkflowRuns, useWorkflowVersions } from './chunk-NMS2QUXG.js';
 import { useFlowStore } from './chunk-KU64CCSV.js';
 export { useFlowStore } from './chunk-KU64CCSV.js';
 export { ALLOW_ALL_PERMISSIONS, FLUIDGRIDS_PERMISSIONS, FluidGridsPermissionsProvider, SdkPermissionButton, SdkPermissionGate, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, evaluatePermissionCheck, useFluidGridsPermission } from './chunk-UIY2HBWA.js';
 import { cn } from './chunk-3ZYUGTIT.js';
 export { cn } from './chunk-3ZYUGTIT.js';
-import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument } from './chunk-IU65EQOS.js';
-export { ActivateWorkflowDefinitionDocument, ActiveExecutionsDocument, CancelExecutionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, DashboardSummaryDocument, DeactivateWorkflowDefinitionDocument, DeleteWorkflowDefinitionDocument, DuplicateWorkflowDocument, EventRegistrationsDocument, ExecutionDetailDocument, ExecutionLogsDocument, ExecutionStatsDocument, ExecutionsListDocument, ImportWorkflowTemplateDocument, NodeEndpointConfigDocument, NodeEndpointConfigsDocument, NodeManifestDocument, NodeSchemaIntrospectionDocument, NodeStatesDocument, NodeUsageStatusDocument, PauseExecutionDocument, RegisterNodeDocument, RemoveNodeFromWorkflowsDocument, RestoreWorkflowVersionDocument, ResumeExecutionDocument, RetryNodeDocument, RunLogAppendedDocument, RunLogLineFieldsFragmentDoc, RunLogsDocument, TerminateExecutionDocument, TriggerWorkflowDocument, UpdateWorkflowDefinitionDocument, UsageTimeSeriesDocument, WorkflowDefinitionDocument, WorkflowDefinitionsDocument, WorkflowRunDocument, WorkflowRunsDocument, WorkflowVersionsDocument, describeOperationError, throwIfResultError, useActivateWorkflowDefinitionMutation, useActiveExecutionsLazyQuery, useActiveExecutionsQuery, useActiveExecutionsSuspenseQuery, useCancelExecutionMutation, useCreateWorkflowDefinitionMutation, useCreateWorkflowVersionMutation, useDashboardSummaryLazyQuery, useDashboardSummaryQuery, useDashboardSummarySuspenseQuery, useDeactivateWorkflowDefinitionMutation, useDeleteWorkflowDefinitionMutation, useDuplicateWorkflowMutation, useEventRegistrationsLazyQuery, useEventRegistrationsQuery, useEventRegistrationsSuspenseQuery, useExecutionDetailLazyQuery, useExecutionDetailQuery, useExecutionDetailSuspenseQuery, useExecutionLogsLazyQuery, useExecutionLogsQuery, useExecutionLogsSuspenseQuery, useExecutionStatsLazyQuery, useExecutionStatsQuery, useExecutionStatsSuspenseQuery, useExecutionsListLazyQuery, useExecutionsListQuery, useExecutionsListSuspenseQuery, useImportWorkflowTemplateMutation, useNodeEndpointConfigLazyQuery, useNodeEndpointConfigQuery, useNodeEndpointConfigSuspenseQuery, useNodeEndpointConfigsLazyQuery, useNodeEndpointConfigsQuery, useNodeEndpointConfigsSuspenseQuery, useNodeManifestLazyQuery, useNodeManifestQuery, useNodeManifestSuspenseQuery, useNodeSchemaIntrospectionLazyQuery, useNodeSchemaIntrospectionQuery, useNodeSchemaIntrospectionSuspenseQuery, useNodeStatesLazyQuery, useNodeStatesQuery, useNodeStatesSuspenseQuery, useNodeUsageStatusLazyQuery, useNodeUsageStatusQuery, useNodeUsageStatusSuspenseQuery, usePauseExecutionMutation, useRegisterNodeMutation, useRemoveNodeFromWorkflowsMutation, useRestoreWorkflowVersionMutation, useResumeExecutionMutation, useRetryNodeMutation, useRunLogAppendedSubscription, useRunLogsLazyQuery, useRunLogsQuery, useRunLogsSuspenseQuery, useTerminateExecutionMutation, useTriggerWorkflowMutation, useUpdateWorkflowDefinitionMutation, useUsageTimeSeriesLazyQuery, useUsageTimeSeriesQuery, useUsageTimeSeriesSuspenseQuery, useWorkflowDefinitionLazyQuery, useWorkflowDefinitionQuery, useWorkflowDefinitionSuspenseQuery, useWorkflowDefinitionsLazyQuery, useWorkflowDefinitionsQuery, useWorkflowDefinitionsSuspenseQuery, useWorkflowRunLazyQuery, useWorkflowRunQuery, useWorkflowRunSuspenseQuery, useWorkflowRunsLazyQuery, useWorkflowRunsQuery, useWorkflowRunsSuspenseQuery, useWorkflowVersionsLazyQuery, useWorkflowVersionsQuery, useWorkflowVersionsSuspenseQuery } from './chunk-IU65EQOS.js';
+import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument } from './chunk-XEYNX7YJ.js';
+export { ActivateWorkflowDefinitionDocument, ActiveExecutionsDocument, CancelExecutionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, DashboardSummaryDocument, DeactivateWorkflowDefinitionDocument, DeleteWorkflowDefinitionDocument, DuplicateWorkflowDocument, EventRegistrationsDocument, ExecutionDetailDocument, ExecutionLogsDocument, ExecutionStatsDocument, ExecutionsListDocument, ImportWorkflowTemplateDocument, NodeEndpointConfigDocument, NodeEndpointConfigsDocument, NodeManifestDocument, NodeSchemaIntrospectionDocument, NodeStatesDocument, NodeUsageStatusDocument, PauseExecutionDocument, RegisterNodeDocument, RemoveNodeFromWorkflowsDocument, RestoreWorkflowVersionDocument, ResumeExecutionDocument, RetryNodeDocument, RunLogAppendedDocument, RunLogLineFieldsFragmentDoc, RunLogsDocument, TerminateExecutionDocument, TriggerWorkflowDocument, UpdateWorkflowDefinitionDocument, UsageTimeSeriesDocument, WorkflowDefinitionDocument, WorkflowDefinitionsDocument, WorkflowRunDocument, WorkflowRunsDocument, WorkflowVersionsDocument, describeOperationError, throwIfResultError, useActivateWorkflowDefinitionMutation, useActiveExecutionsLazyQuery, useActiveExecutionsQuery, useActiveExecutionsSuspenseQuery, useCancelExecutionMutation, useCreateWorkflowDefinitionMutation, useCreateWorkflowVersionMutation, useDashboardSummaryLazyQuery, useDashboardSummaryQuery, useDashboardSummarySuspenseQuery, useDeactivateWorkflowDefinitionMutation, useDeleteWorkflowDefinitionMutation, useDuplicateWorkflowMutation, useEventRegistrationsLazyQuery, useEventRegistrationsQuery, useEventRegistrationsSuspenseQuery, useExecutionDetailLazyQuery, useExecutionDetailQuery, useExecutionDetailSuspenseQuery, useExecutionLogsLazyQuery, useExecutionLogsQuery, useExecutionLogsSuspenseQuery, useExecutionStatsLazyQuery, useExecutionStatsQuery, useExecutionStatsSuspenseQuery, useExecutionsListLazyQuery, useExecutionsListQuery, useExecutionsListSuspenseQuery, useImportWorkflowTemplateMutation, useNodeEndpointConfigLazyQuery, useNodeEndpointConfigQuery, useNodeEndpointConfigSuspenseQuery, useNodeEndpointConfigsLazyQuery, useNodeEndpointConfigsQuery, useNodeEndpointConfigsSuspenseQuery, useNodeManifestLazyQuery, useNodeManifestQuery, useNodeManifestSuspenseQuery, useNodeSchemaIntrospectionLazyQuery, useNodeSchemaIntrospectionQuery, useNodeSchemaIntrospectionSuspenseQuery, useNodeStatesLazyQuery, useNodeStatesQuery, useNodeStatesSuspenseQuery, useNodeUsageStatusLazyQuery, useNodeUsageStatusQuery, useNodeUsageStatusSuspenseQuery, usePauseExecutionMutation, useRegisterNodeMutation, useRemoveNodeFromWorkflowsMutation, useRestoreWorkflowVersionMutation, useResumeExecutionMutation, useRetryNodeMutation, useRunLogAppendedSubscription, useRunLogsLazyQuery, useRunLogsQuery, useRunLogsSuspenseQuery, useTerminateExecutionMutation, useTriggerWorkflowMutation, useUpdateWorkflowDefinitionMutation, useUsageTimeSeriesLazyQuery, useUsageTimeSeriesQuery, useUsageTimeSeriesSuspenseQuery, useWorkflowDefinitionLazyQuery, useWorkflowDefinitionQuery, useWorkflowDefinitionSuspenseQuery, useWorkflowDefinitionsLazyQuery, useWorkflowDefinitionsQuery, useWorkflowDefinitionsSuspenseQuery, useWorkflowRunLazyQuery, useWorkflowRunQuery, useWorkflowRunSuspenseQuery, useWorkflowRunsLazyQuery, useWorkflowRunsQuery, useWorkflowRunsSuspenseQuery, useWorkflowVersionsLazyQuery, useWorkflowVersionsQuery, useWorkflowVersionsSuspenseQuery } from './chunk-XEYNX7YJ.js';
 import { getFluidGridsClient, createFluidGridsClient } from './chunk-5BDQNSP3.js';
 export { createFluidGridsClient, getFluidGridsClient, getFluidGridsClientSafe, isFluidGridsClientReady, resetFluidGridsClient, setFluidGridsClient, waitForFluidGridsClient } from './chunk-5BDQNSP3.js';
+import { getFluidGridsConfig } from './chunk-WWU2O2SR.js';
 export { config, getFluidGridsConfig, getGraphQLEndpoint, resetFluidGridsConfig, setFluidGridsConfig } from './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
 import * as React4 from 'react';
@@ -41,6 +42,7 @@ import { Button } from '@burdenoff/fe-libs/button';
 import { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';
 import { ThemeProvider as ThemeProvider$1 } from '@burdenoff/fe-libs/shared/providers/shell';
 import { Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Badge, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Tabs, TabsList, TabsTrigger, TabsContent, Skeleton, Card as Card$1, CardHeader, Switch, Label } from '@burdenoff/fe-libs/ui';
+import { useActorProfiles, buildActorFallback } from '@burdenoff/fe-libs/shared';
 import { v4 } from 'uuid';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
@@ -52,20 +54,20 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
 var WorkflowsList2 = lazy(
-  () => import('./WorkflowsList-ZNSFZMAQ.js').then((m) => ({ default: m.WorkflowsList }))
+  () => import('./WorkflowsList-S2MGY2UT.js').then((m) => ({ default: m.WorkflowsList }))
 );
 var WorkflowBuilder2 = lazy(
-  () => import('./WorkflowBuilder-734VD3ZO.js').then((m) => ({
+  () => import('./WorkflowBuilder-IGQYC2UR.js').then((m) => ({
     default: m.WorkflowBuilder
   }))
 );
 var ExecutionsListPage2 = lazy(
-  () => import('./ExecutionsListPage-SMQZVUYI.js').then((m) => ({
+  () => import('./ExecutionsListPage-NXTMFIRZ.js').then((m) => ({
     default: m.ExecutionsListPage
   }))
 );
 var ExecutionDetailPage2 = lazy(
-  () => import('./ExecutionDetailPage-Q2H7KMHW.js').then((m) => ({
+  () => import('./ExecutionDetailPage-VCVJ2EOP.js').then((m) => ({
     default: m.ExecutionDetailPage
   }))
 );
@@ -935,23 +937,12 @@ function postToParent(payload) {
   window.parent.postMessage(payload, "*");
 }
 var PAGE_SIZE = 20;
+var FETCH_LIMIT = 500;
 var STATUS_STYLES = {
-  ACTIVE: {
-    className: "bg-emerald-500/15 text-emerald-400 border-emerald-500/30",
-    label: "Active"
-  },
-  DRAFT: {
-    className: "bg-amber-500/15 text-amber-400 border-amber-500/30",
-    label: "Draft"
-  },
-  ARCHIVED: {
-    className: "bg-zinc-500/15 text-zinc-400 border-zinc-500/30",
-    label: "Archived"
-  },
-  DEPRECATED: {
-    className: "bg-red-500/15 text-red-400 border-red-500/30",
-    label: "Deprecated"
-  }
+  ACTIVE: { label: "Active", variant: "default" },
+  DRAFT: { label: "Draft", variant: "secondary" },
+  ARCHIVED: { label: "Archived", variant: "outline" },
+  DEPRECATED: { label: "Deprecated", variant: "destructive" }
 };
 function HistoryTableSkeleton() {
   return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(
@@ -991,71 +982,73 @@ function ErrorState({
     )
   ] });
 }
-function VersionRowsFromWorkflow({
-  workflow,
-  onRowsReady
+function StatCard({
+  label,
+  value,
+  valueClassName
 }) {
-  const { versions, loading } = useWorkflowVersions(workflow.workflowKey);
-  useMemo(() => {
-    if (!loading && versions.length > 0) {
-      const rows = versions.map((v) => ({
-        id: v.id,
-        workflowKey: v.workflowKey,
-        workflowName: v.name || workflow.name,
-        version: v.version,
-        status: v.status ?? "DRAFT",
-        createdBy: v.createdById ?? "Unknown",
-        updatedAt: v.updatedAt,
-        createdAt: v.createdAt
-      }));
-      onRowsReady(rows);
-    } else if (!loading && versions.length === 0) {
-      onRowsReady([
-        {
-          id: workflow.id,
-          workflowKey: workflow.workflowKey,
-          workflowName: workflow.name,
-          version: workflow.version,
-          status: workflow.status ?? "DRAFT",
-          createdBy: workflow.createdById ?? "Unknown",
-          updatedAt: workflow.updatedAt,
-          createdAt: workflow.createdAt
-        }
-      ]);
-    }
-  }, [loading, versions, workflow, onRowsReady]);
-  return null;
+  return /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg bg-background-secondary border border-border-secondary", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: label }),
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: `text-xl font-bold ${valueClassName ?? "text-text-primary"}`,
+        children: value
+      }
+    )
+  ] });
 }
 function HistoryPage() {
   const navigate = useNavigate();
   const [search, setSearch] = useState("");
   const [workflowFilter, setWorkflowFilter] = useState("all");
   const [page, setPage] = useState(0);
-  const [versionMap, setVersionMap] = useState(
-    {}
+  const {
+    workflows: versionRows,
+    total,
+    hasMore,
+    loading,
+    error,
+    refetch
+  } = useWorkflowDefinitions({ limit: FETCH_LIMIT });
+  const allRows = useMemo(
+    () => [...versionRows].sort(
+      (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
+    ),
+    [versionRows]
   );
-  const { workflows, loading, error, refetch } = useWorkflowDefinitions({
-    limit: 100
+  const distinctWorkflows = useMemo(() => {
+    const byKey = /* @__PURE__ */ new Map();
+    for (const row of allRows) {
+      if (!byKey.has(row.workflowKey)) {
+        byKey.set(row.workflowKey, {
+          workflowKey: row.workflowKey,
+          name: row.name
+        });
+      }
+    }
+    return [...byKey.values()];
+  }, [allRows]);
+  const config2 = getFluidGridsConfig();
+  const actorInputs = useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const row of allRows) {
+      if (row.createdById) ids.add(row.createdById);
+    }
+    return [...ids].map((actorId) => ({ actorId, actorType: "user" }));
+  }, [allRows]);
+  const actorProfiles = useActorProfiles(actorInputs, {
+    workspaceId: config2.workspaceId || void 0,
+    orgId: config2.organizationId,
+    authToken: config2.authToken
   });
-  const handleRowsReady = useCallback(
-    (workflowKey) => (rows) => {
-      setVersionMap((prev) => {
-        if (prev[workflowKey] && prev[workflowKey].length === rows.length)
-          return prev;
-        return { ...prev, [workflowKey]: rows };
-      });
+  const changedByLabel = useCallback(
+    (createdById) => {
+      if (!createdById) return "\u2014";
+      return actorProfiles[createdById]?.displayName ?? buildActorFallback({ actorId: createdById, actorType: "user" }).displayName;
     },
-    []
+    [actorProfiles]
   );
-  const allRows = useMemo(() => {
-    const combined = [];
-    for (const rows of Object.values(versionMap)) {
-      combined.push(...rows);
-    }
-    return combined.sort(
-      (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
-    );
-  }, [versionMap]);
   const filteredRows = useMemo(() => {
     let rows = allRows;
     if (workflowFilter !== "all") {
@@ -1064,18 +1057,18 @@ function HistoryPage() {
     if (search.trim()) {
       const q = search.toLowerCase();
       rows = rows.filter(
-        (r) => r.workflowName.toLowerCase().includes(q) || r.version.toLowerCase().includes(q) || r.workflowKey.toLowerCase().includes(q)
+        (r) => r.name.toLowerCase().includes(q) || r.version.toLowerCase().includes(q) || r.workflowKey.toLowerCase().includes(q) || changedByLabel(r.createdById).toLowerCase().includes(q)
       );
     }
     return rows;
-  }, [allRows, workflowFilter, search]);
+  }, [allRows, workflowFilter, search, changedByLabel]);
   const totalPages = Math.max(1, Math.ceil(filteredRows.length / PAGE_SIZE));
   const paginatedRows = filteredRows.slice(
     page * PAGE_SIZE,
     (page + 1) * PAGE_SIZE
   );
-  const handleNavigateToVersion = (row) => {
-    navigate(`../workflow/${row.workflowKey}/${row.version}`);
+  const handleNavigateToVersion = (workflowKey, version) => {
+    navigate(`../workflow/${workflowKey}/${version}`);
   };
   const formatDate = (dateStr) => {
     try {
@@ -1090,16 +1083,8 @@ function HistoryPage() {
       return dateStr;
     }
   };
-  const isVersionsLoading = loading || workflows.length > 0 && allRows.length === 0;
+  const countByStatus = (status) => allRows.filter((r) => r.status === status).length;
   return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
-    workflows.map((w) => /* @__PURE__ */ jsx(
-      VersionRowsFromWorkflow,
-      {
-        workflow: w,
-        onRowsReady: handleRowsReady(w.workflowKey)
-      },
-      w.workflowKey
-    )),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: "Version History" }),
@@ -1129,7 +1114,7 @@ function HistoryPage() {
         /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "Search by name, version, or key...",
+            placeholder: "Search by name, version, key, or author...",
             value: search,
             onChange: (e) => {
               setSearch(e.target.value);
@@ -1151,32 +1136,42 @@ function HistoryPage() {
             /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[220px] bg-background-secondary border-border-secondary", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "All Workflows" }) }),
             /* @__PURE__ */ jsxs(SelectContent, { children: [
               /* @__PURE__ */ jsx(SelectItem, { value: "all", children: "All Workflows" }),
-              workflows.map((w) => /* @__PURE__ */ jsx(SelectItem, { value: w.workflowKey, children: w.name }, w.workflowKey))
+              distinctWorkflows.map((w) => /* @__PURE__ */ jsx(SelectItem, { value: w.workflowKey, children: w.name }, w.workflowKey))
             ] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 mb-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg bg-background-secondary border border-border-secondary", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: "Total Versions" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-text-primary", children: allRows.length })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg bg-background-secondary border border-border-secondary", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: "Workflows" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-text-primary", children: workflows.length })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg bg-background-secondary border border-border-secondary", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: "Active" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-emerald-400", children: allRows.filter((r) => r.status === "ACTIVE").length })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg bg-background-secondary border border-border-secondary", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: "Draft" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-amber-400", children: allRows.filter((r) => r.status === "DRAFT").length })
-      ] })
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-5 gap-3 mb-6", children: [
+      /* @__PURE__ */ jsx(StatCard, { label: "Total Versions", value: total || allRows.length }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Workflows", value: distinctWorkflows.length }),
+      /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Active",
+          value: countByStatus("ACTIVE"),
+          valueClassName: "text-[var(--color-status-success-text)]"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Draft",
+          value: countByStatus("DRAFT"),
+          valueClassName: "text-[var(--color-status-warning-text)]"
+        }
+      ),
+      /* @__PURE__ */ jsx(StatCard, { label: "Archived", value: countByStatus("ARCHIVED") })
+    ] }),
+    hasMore && /* @__PURE__ */ jsxs("p", { className: "text-xs text-text-secondary mb-4", children: [
+      "Showing the ",
+      allRows.length,
+      " most recent versions of ",
+      total,
+      "."
     ] }),
     error && /* @__PURE__ */ jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsx(ErrorState, { message: error.message, onRetry: refetch }) }),
-    isVersionsLoading ? /* @__PURE__ */ jsx(HistoryTableSkeleton, {}) : filteredRows.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {}) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border-secondary", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+    loading ? /* @__PURE__ */ jsx(HistoryTableSkeleton, {}) : filteredRows.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {}) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border-secondary", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border-secondary bg-background-secondary", children: [
         /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: "Workflow Name" }),
         /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: "Version" }),
@@ -1191,7 +1186,7 @@ function HistoryPage() {
           "tr",
           {
             className: "border-b border-border-secondary last:border-0 hover:bg-background-secondary/50 cursor-pointer transition-colors",
-            onClick: () => handleNavigateToVersion(row),
+            onClick: () => handleNavigateToVersion(row.workflowKey, row.version),
             children: [
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx(
@@ -1203,23 +1198,23 @@ function HistoryPage() {
                   }
                 ),
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("p", { className: "font-medium text-text-primary", children: row.workflowName }),
+                  /* @__PURE__ */ jsx("p", { className: "font-medium text-text-primary", children: row.name }),
                   /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: row.workflowKey })
                 ] })
               ] }) }),
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx("code", { className: "text-xs bg-background-secondary px-2 py-0.5 rounded text-text-primary", children: row.version }) }),
-              /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
-                Badge,
+              /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(Badge, { variant: statusStyle.variant, children: statusStyle.label }) }),
+              /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-text-secondary", children: /* @__PURE__ */ jsxs(
+                "div",
                 {
-                  variant: "outline",
-                  className: statusStyle.className,
-                  children: statusStyle.label
+                  className: "flex items-center gap-1.5",
+                  title: row.createdById ?? void 0,
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { icon: "mdi:account", width: 16 }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate max-w-[160px]", children: changedByLabel(row.createdById) })
+                  ]
                 }
               ) }),
-              /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-text-secondary", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx(Icon, { icon: "mdi:account", width: 16 }),
-                /* @__PURE__ */ jsx("span", { className: "truncate max-w-[120px]", children: row.createdBy })
-              ] }) }),
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-text-secondary", children: formatDate(row.updatedAt) }),
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
                 /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -1227,7 +1222,10 @@ function HistoryPage() {
                   {
                     onClick: (e) => {
                       e.stopPropagation();
-                      handleNavigateToVersion(row);
+                      handleNavigateToVersion(
+                        row.workflowKey,
+                        row.version
+                      );
                     },
                     className: "p-1.5 rounded hover:bg-background-secondary text-text-secondary hover:text-text-primary transition-colors",
                     children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:open-in-new", width: 16 })
@@ -1237,7 +1235,7 @@ function HistoryPage() {
               ] }) }) })
             ]
           },
-          `${row.workflowKey}-${row.version}-${row.id}`
+          row.id
         );
       }) })
     ] }) }),