@burdenoff/fluidgrids-fe-sdk 2026.922.13 → 2026.923.2

package/dist/{chunk-GWRX2T3K.js → chunk-XF7QA3QT.js}

@@ -1,19 +1,19 @@
+import { deepClone, applyTemplateInputs } from './chunk-XQP33UJR.js';
 import { Input as Input$1 } from './chunk-P5PKRQAO.js';
 import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, DialogFooter } from './chunk-NH5YCY37.js';
 import { Badge as Badge$1, Button as Button$1 } from './chunk-DBOMRIP5.js';
 import { getGlobalStoreClient, createGlobalStoreClient, setGlobalStoreClient, resetGlobalStoreClient } from './chunk-BQXHJIER.js';
 import { GetMyNodeInstallationsDocument, BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument, GetNodeInstallableVersionsDocument } from './chunk-6LXMUIR3.js';
-import { deepClone, applyTemplateInputs } from './chunk-XQP33UJR.js';
 import { QuotaExhaustedDialog } from './chunk-AANIWER2.js';
 import { SdkPermissionGate, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton } from './chunk-W23ZXNKU.js';
 import { cn as cn$1 } from './chunk-3ZYUGTIT.js';
-import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useDeactivateWorkflow } from './chunk-CVVNQCFM.js';
-import { throwIfResultError, describeOperationError } from './chunk-LMO5ASOE.js';
+import { useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-Q4RPP67K.js';
 import { config, getFluidGridsConfig, validateTrustedOrigin, setFluidGridsConfig, resetFluidGridsConfig } from './chunk-WWU2O2SR.js';
-import { waitForFluidGridsClient, getFluidGridsClient, createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient, getFluidGridsClientSafe } from './chunk-5BDQNSP3.js';
 import { useFlowStore } from './chunk-YMD3T6J2.js';
 import { NodeEndpointConfigsDocument, NodeManifestDocument, UpdateWorkflowDefinitionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, TriggerWorkflowDocument, RunFromNodeDocument, ExecutionDetailDocument, WorkflowRunDocument, FluidgridsEntityTagsDocument, AvailableFluidgridsTagsDocument, SearchFluidgridsTagsDocument, TagFluidgridsEntityDocument, UntagFluidgridsEntityDocument, ReplaceFluidgridsEntityTagsDocument, CreateFluidgridsTagDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, EventRegistrationsDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-BHITFSOK.js';
+import { throwIfResultError, describeOperationError } from './chunk-LMO5ASOE.js';
 import { useTr, FluidGridsTranslationProvider, ENGLISH_FALLBACK_TRANSLATOR } from './chunk-7YWBH2A5.js';
+import { waitForFluidGridsClient, getFluidGridsClient, createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient, getFluidGridsClientSafe } from './chunk-5BDQNSP3.js';
 import * as React2 from 'react';
 import React2__default, { forwardRef, useState, useImperativeHandle, useRef, useEffect, useMemo, memo, createContext, lazy, useCallback, useContext, useLayoutEffect, Suspense, useDeferredValue } from 'react';
 import { Textarea, Input, Button, Card, Badge, CardContent as CardContent$1, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, TooltipProvider, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, 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, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@burdenoff/fe-libs/ui';
@@ -38,7 +38,7 @@ import { ApolloProvider, useQuery, useMutation } from '@apollo/client/react';
 import { TagBadge, TagsWidget } from '@burdenoff/fe-libs/tag';
 import { gql as gql$1 } from '@apollo/client/core';
 import 'jszip';
-import { Sparkles, Star, Download, Eye, History, Loader2, Play, RotateCcw, Trash2, Maximize2, Undo2, Redo2, LayoutGrid, Keyboard, Plus, GitBranch, AlertCircle, Search, RefreshCw, CheckCircle2, Package, Info, Copy, BadgeCheck, DollarSign, Type, Code, Hash, List, Braces, Workflow, PlusCircle, ChevronDown, ChevronRight, Layers, X, AlertTriangle } from 'lucide-react';
+import { Sparkles, Star, Download, Eye, History, GitCompareArrows, Loader2, Play, RotateCcw, Trash2, Maximize2, Undo2, Redo2, LayoutGrid, Keyboard, Plus, GitBranch, AlertCircle, Search, RefreshCw, CheckCircle2, Package, Info, Copy, BadgeCheck, DollarSign, Type, Code, Hash, List, Braces, Workflow, PlusCircle, ChevronDown, ChevronRight, Layers, X, AlertTriangle } from 'lucide-react';
 import { produce } from 'immer';
 import { isEmpty } from 'radash';
 import { animate, easeOut } from 'popmotion';
@@ -24534,6 +24534,81 @@ function QuickConfigPanelInner({
     )
   ] });
 }
