@burdenoff/fluidgrids-fe-sdk 2026.731.4 → 2026.731.6

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

@@ -1,17 +1,18 @@
 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-TH764V3S.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, useDeactivateWorkflow } from './chunk-42PCKNPK.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';
 import { useNavigate, useParams } from 'react-router-dom';
+import { toast } from 'sonner';
 import { Icon } from '@iconify/react';
 import { useShallow, shallow } from 'zustand/shallow';
 import * as React3 from 'react';
@@ -20,14 +21,13 @@ 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, 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';
 import 'jszip';
 import { gql as gql$1 } from '@apollo/client/core';
-import { Sparkles, Star, Download, Eye, History, Loader2, RotateCcw, Maximize2, LayoutGrid, Plus, Trash2, GitBranch, AlertCircle, Search, RefreshCw, CheckCircle2, Package, Info, Copy, BadgeCheck, DollarSign, PlusCircle, ChevronDown, Type, Code, Hash, List, Braces, Workflow, ChevronRight, Layers, X, AlertTriangle } from 'lucide-react';
-import { toast } from 'sonner';
+import { Sparkles, Star, Download, Eye, History, Loader2, Play, RotateCcw, Trash2, Maximize2, LayoutGrid, Plus, GitBranch, AlertCircle, Search, RefreshCw, CheckCircle2, Package, Info, Copy, BadgeCheck, DollarSign, PlusCircle, ChevronDown, Type, Code, Hash, List, Braces, Workflow, ChevronRight, Layers, X, AlertTriangle } from 'lucide-react';
 import { animate, easeOut } from 'popmotion';
 import { createPortal } from 'react-dom';
 import { ThemeProvider as ThemeProvider$1 } from '@burdenoff/fe-libs/shared/providers/shell';
