@burdenoff/fluidgrids-fe-sdk 2026.731.5 → 2026.731.6

package/dist/ExecutionDetailPage-VCVJ2EOP.js

@@ -0,0 +1,8 @@
+export { ExecutionDetailPage } from './chunk-TKAS26Q3.js';
+import './chunk-6AK7GFWB.js';
+import './chunk-UIY2HBWA.js';
+import './chunk-3ZYUGTIT.js';
+import './chunk-XEYNX7YJ.js';
+import './chunk-5BDQNSP3.js';
+//# sourceMappingURL=ExecutionDetailPage-VCVJ2EOP.js.map
+//# sourceMappingURL=ExecutionDetailPage-VCVJ2EOP.js.map

package/dist/{ExecutionDetailPage-Q2H7KMHW.js.map → ExecutionDetailPage-VCVJ2EOP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionDetailPage-Q2H7KMHW.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionDetailPage-VCVJ2EOP.js"}

package/dist/ExecutionsListPage-NXTMFIRZ.js

@@ -0,0 +1,8 @@
+export { ExecutionsListPage } from './chunk-USFXD36A.js';
+import './chunk-6AK7GFWB.js';
+import './chunk-NMS2QUXG.js';
+import './chunk-XEYNX7YJ.js';
+import './chunk-5BDQNSP3.js';
+import './chunk-WWU2O2SR.js';
+//# sourceMappingURL=ExecutionsListPage-NXTMFIRZ.js.map
+//# sourceMappingURL=ExecutionsListPage-NXTMFIRZ.js.map

package/dist/{ExecutionsListPage-4FIHJBZV.js.map → ExecutionsListPage-NXTMFIRZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionsListPage-4FIHJBZV.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionsListPage-NXTMFIRZ.js"}

package/dist/{WorkflowBuilder-53YLICIC.js → WorkflowBuilder-IGQYC2UR.js}

@@ -1,16 +1,16 @@
-export { WorkflowBuilder } from './chunk-NGCKF56I.js';
+export { WorkflowBuilder } from './chunk-2XMPJHCW.js';
 import './chunk-MRVS73S2.js';
 import './chunk-DBOMRIP5.js';
-import './chunk-SBZ6J6UD.js';
+import './chunk-IVKT244I.js';
 import './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
-import './chunk-K7326LE2.js';
+import './chunk-NMS2QUXG.js';
 import './chunk-KU64CCSV.js';
 import './chunk-UIY2HBWA.js';
 import './chunk-3ZYUGTIT.js';
-import './chunk-IU65EQOS.js';
+import './chunk-XEYNX7YJ.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
-//# sourceMappingURL=WorkflowBuilder-53YLICIC.js.map
-//# sourceMappingURL=WorkflowBuilder-53YLICIC.js.map
+//# sourceMappingURL=WorkflowBuilder-IGQYC2UR.js.map
+//# sourceMappingURL=WorkflowBuilder-IGQYC2UR.js.map

package/dist/{WorkflowBuilder-53YLICIC.js.map → WorkflowBuilder-IGQYC2UR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-53YLICIC.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-IGQYC2UR.js"}

package/dist/WorkflowsList-S2MGY2UT.js

@@ -0,0 +1,10 @@
+export { WorkflowsList } from './chunk-JIZFSX6X.js';
+import './chunk-NMS2QUXG.js';
+import './chunk-KU64CCSV.js';
+import './chunk-UIY2HBWA.js';
+import './chunk-3ZYUGTIT.js';
+import './chunk-XEYNX7YJ.js';
+import './chunk-5BDQNSP3.js';
+import './chunk-WWU2O2SR.js';
+//# sourceMappingURL=WorkflowsList-S2MGY2UT.js.map
+//# sourceMappingURL=WorkflowsList-S2MGY2UT.js.map

package/dist/{WorkflowsList-GTW56K3E.js.map → WorkflowsList-S2MGY2UT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowsList-GTW56K3E.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowsList-S2MGY2UT.js"}

package/dist/{blocks-3FQ3K737.js → blocks-K5JPCH3D.js}

@@ -1,11 +1,11 @@
-export { AVAILABLE_NODES, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, ensureNodeConfigsLoaded, fetchNodeManifest, isNodeConfigsInitialized, onNodeTypesUpdate, refetchStoreNodes, registerWorkflowNodeTypes } from './chunk-SBZ6J6UD.js';
+export { AVAILABLE_NODES, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, ensureNodeConfigsLoaded, fetchNodeManifest, isNodeConfigsInitialized, onNodeTypesUpdate, refetchStoreNodes, registerWorkflowNodeTypes } from './chunk-IVKT244I.js';
 import './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
 import './chunk-KU64CCSV.js';
 import './chunk-UIY2HBWA.js';
 import './chunk-3ZYUGTIT.js';
-import './chunk-IU65EQOS.js';
+import './chunk-XEYNX7YJ.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
-//# sourceMappingURL=blocks-3FQ3K737.js.map
-//# sourceMappingURL=blocks-3FQ3K737.js.map
+//# sourceMappingURL=blocks-K5JPCH3D.js.map
+//# sourceMappingURL=blocks-K5JPCH3D.js.map

package/dist/{blocks-3FQ3K737.js.map → blocks-K5JPCH3D.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"blocks-3FQ3K737.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"blocks-K5JPCH3D.js"}

package/dist/{chunk-NGCKF56I.js → chunk-2XMPJHCW.js}

@@ -1,13 +1,13 @@
 import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, Input as Input$1, DialogFooter } from './chunk-MRVS73S2.js';
 import { Badge as Badge$1, Button } from './chunk-DBOMRIP5.js';
-import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, useSaveWorkflow, STICKY_NOTE_TYPE, useNodeExecution, getNodeDetail, ConnectionSelector, mergeStickyNotes, buildStickyNode, NODES_METADATA, NODE_CONFIGS, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-SBZ6J6UD.js';
+import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, useSaveWorkflow, STICKY_NOTE_TYPE, useNodeExecution, getNodeDetail, ConnectionSelector, mergeStickyNotes, buildStickyNode, NODES_METADATA, NODE_CONFIGS, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-IVKT244I.js';
 import { createGlobalStoreClient, setGlobalStoreClient, resetGlobalStoreClient, getGlobalStoreClient } from './chunk-BQXHJIER.js';
 import { BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, GetMyNodeInstallationsDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument } from './chunk-PNOA7CQV.js';
-import { useLazyWorkflowDefinition, useCreateWorkflow, useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useDeactivateWorkflow } from './chunk-K7326LE2.js';
+import { useLazyWorkflowDefinition, useCreateWorkflow, useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useDeactivateWorkflow } from './chunk-NMS2QUXG.js';
 import { useFlowStore } from './chunk-KU64CCSV.js';
 import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS } from './chunk-UIY2HBWA.js';
 import { cn } from './chunk-3ZYUGTIT.js';
-import { throwIfResultError, NodeSchemaIntrospectionDocument, EventRegistrationsDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-IU65EQOS.js';
+import { throwIfResultError, NodeSchemaIntrospectionDocument, EventRegistrationsDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-XEYNX7YJ.js';
 import { createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient, getFluidGridsClient, getFluidGridsClientSafe } from './chunk-5BDQNSP3.js';
 import { validateTrustedOrigin, setFluidGridsConfig, resetFluidGridsConfig, getFluidGridsConfig } from './chunk-WWU2O2SR.js';
 import { deepClone, applyTemplateInputs } from './chunk-XQP33UJR.js';
@@ -21,7 +21,7 @@ import { Handle, Position, getBezierPath, MarkerType, ReactFlowProvider, useReac
 import { produce } from 'immer';
 import { cn as cn$1 } from '@burdenoff/fe-libs/utils';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Card as Card$1, Badge, CardContent as CardContent$1, Button as Button$1, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, DropdownMenuItem, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Popover, PopoverTrigger, PopoverContent, Toaster, Tabs, TabsList, TabsTrigger, TabsContent, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardDescription as CardDescription$1, ScrollArea, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Label, DropdownMenuLabel, DropdownMenuSeparator, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea } from '@burdenoff/fe-libs/ui';
+import { Card as Card$1, Badge, CardContent as CardContent$1, Button as Button$1, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, TooltipProvider, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, DropdownMenuItem, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Popover, PopoverTrigger, PopoverContent, Tooltip, TooltipTrigger, TooltipContent, Toaster, Tabs, TabsList, TabsTrigger, TabsContent, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardDescription as CardDescription$1, ScrollArea, Label, DropdownMenuLabel, DropdownMenuSeparator, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea } from '@burdenoff/fe-libs/ui';
 import { isEmpty } from 'radash';
 import { gql } from '@apollo/client';
 import { ApolloProvider, useQuery, useMutation } from '@apollo/client/react';
@@ -38,6 +38,7 @@ import { nanoid } from 'nanoid/non-secure';
 import CodeMirror from '@uiw/react-codemirror';
 import { javascript } from '@codemirror/lang-javascript';
 import { python } from '@codemirror/lang-python';
+import { useActorProfiles, buildActorFallback } from '@burdenoff/fe-libs/shared';
 import { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';
 
 function useNodeList(nodes) {
@@ -4074,7 +4075,7 @@ function DesktopSidebarFragment({
           if (nodes) {
             const requiredNodeTypes = [];
             try {
-              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-3FQ3K737.js');
+              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-K5JPCH3D.js');
               await ensureNodeConfigsLoaded2().catch(() => {
               });
               const workflowNodeTypes = [
@@ -13297,6 +13298,65 @@ var STATUS_STYLES = {
   ARCHIVED: { label: "Archived", variant: "outline" },
   DEPRECATED: { label: "Deprecated", variant: "destructive" }
 };
+function relativeTime(dateStr) {
+  if (!dateStr) return "";
+  const then = new Date(dateStr).getTime();
+  if (Number.isNaN(then)) return "";
+  const seconds = Math.round((Date.now() - then) / 1e3);
+  if (seconds < 60) return "just now";
+  const minutes = Math.round(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.round(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.round(hours / 24);
+  if (days < 30) return `${days}d ago`;
+  return new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  }).format(new Date(dateStr));
+}
+function absoluteTime(dateStr) {
+  if (!dateStr) return "";
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(new Date(dateStr));
+  } catch {
+    return dateStr;
+  }
+}
+function ActionButton({
+  label,
+  onClick,
+  disabled,
+  busy,
+  icon,
+  destructive
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: cn$1(
+          "size-7 p-0",
+          destructive && "text-[var(--color-status-error-text)] hover:text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]"
+        ),
+        disabled,
+        onClick,
+        "aria-label": label,
+        children: busy ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }) : icon
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { className: "z-[130]", children: label })
+  ] });
+}
 function VersionHistoryPanel({ className }) {
   const params = useParams();
   const navigate = useNavigate();
@@ -13309,6 +13369,23 @@ function VersionHistoryPanel({ className }) {
   const setWorkflow = useFlowStore((s) => s.actions.setWorkflow);
   const [busy, setBusy] = useState(null);
   const [deleteTarget, setDeleteTarget] = useState(null);
+  const config = getFluidGridsConfig();
+  const actorInputs = useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const v of versions) {
+      if (v.createdById) ids.add(v.createdById);
+    }
+    return [...ids].map((actorId) => ({ actorId, actorType: "user" }));
+  }, [versions]);
+  const actorProfiles = useActorProfiles(actorInputs, {
+    workspaceId: config.workspaceId || void 0,
+    orgId: config.organizationId,
+    authToken: config.authToken
+  });
+  const authorName = (createdById) => {
+    if (!createdById) return null;
+    return actorProfiles[createdById]?.displayName ?? buildActorFallback({ actorId: createdById, actorType: "user" }).displayName;
+  };
   const handleRestore = async (version) => {
     setBusy(`restore:${version}`);
     try {
@@ -13391,111 +13468,152 @@ function VersionHistoryPanel({ className }) {
       }
     ) }),
     /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-[380px] sm:w-[420px]", children: [
-      /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsxs(SheetTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(History, { className: "size-5" }),
-        "Version History"
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2 overflow-y-auto max-h-[calc(100vh-120px)]", children: loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-8", children: [
+      /* @__PURE__ */ jsxs(SheetHeader, { children: [
+        /* @__PURE__ */ jsxs(SheetTitle, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(History, { className: "size-5" }),
+          "Version History"
+        ] }),
+        !loading && versions.length > 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          versions.length,
+          " ",
+          versions.length === 1 ? "version" : "versions",
+          " ",
+          "\xB7 the Active version handles automatic triggers"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx("div", { className: "mt-4 overflow-y-auto max-h-[calc(100vh-140px)] pr-1", children: loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-8", children: [
         /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }),
         /* @__PURE__ */ jsx("span", { className: "ml-2 text-muted-foreground text-sm", children: "Loading versions..." })
-      ] }) : versions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm text-center py-8", children: "No versions found." }) : versions.map((v) => {
+      ] }) : versions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm text-center py-8", children: "No versions found." }) : /* @__PURE__ */ jsx("ul", { children: versions.map((v, index) => {
         const isCurrent = v.version === currentVersion;
         const isActive = v.status === "ACTIVE";
+        const isLast = index === versions.length - 1;
         const statusInfo = STATUS_STYLES[v.status ?? "DRAFT"] ?? STATUS_STYLES.DRAFT;
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: `p-3 rounded-lg border transition-colors ${isCurrent ? "border-primary/50 bg-primary/5" : "border-border hover:bg-accent/50"}`,
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "font-mono text-sm font-medium", children: v.version }),
-                /* @__PURE__ */ jsx(
-                  Badge,
-                  {
-                    variant: statusInfo.variant,
-                    className: "text-[10px] px-1.5 py-0 h-5",
-                    children: statusInfo.label
-                  }
-                ),
-                isCurrent && /* @__PURE__ */ jsx(
-                  Badge,
-                  {
-                    variant: "outline",
-                    className: "text-[10px] px-1.5 py-0 h-5 border-primary text-primary",
-                    children: "Current"
-                  }
+        const author = authorName(v.createdById);
+        return /* @__PURE__ */ jsxs("li", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center pt-4", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn$1(
+                  "size-2.5 shrink-0 rounded-full border-2",
+                  isActive ? "border-[var(--color-status-success-bg)] bg-[var(--color-status-success-bg)]" : isCurrent ? "border-primary bg-primary" : "border-border bg-background"
                 )
-              ] }) }),
-              v.alias && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
-                "Alias: ",
-                v.alias
-              ] }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: v.updatedAt ? new Intl.DateTimeFormat("en-US", {
-                year: "numeric",
-                month: "short",
-                day: "numeric",
-                hour: "2-digit",
-                minute: "2-digit"
-              }).format(new Date(v.updatedAt)) : "N/A" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 mt-2", children: [
-                !isCurrent && /* @__PURE__ */ jsx(
-                  Button$1,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-7 text-xs",
-                    onClick: () => handleSwitchVersion(v.version),
-                    children: "View"
-                  }
-                ),
-                !isActive && /* @__PURE__ */ jsxs(
-                  Button$1,
-                  {
-                    variant: "outline",
-                    size: "sm",
-                    className: "h-7 text-xs",
-                    disabled: busy !== null,
-                    onClick: () => handleActivate(v.id, v.version),
-                    children: [
-                      busy === `activate:${v.version}` ? /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin mr-1" }) : /* @__PURE__ */ jsx(Play, { className: "size-3 mr-1" }),
-                      "Activate"
-                    ]
-                  }
-                ),
-                !isCurrent && /* @__PURE__ */ jsxs(
-                  Button$1,
-                  {
-                    variant: "outline",
-                    size: "sm",
-                    className: "h-7 text-xs",
-                    disabled: busy !== null,
-                    onClick: () => handleRestore(v.version),
-                    children: [
-                      busy === `restore:${v.version}` ? /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin mr-1" }) : /* @__PURE__ */ jsx(RotateCcw, { className: "size-3 mr-1" }),
-                      "Restore"
-                    ]
-                  }
-                ),
-                !isCurrent && !isActive && /* @__PURE__ */ jsxs(
-                  Button$1,
+              }
+            ),
+            !isLast && /* @__PURE__ */ jsx("span", { className: "w-px flex-1 bg-border" })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn$1(
+                "mb-2 flex-1 rounded-lg border p-3 transition-colors",
+                isCurrent ? "border-primary/50 bg-primary/5" : "border-border hover:bg-accent/50"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: cn$1(
+                          "font-mono text-sm font-semibold text-foreground",
+                          !isCurrent && "cursor-pointer hover:text-primary"
+                        ),
+                        onClick: () => !isCurrent && handleSwitchVersion(v.version),
+                        title: isCurrent ? void 0 : `Open ${v.version} in the builder`,
+                        children: v.version
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Badge,
+                      {
+                        variant: statusInfo.variant,
+                        className: "text-[10px] px-1.5 py-0 h-5",
+                        children: statusInfo.label
+                      }
+                    ),
+                    isCurrent && /* @__PURE__ */ jsx(
+                      Badge,
+                      {
+                        variant: "outline",
+                        className: "text-[10px] px-1.5 py-0 h-5 border-primary text-primary",
+                        children: "Current"
+                      }
+                    ),
+                    v.alias && /* @__PURE__ */ jsxs(
+                      Badge,
+                      {
+                        variant: "outline",
+                        className: "text-[10px] px-1.5 py-0 h-5 font-mono",
+                        title: "Version alias",
+                        children: [
+                          "@",
+                          v.alias
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
+                    !isCurrent && /* @__PURE__ */ jsx(
+                      ActionButton,
+                      {
+                        label: "View in builder",
+                        icon: /* @__PURE__ */ jsx(Eye, { className: "size-3.5" }),
+                        disabled: busy !== null,
+                        onClick: () => handleSwitchVersion(v.version)
+                      }
+                    ),
+                    !isActive && /* @__PURE__ */ jsx(
+                      ActionButton,
+                      {
+                        label: "Activate this version",
+                        icon: /* @__PURE__ */ jsx(Play, { className: "size-3.5" }),
+                        disabled: busy !== null,
+                        busy: busy === `activate:${v.version}`,
+                        onClick: () => handleActivate(v.id, v.version)
+                      }
+                    ),
+                    !isCurrent && /* @__PURE__ */ jsx(
+                      ActionButton,
+                      {
+                        label: "Restore as new draft",
+                        icon: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5" }),
+                        disabled: busy !== null,
+                        busy: busy === `restore:${v.version}`,
+                        onClick: () => handleRestore(v.version)
+                      }
+                    ),
+                    !isCurrent && !isActive && /* @__PURE__ */ jsx(
+                      ActionButton,
+                      {
+                        label: "Delete version",
+                        destructive: true,
+                        icon: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" }),
+                        disabled: busy !== null,
+                        busy: busy === `delete:${v.version}`,
+                        onClick: () => setDeleteTarget(v.version)
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "p",
                   {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-7 text-xs text-[var(--color-status-error-text)] hover:text-[var(--color-status-error-text)]",
-                    disabled: busy !== null,
-                    onClick: () => setDeleteTarget(v.version),
+                    className: "mt-1.5 text-xs text-muted-foreground",
+                    title: absoluteTime(v.updatedAt),
                     children: [
-                      busy === `delete:${v.version}` ? /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin mr-1" }) : /* @__PURE__ */ jsx(Trash2, { className: "size-3 mr-1" }),
-                      "Delete"
+                      author ? `${author} \xB7 ` : "",
+                      relativeTime(v.updatedAt)
                     ]
                   }
                 )
-              ] })
-            ]
-          },
-          v.id
-        );
-      }) })
+              ]
+            }
+          )
+        ] }, v.id);
+      }) }) }) })
     ] }),
     /* @__PURE__ */ jsx(
       AlertDialog,
@@ -14192,7 +14310,7 @@ function WorkflowItem({
               };
               const requiredNodeTypes = [];
               try {
-                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-3FQ3K737.js');
+                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-K5JPCH3D.js');
                 await ensureNodeConfigsLoaded2().catch(() => {
                 });
                 const workflowNodeTypes = [
@@ -14490,5 +14608,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-NGCKF56I.js.map
-//# sourceMappingURL=chunk-NGCKF56I.js.map
+//# sourceMappingURL=chunk-2XMPJHCW.js.map
+//# sourceMappingURL=chunk-2XMPJHCW.js.map