+
+// src/utils/workflow-definition-diff.ts
+function isRecord3(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function equalJson(left, right) {
+  if (Object.is(left, right)) return true;
+  if (Array.isArray(left) && Array.isArray(right)) {
+    return left.length === right.length && left.every((value, index) => equalJson(value, right[index]));
+  }
+  if (isRecord3(left) && isRecord3(right)) {
+    const leftKeys = Object.keys(left).sort((a, b) => a.localeCompare(b));
+    const rightKeys = Object.keys(right).sort((a, b) => a.localeCompare(b));
+    return leftKeys.length === rightKeys.length && leftKeys.every(
+      (key, index) => key === rightKeys[index] && equalJson(left[key], right[key])
+    );
+  }
+  return false;
+}
+function diffWorkflowDefinitionJson(before, after, maxEntries = 2e3) {
+  const entries = [];
+  const visit = (left, right, path) => {
+    if (entries.length >= maxEntries || equalJson(left, right)) return;
+    if (isRecord3(left) && isRecord3(right)) {
+      const keys = [
+        .../* @__PURE__ */ new Set([...Object.keys(left), ...Object.keys(right)])
+      ].sort((a, b) => a.localeCompare(b));
+      for (const key of keys) {
+        const childPath = `${path}.${key}`;
+        if (!(key in left))
+          entries.push({
+            path: childPath,
+            kind: "ADDED",
+            before: void 0,
+            after: right[key]
+          });
+        else if (!(key in right))
+          entries.push({
+            path: childPath,
+            kind: "REMOVED",
+            before: left[key],
+            after: void 0
+          });
+        else visit(left[key], right[key], childPath);
+        if (entries.length >= maxEntries) return;
+      }
+      return;
+    }
+    if (Array.isArray(left) && Array.isArray(right)) {
+      for (let index = 0; index < Math.max(left.length, right.length); index += 1) {
+        const childPath = `${path}[${index}]`;
+        if (index >= left.length)
+          entries.push({
+            path: childPath,
+            kind: "ADDED",
+            before: void 0,
+            after: right[index]
+          });
+        else if (index >= right.length)
+          entries.push({
+            path: childPath,
+            kind: "REMOVED",
+            before: left[index],
+            after: void 0
+          });
+        else visit(left[index], right[index], childPath);
+        if (entries.length >= maxEntries) return;
+      }
+      return;
+    }
+    entries.push({ path, kind: "CHANGED", before: left, after: right });
+  };
+  visit(before, after, "$");
+  return entries;
+}
 function relativeTime(dateStr) {
   if (!dateStr) return "";
   const then = new Date(dateStr).getTime();
@@ -24566,6 +24641,14 @@ function absoluteTime(dateStr) {
     return dateStr;
   }
 }
+function formatDiffValue(value) {
+  if (value === void 0) return "\u2014";
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
 function ActionButton({
   label,
   onClick,
@@ -24624,9 +24707,26 @@ function VersionHistoryPanel({ className }) {
   const { restoreVersion } = useRestoreWorkflowVersion();
   const { activateWorkflow } = useActivateWorkflow();
   const { deleteWorkflow } = useDeleteWorkflow();
+  const { getWorkflow } = useLazyWorkflowDefinition();
   const setWorkflow = useFlowStore((s) => s.actions.setWorkflow);
+  const [compareFrom, setCompareFrom] = useState("");
+  const [compareTo, setCompareTo] = useState("");
+  const [comparison, setComparison] = useState(null);
+  const [compareLoading, setCompareLoading] = useState(false);
   const [busy, setBusy] = useState(null);
   const [deleteTarget, setDeleteTarget] = useState(null);
+  useEffect(() => {
+    if (versions.length < 2) {
+      setCompareFrom("");
+      setCompareTo("");
+      setComparison(null);
+      return;
+    }
+    setCompareFrom((current) => current || versions[1]?.version || "");
+    setCompareTo(
+      (current) => current || currentVersion || versions[0]?.version || ""
+    );
+  }, [versions, currentVersion]);
   const config2 = getFluidGridsConfig();
   const actorInputs = useMemo(() => {
     const ids = /* @__PURE__ */ new Set();
@@ -24644,6 +24744,39 @@ function VersionHistoryPanel({ className }) {
     if (!createdById) return null;
     return actorProfiles[createdById]?.displayName ?? buildActorFallback({ actorId: createdById, actorType: "user" }).displayName;
   };
+  const handleCompare = async () => {
+    if (!compareFrom || !compareTo || compareFrom === compareTo) return;
+    setCompareLoading(true);
+    try {
+      const [fromWorkflow, toWorkflow] = await Promise.all([
+        getWorkflow(workflowKey, void 0, compareFrom),
+        getWorkflow(workflowKey, void 0, compareTo)
+      ]);
+      if (!fromWorkflow || !toWorkflow)
+        throw new Error("Unable to load both workflow versions");
+      setComparison({
+        fromVersion: compareFrom,
+        toVersion: compareTo,
+        entries: diffWorkflowDefinitionJson(
+          fromWorkflow.definitionJson,
+          toWorkflow.definitionJson
+        )
+      });
+    } catch (error) {
+      toast.error(
+        tr(
+          "fluidgrids.builder.versionHistory.compareError",
+          "Failed to compare versions"
+        ),
+        {
+          description: error instanceof Error ? error.message : "Unknown error"
+        }
+      );
+      setComparison(null);
+    } finally {
+      setCompareLoading(false);
+    }
+  };
   const handleRestore = async (version) => {
     setBusy(`restore:${version}`);
     try {
@@ -24782,163 +24915,292 @@ function VersionHistoryPanel({ className }) {
           )
         ] })
       ] }),
-      /* @__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: tr(
-          "fluidgrids.builder.versionHistory.loading",
-          "Loading versions..."
-        ) })
-      ] }) : versions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm text-center py-8", children: tr(
-        "fluidgrids.builder.versionHistory.emptyState",
-        "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;
-        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(
-                  "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"
+      /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: "mt-4 overflow-y-auto max-h-[calc(100vh-140px)] pr-1", children: [
+        !loading && versions.length > 1 && /* @__PURE__ */ jsxs(
+          "section",
+          {
+            className: "mb-4 rounded-lg border border-border bg-card p-3",
+            "aria-label": "Compare workflow versions",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-sm font-semibold", children: [
+                /* @__PURE__ */ jsx(GitCompareArrows, { className: "size-4" }),
+                tr(
+                  "fluidgrids.builder.versionHistory.compareTitle",
+                  "Compare versions"
                 )
-              }
-            ),
-            !isLast && /* @__PURE__ */ jsx("span", { className: "w-px flex-1 bg-border" })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "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(
-                          "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: tr(
-                          "fluidgrids.builder.versionHistory.currentBadge",
-                          "Current"
-                        )
-                      }
-                    ),
-                    v.alias && /* @__PURE__ */ jsxs(
-                      Badge,
-                      {
-                        variant: "outline",
-                        className: "text-[10px] px-1.5 py-0 h-5 font-mono",
-                        title: tr(
-                          "fluidgrids.builder.versionHistory.aliasTooltip",
-                          "Version alias"
-                        ),
-                        children: [
-                          "@",
-                          v.alias
-                        ]
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
-                    !isCurrent && /* @__PURE__ */ jsx(
-                      ActionButton,
-                      {
-                        label: tr(
-                          "fluidgrids.builder.versionHistory.actionView",
-                          "View in builder"
-                        ),
-                        icon: /* @__PURE__ */ jsx(Eye, { className: "size-3.5" }),
-                        disabled: busy !== null,
-                        onClick: () => handleSwitchVersion(v.version)
-                      }
-                    ),
-                    !isActive && /* @__PURE__ */ jsx(
-                      ActionButton,
-                      {
-                        label: tr(
-                          "fluidgrids.builder.versionHistory.actionActivate",
-                          "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)
-                      }
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_1fr] items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    value: compareFrom,
+                    onChange: (event) => setCompareFrom(event.target.value),
+                    className: "h-8 min-w-0 rounded-md border border-border bg-background px-2 text-xs",
+                    "aria-label": tr(
+                      "fluidgrids.builder.versionHistory.compareFrom",
+                      "From version"
                     ),
-                    !isCurrent && /* @__PURE__ */ jsx(
-                      ActionButton,
+                    children: versions.map((version) => /* @__PURE__ */ jsx(
+                      "option",
                       {
-                        label: tr(
-                          "fluidgrids.builder.versionHistory.actionRestore",
-                          "Restore as new draft"
-                        ),
-                        icon: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5" }),
-                        disabled: busy !== null,
-                        busy: busy === `restore:${v.version}`,
-                        onClick: () => handleRestore(v.version)
-                      }
+                        value: version.version,
+                        children: version.version
+                      },
+                      `from-${version.id}`
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "text-xs text-muted-foreground",
+                    "aria-hidden": "true",
+                    children: "\u2192"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    value: compareTo,
+                    onChange: (event) => setCompareTo(event.target.value),
+                    className: "h-8 min-w-0 rounded-md border border-border bg-background px-2 text-xs",
+                    "aria-label": tr(
+                      "fluidgrids.builder.versionHistory.compareTo",
+                      "To version"
                     ),
-                    !isCurrent && !isActive && /* @__PURE__ */ jsx(
-                      ActionButton,
-                      {
-                        label: tr(
-                          "fluidgrids.builder.versionHistory.actionDelete",
-                          "Delete version"
-                        ),
-                        destructive: true,
-                        icon: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" }),
-                        disabled: busy !== null,
-                        busy: busy === `delete:${v.version}`,
-                        onClick: () => setDeleteTarget(v.version)
-                      }
+                    children: versions.map((version) => /* @__PURE__ */ jsx("option", { value: version.version, children: version.version }, `to-${version.id}`))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  className: "mt-2 w-full",
+                  size: "sm",
+                  variant: "secondary",
+                  disabled: compareLoading || !compareFrom || !compareTo || compareFrom === compareTo,
+                  onClick: () => void handleCompare(),
+                  children: [
+                    compareLoading ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(GitCompareArrows, { className: "mr-2 size-3.5" }),
+                    compareLoading ? tr(
+                      "fluidgrids.builder.versionHistory.comparing",
+                      "Comparing\u2026"
+                    ) : tr(
+                      "fluidgrids.builder.versionHistory.compareButton",
+                      "Compare"
                     )
-                  ] })
+                  ]
+                }
+              ),
+              comparison && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2 border-t border-border pt-3", children: [
+                /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                  comparison.fromVersion,
+                  " \u2192 ",
+                  comparison.toVersion,
+                  ":",
+                  " ",
+                  comparison.entries.length,
+                  " ",
+                  tr(
+                    "fluidgrids.builder.versionHistory.changes",
+                    "changes"
+                  )
                 ] }),