@@ -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-UUACLZOU.js');
+              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-K5JPCH3D.js');
               await ensureNodeConfigsLoaded2().catch(() => {
               });
               const workflowNodeTypes = [
@@ -5319,8 +5320,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast9) => {
-          addToRemoveQueue(toast9.id);
+        state.toasts.forEach((toast10) => {
+          addToRemoveQueue(toast10.id);
         });
       }
       return {
@@ -6530,7 +6531,7 @@ function VisualMapperContent({
   mapping,
   onMappingChange
 }) {
-  const { toast: toast9 } = useToast();
+  const { toast: toast10 } = useToast();
   const reactFlowWrapper = useRef(null);
   const [selectedSourceNode, setSelectedSourceNode] = useState(null);
   const [selectedTargetNode, setSelectedTargetNode] = useState(null);
@@ -6549,7 +6550,7 @@ function VisualMapperContent({
         targetOperation
       );
       if (generatedNodes.length === 0) {
-        toast9({
+        toast10({
           title: "No fields found",
           description: "Could not find fields to map between these nodes and operations.",
           variant: "destructive"
@@ -6569,7 +6570,7 @@ function VisualMapperContent({
     targetNode,
     targetOperation,
     setNodes,
-    toast9
+    toast10
   ]);
   useEffect(() => {
     const newEdges = [];
@@ -6675,26 +6676,26 @@ function VisualMapperContent({
         }
         onMappingChange(updatedMapping);
         if (isCompatible) {
-          toast9({
+          toast10({
             title: "Mapping created",
             description: `Mapped ${sourcePath} (${sourceType}) to ${targetPath} (${targetType})`
           });
         } else {
-          toast9({
+          toast10({
             title: "Type mismatch warning",
             description: `Mapped ${sourcePath} (${sourceType}) to ${targetPath} (${targetType}). Types may not be compatible.`,
             variant: "destructive"
           });
         }
       } else {
-        toast9({
+        toast10({
           title: "Invalid mapping",
           description: "You can only map from source to target fields",
           variant: "destructive"
         });
       }
     },
-    [nodes, mapping, onMappingChange, toast9, setEdges]
+    [nodes, mapping, onMappingChange, toast10, setEdges]
   );
   const onEdgeDelete = useCallback(
     (edge) => {
@@ -6751,7 +6752,7 @@ function VisualMapperContent({
   const handleSaveMappingDialog = (expression, targetFieldName) => {
     const targetPath = targetFieldName || selectedTargetNode?.data?.path;
     if (!targetPath) {
-      toast9({
+      toast10({
         title: "No target field specified",
         description: "Please enter a target field name or select a target field in the visual mapper",
         variant: "destructive"
@@ -6777,7 +6778,7 @@ function VisualMapperContent({
     }
     onMappingChange(updatedMapping);
     const mappingType = detectMappingType(expression);
-    toast9({
+    toast10({
       title: `${mappingType.charAt(0).toUpperCase() + mappingType.slice(1)} mapping created`,
       description: `Applied mapping to ${targetPath}`
     });
@@ -7033,7 +7034,7 @@ function MappingEditor({
   setEdges,
   edgeId
 }) {
-  const { toast: toast9 } = useToast();
+  const { toast: toast10 } = useToast();
   const [mappingJson, setMappingJson] = useState({});
   const [jsonDataString, setJsonDataString] = useState(
     JSON.stringify(mappingJson, null, 2)
@@ -7146,12 +7147,12 @@ function MappingEditor({
   const handleSaveMapping = () => {
     try {
       checkJsonValidity();
-      toast9({
+      toast10({
         title: "Mapping saved",
         description: "Your mapping configuration has been saved successfully."
       });
     } catch (error) {
-      toast9({
+      toast10({
         title: "Error saving mapping",
         description: error instanceof Error ? error.message : "Invalid mapping configuration",
         variant: "destructive"
@@ -7164,13 +7165,13 @@ function MappingEditor({
       const parsedData = checkJsonValidity();
       const result = await applyMapping(parsedData, sampleInput);
       setPreviewOutput(result);
-      toast9({
+      toast10({
         title: "Mapping tested",
         description: "Test completed successfully."
       });
     } catch (error) {
       console.error("Test mapping error:", error);
-      toast9({
+      toast10({
         title: "Mapping test failed",
         description: error instanceof Error ? error.message : "Error executing mapping",
         variant: "destructive"
@@ -13297,16 +13298,96 @@ 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();
   const workflowKey = params?.id ?? "";
   const currentVersion = params?.version ?? "";
   const { versions, loading, refetch } = useWorkflowVersions(workflowKey);
-  const { restoreVersion, loading: restoring } = useRestoreWorkflowVersion();
-  const [restoringVersion, setRestoringVersion] = useState(null);
+  const { restoreVersion } = useRestoreWorkflowVersion();
+  const { activateWorkflow } = useActivateWorkflow();
+  const { deleteWorkflow } = useDeleteWorkflow();
+  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) => {
-    setRestoringVersion(version);
+    setBusy(`restore:${version}`);
     try {
       const result = await restoreVersion(workflowKey, version);
       if (result?.success && result.workflow) {
@@ -13325,7 +13406,48 @@ function VersionHistoryPanel({ className }) {
         description: error instanceof Error ? error.message : "Unknown error"
       });
     } finally {
-      setRestoringVersion(null);
+      setBusy(null);
+    }
+  };
+  const handleActivate = async (id, version) => {
+    setBusy(`activate:${version}`);
+    try {
+      const result = await activateWorkflow(id);
+      if (!result) throw new Error("Activation returned no result");
+      toast.success(`Version ${version} is now ACTIVE`, {
+        description: "It handles webhooks, schedules and other automatic triggers.",
+        dismissible: true
+      });
+      if (version === currentVersion) {
+        setWorkflow({ status: "ACTIVE" });
+      } else {
+        const refreshed = await refetch();
+        const current = refreshed.find((v) => v.version === currentVersion);
+        if (current?.status) setWorkflow({ status: current.status });
+      }
+      await refetch();
+    } catch (error) {
+      toast.error("Failed to activate version", {
+        description: error instanceof Error ? error.message : "Unknown error"
+      });
+    } finally {
+      setBusy(null);
+    }
+  };
+  const handleDelete = async (version) => {
+    setBusy(`delete:${version}`);
+    try {
+      const ok = await deleteWorkflow(workflowKey, version);
+      if (!ok) throw new Error("Delete returned no result");
+      toast.success(`Version ${version} deleted`, { dismissible: true });
+      await refetch();
+    } catch (error) {
+      toast.error("Failed to delete version", {
+        description: error instanceof Error ? error.message : "Unknown error"
+      });
+    } finally {
+      setBusy(null);
+      setDeleteTarget(null);
     }
   };
   const handleSwitchVersion = (version) => {
@@ -13346,83 +13468,185 @@ 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" }),
-              !isCurrent && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-2", children: [
-                /* @__PURE__ */ jsx(
-                  Button$1,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-7 text-xs",
-                    onClick: () => handleSwitchVersion(v.version),
-                    children: "View"
-                  }
-                ),
+              }
+            ),
+            !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(
-                  Button$1,
+                  "p",
                   {
-                    variant: "outline",
-                    size: "sm",
-                    className: "h-7 text-xs",
-                    disabled: restoring,
-                    onClick: () => handleRestore(v.version),
+                    className: "mt-1.5 text-xs text-muted-foreground",
+                    title: absoluteTime(v.updatedAt),
                     children: [
-                      restoringVersion === v.version ? /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin mr-1" }) : /* @__PURE__ */ jsx(RotateCcw, { className: "size-3 mr-1" }),
-                      "Restore"
+                      author ? `${author} \xB7 ` : "",
+                      relativeTime(v.updatedAt)
                     ]
                   }
                 )
-              ] })
-            ]
-          },
-          v.id
-        );
-      }) })
-    ] })
+              ]
+            }
+          )
+        ] }, v.id);
+      }) }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open: deleteTarget !== null,
+        onOpenChange: (open) => !open && setDeleteTarget(null),
+        children: /* @__PURE__ */ jsxs(AlertDialogContent, { className: "z-[120]", children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsxs(AlertDialogTitle, { children: [
+              "Delete version ",
+              deleteTarget
+            ] }),
+            /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+              "This permanently removes version ",
+              deleteTarget,
+              " from the history. Other versions and their triggers are not affected. This action cannot be undone."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: busy !== null, children: "Cancel" }),
+            /* @__PURE__ */ jsx(
+              AlertDialogAction,
+              {
+                disabled: busy !== null,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                onClick: () => deleteTarget && handleDelete(deleteTarget),
+                children: "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
   ] });
 }
 var ActivateWorkflowButton = ({
@@ -13689,42 +13913,39 @@ var FlowBuilder = ({ readOnly = false }) => {
           Input,
           {
             autoFocus: true,
-            className: "text-card-foreground font-bold w-48",
-            type: "email",
+            onFocus: (e) => e.currentTarget.select(),
+            className: "text-card-foreground font-bold",
+            style: {
+              width: `${Math.min(
+                Math.max((workflowName || name || "").length + 4, 16),
+                60
+              )}ch`
+            },
+            type: "text",
             placeholder: "Workflow Name",
             value: workflowName || name,
             onChange: handleNameChange,
             onBlur: () => setIsEditingName(false),
             onKeyDown: (e) => {
-              if (e.key === "Enter") setIsEditingName(false);
+              if (e.key === "Enter" || e.key === "Escape")
+                setIsEditingName(false);
             }
           }
-        ) : /* @__PURE__ */ jsxs("div", { className: "group flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              title: workflowName || name || "Untitled Workflow",
-              className: "w-48 overflow-x-auto whitespace-nowrap text-card-foreground font-bold [scrollbar-width:thin]",
-              children: workflowName || name || "Untitled Workflow"
-            }
-          ),
+        ) : (
+          // n8n-style: the name itself is the edit affordance — click to
+          // rename (no pencil button). Long names truncate with an
+          // ellipsis (full name in the tooltip) instead of scrolling.
           /* @__PURE__ */ jsx(
-            Button$1,
+            "button",
             {
-              variant: "ghost",
-              size: "icon",
-              className: "size-6 shrink-0 opacity-60 group-hover:opacity-100",
+              type: "button",
+              title: `${workflowName || name || "Untitled Workflow"} \u2014 click to rename`,
+              className: "-mx-1 min-w-[15rem] max-w-[38vw] cursor-text truncate rounded px-1 text-left font-bold text-card-foreground transition-colors hover:bg-card-foreground/10",
               onClick: () => setIsEditingName(true),
-              children: /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: "mynaui:pencil",
-                  className: "size-3.5 text-card-foreground"
-                }
-              )
+              children: workflowName || name || "Untitled Workflow"
             }
           )
-        ] }),
+        ),
         /* @__PURE__ */ jsx(
           Input,
           {
@@ -13962,6 +14183,7 @@ function WorkflowItem({
     window.history.replaceState(null, "", newUrl);
   }
   const { id, version } = useParams();
+  const navigate = useNavigate();
   const [workflow, setWorkflow] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   const resetWorkflow = useFlowStore((s) => s.actions.resetWorkflow);
@@ -14088,7 +14310,7 @@ function WorkflowItem({
               };
               const requiredNodeTypes = [];
               try {
-                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-UUACLZOU.js');
+                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-K5JPCH3D.js');
                 await ensureNodeConfigsLoaded2().catch(() => {
                 });
                 const workflowNodeTypes = [
@@ -14213,6 +14435,17 @@ function WorkflowItem({
             setWorkflow(fetchedWorkflowRef.current);
             return;
           }
+          const anyVersion = await getWorkflow(id, void 0, void 0);
+          if (anyVersion?.workflowKey) {
+            toast.info(`Version ${version} not found`, {
+              description: `Opening ${anyVersion.version} instead.`,
+              dismissible: true
+            });
+            navigate(`../workflow/${id}/${anyVersion.version}`, {
+              replace: true
+            });
+            return;
+          }
           if (!creatingRef.current) {
             creatingRef.current = true;
             const initialDefinitionJson = {
@@ -14282,7 +14515,8 @@ function WorkflowItem({
     createWorkflow,
     getWorkflow,
     newWorkflow,
-    resetWorkflow
+    resetWorkflow,
+    navigate
     // buildNodeCheckRef is intentionally omitted — it's a ref (stable by definition)
     // and including buildNodeCheck here caused infinite re-runs because installedAppIds
     // produces a new Set reference on every render.
@@ -14374,5 +14608,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-BWUUCBIC.js.map
-//# sourceMappingURL=chunk-BWUUCBIC.js.map
+//# sourceMappingURL=chunk-2XMPJHCW.js.map
+//# sourceMappingURL=chunk-2XMPJHCW.js.map