-                /* @__PURE__ */ jsxs(
-                  "p",
+                comparison.entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tr(
+                  "fluidgrids.builder.versionHistory.noChanges",
+                  "Definitions are identical"
+                ) }) : /* @__PURE__ */ jsx("ul", { className: "max-h-64 space-y-1 overflow-y-auto", children: comparison.entries.map((entry) => /* @__PURE__ */ jsxs(
+                  "li",
                   {
-                    className: "mt-1.5 text-xs text-muted-foreground",
-                    title: absoluteTime(v.updatedAt),
+                    className: "rounded border border-border p-2 text-xs",
                     children: [
-                      author ? `${author} \xB7 ` : "",
-                      relativeTime(v.updatedAt)
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx(
+                          Badge,
+                          {
+                            variant: entry.kind === "CHANGED" ? "secondary" : entry.kind === "ADDED" ? "default" : "destructive",
+                            className: "text-[10px]",
+                            children: entry.kind
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("code", { className: "min-w-0 truncate font-mono", children: entry.path })
+                      ] }),
+                      entry.kind === "CHANGED" && /* @__PURE__ */ jsxs("div", { className: "mt-1 grid gap-1 text-[11px] text-muted-foreground", children: [
+                        /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+                          "\u2212 ",
+                          formatDiffValue(entry.before)
+                        ] }),
+                        /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+                          "+ ",
+                          formatDiffValue(entry.after)
+                        ] })
+                      ] })
                     ]
-                  }
-                )
-              ]
-            }
-          )
-        ] }, v.id);
-      }) }) }) })
+                  },
+                  `${entry.kind}-${entry.path}`
+                )) })
+              ] })
+            ]
+          }
+        ),
+        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: tr(
+            "fluidgrids.builder.versionHistory.loading",
+            "Loading versions..."
+          ) })
+        ] }) : versions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm text-center py-8", children: tr(
+          "fluidgrids.builder.versionHistory.emptyState",
+          "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;
+          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(
+                    "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"
+                  )
+                }
+              ),
+              !isLast && /* @__PURE__ */ jsx("span", { className: "w-px flex-1 bg-border" })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "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(
+                            "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: tr(
+                            "fluidgrids.builder.versionHistory.currentBadge",
+                            "Current"
+                          )
+                        }
+                      ),
+                      v.alias && /* @__PURE__ */ jsxs(
+                        Badge,
+                        {
+                          variant: "outline",
+                          className: "text-[10px] px-1.5 py-0 h-5 font-mono",
+                          title: tr(
+                            "fluidgrids.builder.versionHistory.aliasTooltip",
+                            "Version alias"
+                          ),
+                          children: [
+                            "@",
+                            v.alias
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
+                      !isCurrent && /* @__PURE__ */ jsx(
+                        ActionButton,
+                        {
+                          label: tr(
+                            "fluidgrids.builder.versionHistory.actionView",
+                            "View in builder"
+                          ),
+                          icon: /* @__PURE__ */ jsx(Eye, { className: "size-3.5" }),
+                          disabled: busy !== null,
+                          onClick: () => handleSwitchVersion(v.version)
+                        }
+                      ),
+                      !isActive && /* @__PURE__ */ jsx(
+                        ActionButton,
+                        {
+                          label: tr(
+                            "fluidgrids.builder.versionHistory.actionActivate",
+                            "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: tr(
+                            "fluidgrids.builder.versionHistory.actionRestore",
+                            "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: tr(
+                            "fluidgrids.builder.versionHistory.actionDelete",
+                            "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",
+                    {
+                      className: "mt-1.5 text-xs text-muted-foreground",
+                      title: absoluteTime(v.updatedAt),
+                      children: [
+                        author ? `${author} \xB7 ` : "",
+                        relativeTime(v.updatedAt)
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, v.id);
+        }) })
+      ] }) })
     ] }),
     /* @__PURE__ */ jsx(
       AlertDialog,
@@ -25550,5 +25812,5 @@ var FlowBuilderPage = ({
 };
 
 export { Card2 as Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ConnectionFormDialog, ConnectionSelector, EntityTagPicker, FLUIDGRIDS_ENTITY_TYPES, FlowBuilderPage, FluidGridsProvider, ProviderPicker, SchemaConnectionForm, ScopePicker, TemplateCard, buildNodeCheck, buildRequiredNodeTypes, listCustomBlocks, mergeStickyNotes, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, tagLabel, useAvailableTags, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useCreateTag, useDraftEntityTags, useEntityTags, useFluidGridsContext, useImportWorkflowTemplate, useInitiateOAuth, useInstalledNodes, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useReplaceEntityTags, useSearchTags, useTagEntity, useUntagEntity, useWorkflowTemplates };
-//# sourceMappingURL=chunk-GWRX2T3K.js.map
-//# sourceMappingURL=chunk-GWRX2T3K.js.map
+//# sourceMappingURL=chunk-XF7QA3QT.js.map
+//# sourceMappingURL=chunk-XF7QA3QT.js.map