@burdenoff/fluidgrids-fe-sdk 2026.1029.6 → 2026.1029.8

package/dist/{chunk-Z6EWB5ZG.js → chunk-X2J4ZXKD.js}

@@ -2,18 +2,18 @@ import { deepClone, applyTemplateInputs } from './chunk-GEMNVFPK.js';
 import { Input } from './chunk-IEVSFCFS.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-YXMFRQYV.js';
 import { Badge as Badge$1, Button } from './chunk-BQXVT32O.js';
-import { QuotaExhaustedDialog, useWorkflowCodeExport, orderedExportFiles, fileBaseName, downloadWorkflowCodeExport, isLosslessReport, sortFidelityItems, isLossyFidelityItem, lineOfNode } from './chunk-7SSZUX6E.js';
-import { EntityTagPicker, useWorkflowProposal, WorkflowProposalCard, useRunHistory, RunHistoryView, SignalRunDialog } from './chunk-WTGBHE3J.js';
+import { QuotaExhaustedDialog, useWorkflowCodeExport, orderedExportFiles, fileBaseName, downloadWorkflowCodeExport, isLosslessReport, sortFidelityItems, isLossyFidelityItem, lineOfNode } from './chunk-S4JYBJ4X.js';
+import { EntityTagPicker, useWorkflowProposal, WorkflowProposalCard, useRunHistory, RunHistoryView, SignalRunDialog } from './chunk-T22LICGX.js';
 import { AiCreditBalanceSlot } from './chunk-Y53CVZVV.js';
-import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-LTVAUZ3M.js';
-import { isAgentNodeType, AgentDefinitionSelectField } from './chunk-QZM6EDGK.js';
+import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-G3KZOX52.js';
+import { isAgentNodeType, AgentDefinitionSelectField } from './chunk-NUBPALBK.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { NODE_CONFIGS, createConfiguredNode, resolveOutputHandles, resolveInputHandles, isNodeConfigsInitialized, useFlowStore, getNodeDetail, useSaveStatusStore, isNodeTypeHiddenFromPalette, liveInternalOperations, resolveNodeOperation, readDisplayOptions, parseParameterValue, canAutosave, STICKY_NOTE_TYPE, isNodeTrigger, resolveUiSpec, RUNS_QUOTA_NAME, throwIfResultError, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, useDurableFunctionNodesEnabled, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, useIsValidConnection, refetchStoreNodes, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, CODE_WORKFLOW_NODE_TYPE, SdkPermissionButton, FLUIDGRIDS_PERMISSIONS, fieldsFromValue, filterPaletteNodes, useFluidGridsAnalytics, useSaveWorkflow, workflowFingerprint, buildStickyNode, useNodeRegistryRevision, fieldsFromIO, useFluidGridsPermission, readCodeWorkflowState, useCodeWorkflowInterface, clearCodeWorkflowDefinitionCache, isParamVisible, ConnectionSelector, structuredParameterType, nodeAccent, NodeTypeIcon, NODES_METADATA, useConnections, ConnectionFormDialog, useFluidGridsFlag, FLUIDGRIDS_FLAGS, saveIndicatorOf, inAppLeaveTarget, declaredOutputFields, subscribeWorkflowSaved, pathToExpression, diagnosticsByPath, interfaceHandlers, declaredSignals, ExpressionEditor, toCodeMirrorDiagnostics, formatParameterValue, leaveNeedsConfirmation, buildOperationSeed, snapshotForSave, editStateOf, childRunIdOf, defaultSourcePath, describeOperationError, projectLanguage, changedSourceFiles, isEditableSourcePath, sourceLanguageOf, interfaceFields, isImageIcon, NODES, synchronizeOperationUpdate, NodePropertyPanel, openRunQuotaUpgradePrompt, isTriggerOperation, canRenderOperationPanel, runPreparationOf, resolveOperationName, savesInPlace, AUTOSAVE_RETRY_DELAYS_MS, AUTOSAVE_DEBOUNCE_MS } from './chunk-4TGUNOQQ.js';
+import { leaseCallQueue, NODE_CONFIGS, createConfiguredNode, resolveOutputHandles, resolveInputHandles, isNodeConfigsInitialized, useFlowStore, getNodeDetail, useSaveStatusStore, isNodeTypeHiddenFromPalette, liveInternalOperations, resolveNodeOperation, readDisplayOptions, parseParameterValue, canAutosave, STICKY_NOTE_TYPE, isNodeTrigger, resolveUiSpec, RUNS_QUOTA_NAME, throwIfResultError, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, useEditLeaseStore, useEditLeaseLocked, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, useDurableFunctionNodesEnabled, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, useIsValidConnection, BuilderReadOnlyProvider, refetchStoreNodes, AVAILABLE_NODES, EDIT_SESSION_ID, useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, CODE_WORKFLOW_NODE_TYPE, SdkPermissionButton, bannerOf, useSaveWorkflow, useBuilderReadOnly, fieldsFromValue, filterPaletteNodes, useFluidGridsAnalytics, sessionBeforeReload, forgetSessionForReload, releasesOnClose, editStateOf, workflowFingerprint, isLocked, buildStickyNode, useNodeRegistryRevision, fieldsFromIO, readCodeWorkflowState, useCodeWorkflowInterface, clearCodeWorkflowDefinitionCache, isParamVisible, ConnectionSelector, structuredParameterType, nodeAccent, NodeTypeIcon, NODES_METADATA, shouldReleaseForIdle, tickAction, rememberSessionForReload, useDurableParityEnabled, useConnections, ConnectionFormDialog, useFluidGridsFlag, FLUIDGRIDS_FLAGS, saveIndicatorOf, inAppLeaveTarget, declaredOutputFields, subscribeWorkflowSaved, pathToExpression, diagnosticsByPath, interfaceHandlers, declaredSignals, ExpressionEditor, toCodeMirrorDiagnostics, formatParameterValue, leaveNeedsConfirmation, phaseAfterAcquire, buildOperationSeed, describeOperationError, rememberOwnStatusChange, snapshotForSave, childRunIdOf, defaultSourcePath, projectLanguage, changedSourceFiles, isEditableSourcePath, sourceLanguageOf, interfaceFields, isImageIcon, NODES, synchronizeOperationUpdate, NodePropertyPanel, loadDefinitionJson, openRunQuotaUpgradePrompt, isTriggerOperation, canRenderOperationPanel, runPreparationOf, resolveOperationName, savesInPlace, AUTOSAVE_RETRY_DELAYS_MS, AUTOSAVE_DEBOUNCE_MS, rememberRevision, phaseAfterTakeOver } from './chunk-NAYPOEYM.js';
 import { cn } from './chunk-JL7CASN5.js';
 import { getGlobalStoreClient } from './chunk-PXIFUMLA.js';
-import { getFluidGridsConfig } from './chunk-CY6KX4RG.js';
+import { getFluidGridsConfig } from './chunk-6AMNEX2Y.js';
 import { GetMyNodeInstallationsDocument, BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument, GetNodeInstallableVersionsDocument, OrganizationPrivateNodesDocument, InstallOrganizationPrivateNodeDocument, UninstallOrganizationPrivateNodeDocument } from './chunk-JUUYPCFY.js';
-import { WorkspaceRunsQuotaDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, WorkflowGenerationTemplatesDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, WorkflowAuthoringDocument, NodeStatesDocument, PreviewScheduleDocument, WorkflowCodeSourceDocument, WorkflowEditLeaseStatusDocument, BuildWorkflowCodeDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-7PP6CRXS.js';
+import { WorkspaceRunsQuotaDocument, ReleaseWorkflowEditLeaseDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, AcquireWorkflowEditLeaseDocument, WorkflowGenerationTemplatesDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, WorkflowAuthoringDocument, NodeStatesDocument, PreviewScheduleDocument, WorkflowEditLeaseDocument, WorkflowVersioningDocument, WorkflowVersionDrainageDocument, ActivateWorkflowVersionCheckedDocument, WorkflowDefinitionDocument, WorkflowCodeSourceDocument, WorkflowEditLeaseStatusDocument, BuildWorkflowCodeDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument, SetWorkflowRolloutDocument, DeleteWorkflowRolloutDocument, TakeOverWorkflowEditLeaseDocument } from './chunk-GQTEHWWY.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient, waitForFluidGridsClient, getFluidGridsClientSafe } from './chunk-NTWG3CJX.js';
 import { __export } from './chunk-62GWEYJ5.js';
@@ -29,7 +29,8 @@ import { useEventBus } from '@burdenoff/fe-libs/shared/events';
 import { useQuery, useMutation } from '@apollo/client/react';
 import { gql as gql$1 } from '@apollo/client/core';
 import 'jszip';
-import { Sparkles, Star, Download, Eye, Maximize2, Undo2, Redo2, LayoutGrid, Keyboard, Plus, Trash2, GitBranch, Loader2, AlertCircle, Search, RefreshCw, History, GitCompareArrows, Play, RotateCcw, Layers, Upload, Rocket, ArrowRight, Check, X, Link2, Unlink, GitCompare, ExternalLink, GitCommitHorizontal, CircleHelp, CheckCircle2, Package, Info, Copy, BadgeCheck, DollarSign, Type, Code, Hash, List, Braces, Workflow, PlusCircle, ChevronDown, ChevronRight, AlertTriangle } from 'lucide-react';
+import { Sparkles, Star, Download, Eye, Maximize2, Undo2, Redo2, LayoutGrid, Keyboard, Plus, Trash2, GitBranch, Loader2, AlertCircle, Search, RefreshCw, History, GitCompareArrows, Play, RotateCcw, Layers, Upload, Rocket, ArrowRight, Check, X, Link2, Unlink, GitCompare, ExternalLink, GitCommitHorizontal, CircleHelp, CheckCircle2, Package, SlidersHorizontal, Info, Copy, BadgeCheck, DollarSign, Type, Code, Hash, List, Braces, Workflow, PlusCircle, ChevronDown, ChevronRight, AlertTriangle } from 'lucide-react';
+import { create } from 'zustand';
 import { Icon } from '@iconify/react';
 import { toast } from 'sonner';
 import { useShallow, shallow } from 'zustand/shallow';
@@ -43,7 +44,6 @@ import { ThemeProvider as ThemeProvider$1 } from '@burdenoff/fe-libs/shared/prov
 import '@xyflow/react/dist/style.css';
 import { edgeColor, nodeCategoryColor } from '@burdenoff/fe-libs/shared/utils';
 import { buildSchema, GraphQLObjectType, GraphQLInputObjectType, GraphQLEnumType, GraphQLInterfaceType, GraphQLUnionType, GraphQLNonNull, GraphQLList } from 'graphql';
-import { create } from 'zustand';
 import { nanoid as nanoid$1 } from 'nanoid/non-secure';
 import { defineAgentTool, AgentToolError, useAgentTools } from '@burdenoff/fe-libs/shared/agent-tools';
 import CodeMirror, { EditorView } from '@uiw/react-codemirror';
@@ -21676,6 +21676,266 @@ function FluidGridsGlyph() {
     }
   );
 }
+var useWorkflowReloadStore = create()((set2) => ({
+  nonce: 0,
+  request: () => set2((state) => ({ nonce: state.nonce + 1 }))
+}));
+function requestWorkflowReload() {
+  useWorkflowReloadStore.getState().request();
+}
+var TICK_MS = 5e3;
+var UNAVAILABLE = {
+  available: false,
+  held: false,
+  heldBySelf: false
+};
+var leaseCalls = leaseCallQueue();
+function sessionStore() {
+  try {
+    return typeof window === "undefined" ? void 0 : window.sessionStorage;
+  } catch {
+    return void 0;
+  }
+}
+function openWorkflow() {
+  const { workflow } = useFlowStore.getState();
+  const workflowKey = workflow.workflowKey || workflow.id;
+  if (!workflow.dbId || !workflowKey) return null;
+  return { workflowKey, version: workflow.version ?? "" };
+}
+function snapshotOpen() {
+  const open2 = openWorkflow();
+  if (!open2) return null;
+  return { ...open2, generation: useFlowStore.getState().loadGeneration };
+}
+function stillOpen(snapshot) {
+  const now = openWorkflow();
+  return now?.workflowKey === snapshot.workflowKey && now.version === snapshot.version && useFlowStore.getState().loadGeneration === snapshot.generation && useEditLeaseStore.getState().workflowKey === snapshot.workflowKey;
+}
+function discardStaleAnswer(snapshot, answer) {
+  if (!answer.heldBySelf) return;
+  if (useEditLeaseStore.getState().workflowKey === snapshot.workflowKey) return;
+  void releaseLease(snapshot.workflowKey);
+}
+function acquireLease(workflowKey, version2, resumeSessionId) {
+  return leaseCalls.run(workflowKey, async () => {
+    try {
+      const { data } = throwIfResultError(
+        await getFluidGridsClient().mutate({
+          mutation: AcquireWorkflowEditLeaseDocument,
+          variables: {
+            input: {
+              workflowKey,
+              sessionId: EDIT_SESSION_ID,
+              version: version2 || null,
+              resumeSessionId
+            }
+          }
+        })
+      );
+      return data?.acquireWorkflowEditLease ?? UNAVAILABLE;
+    } catch {
+      return UNAVAILABLE;
+    }
+  });
+}
+async function peekLease(workflowKey) {
+  try {
+    const { data } = throwIfResultError(
+      await getFluidGridsClient().query({
+        query: WorkflowEditLeaseDocument,
+        variables: { workflowKey, sessionId: EDIT_SESSION_ID },
+        fetchPolicy: "network-only"
+      })
+    );
+    return data?.workflowEditLease ?? UNAVAILABLE;
+  } catch {
+    return UNAVAILABLE;
+  }
+}
+function sendRelease(workflowKey, keepalive) {
+  return getFluidGridsClient().mutate({
+    mutation: ReleaseWorkflowEditLeaseDocument,
+    variables: { workflowKey, sessionId: EDIT_SESSION_ID },
+    ...keepalive ? { context: { fetchOptions: { keepalive: true } } } : {}
+  }).then(() => void 0).catch(() => void 0);
+}
+function releaseLease(workflowKey) {
+  return leaseCalls.run(workflowKey, () => sendRelease(workflowKey, false));
+}
+function recordAcquired(answer) {
+  const lease = useEditLeaseStore.getState();
+  lease.actions.record(phaseAfterAcquire(lease.phase, answer), answer);
+}
+async function takeOverEditLease() {
+  const open2 = snapshotOpen();
+  if (!open2) return;
+  const answer = await leaseCalls.run(open2.workflowKey, async () => {
+    try {
+      const { data } = throwIfResultError(
+        await getFluidGridsClient().mutate({
+          mutation: TakeOverWorkflowEditLeaseDocument,
+          variables: {
+            input: {
+              workflowKey: open2.workflowKey,
+              sessionId: EDIT_SESSION_ID,
+              version: open2.version || null
+            }
+          }
+        })
+      );
+      return data?.takeOverWorkflowEditLease ?? UNAVAILABLE;
+    } catch {
+      return UNAVAILABLE;
+    }
+  });
+  if (!stillOpen(open2)) {
+    discardStaleAnswer(open2, answer);
+    return;
+  }
+  const next = phaseAfterTakeOver(answer);
+  useEditLeaseStore.getState().actions.record(next, answer);
+  if (next === "reloading") requestWorkflowReload();
+}
+async function resumeEditLease() {
+  const open2 = snapshotOpen();
+  if (!open2) return;
+  const answer = await acquireLease(open2.workflowKey, open2.version, null);
+  if (!stillOpen(open2)) {
+    discardStaleAnswer(open2, answer);
+    return;
+  }
+  recordAcquired(answer);
+}
+function releaseLeaseKeptForReload() {
+  const lease = useEditLeaseStore.getState();
+  const workflowKey = lease.workflowKey;
+  if (lease.phase !== "reloading" || !workflowKey) return;
+  void releaseLease(workflowKey);
+  lease.actions.reset();
+}
+function reloadLatestVersion() {
+  const lease = useEditLeaseStore.getState();
+  if (lease.phase === "holding") lease.actions.record("reloading");
+  requestWorkflowReload();
+}
+function useEditLease(enabled) {
+  const workflowKey = useFlowStore(
+    (s) => s.workflow.dbId ? s.workflow.workflowKey || s.workflow.id : ""
+  );
+  useEffect(() => {
+    const lease = useEditLeaseStore.getState();
+    if (!enabled || !workflowKey) {
+      lease.actions.reset();
+      return;
+    }
+    lease.actions.begin(workflowKey);
+    let disposed = false;
+    let inFlight = false;
+    let lastRenewAt = 0;
+    let lastPeekAt = 0;
+    let lastInputAt = Date.now();
+    const visible = () => typeof document === "undefined" || document.visibilityState !== "hidden";
+    const phase = () => useEditLeaseStore.getState().phase;
+    const version2 = () => useFlowStore.getState().workflow.version ?? "";
+    const renew = async (resumeSessionId = null) => {
+      if (inFlight) return;
+      inFlight = true;
+      lastRenewAt = Date.now();
+      try {
+        const answer = await acquireLease(
+          workflowKey,
+          version2(),
+          resumeSessionId
+        );
+        if (!disposed && phase() !== "idle") recordAcquired(answer);
+      } finally {
+        inFlight = false;
+      }
+    };
+    const peek = async () => {
+      if (inFlight) return;
+      inFlight = true;
+      lastPeekAt = Date.now();
+      try {
+        const answer = await peekLease(workflowKey);
+        if (disposed || !answer.available) return;
+        const current = useEditLeaseStore.getState();
+        current.actions.record(current.phase, answer);
+      } finally {
+        inFlight = false;
+      }
+    };
+    const tick = () => {
+      if (disposed) return;
+      const now = Date.now();
+      if (shouldReleaseForIdle(phase(), lastInputAt, now)) {
+        useEditLeaseStore.getState().actions.record("idle");
+        void releaseLease(workflowKey);
+        return;
+      }
+      const action = tickAction(
+        phase(),
+        { lastRenewAt, lastPeekAt, visible: visible() },
+        now
+      );
+      if (action === "renew") void renew();
+      else if (action === "peek") void peek();
+    };
+    const resume = sessionBeforeReload(sessionStore(), workflowKey);
+    forgetSessionForReload(sessionStore(), workflowKey);
+    void renew(resume);
+    const timer = setInterval(tick, TICK_MS);
+    let reloadSeen = false;
+    const unsubscribeFlow = useFlowStore.subscribe((state, previous) => {
+      if (state.loadGeneration !== previous.loadGeneration) reloadSeen = true;
+      if (reloadSeen && state.workflow.dbId && phase() === "reloading") {
+        reloadSeen = false;
+        void renew();
+      }
+    });
+    const onVisible = () => {
+      if (!visible()) return;
+      lastRenewAt = 0;
+      lastPeekAt = 0;
+      tick();
+    };
+    const onInput = () => {
+      lastInputAt = Date.now();
+    };
+    const onPageHide = () => {
+      if (phase() !== "holding") return;
+      rememberSessionForReload(sessionStore(), workflowKey, EDIT_SESSION_ID);
+      void sendRelease(workflowKey, true);
+    };
+    const onPageShow = (event) => {
+      if (event.persisted) void renew(EDIT_SESSION_ID);
+    };
+    const inputEvents = ["pointerdown", "keydown", "wheel"];
+    document.addEventListener("visibilitychange", onVisible);
+    window.addEventListener("online", onVisible);
+    window.addEventListener("pagehide", onPageHide);
+    window.addEventListener("pageshow", onPageShow);
+    for (const name of inputEvents) {
+      window.addEventListener(name, onInput, { capture: true, passive: true });
+    }
+    return () => {
+      disposed = true;
+      clearInterval(timer);
+      unsubscribeFlow();
+      document.removeEventListener("visibilitychange", onVisible);
+      window.removeEventListener("online", onVisible);
+      window.removeEventListener("pagehide", onPageHide);
+      window.removeEventListener("pageshow", onPageShow);
+      for (const name of inputEvents) {
+        window.removeEventListener(name, onInput, { capture: true });
+      }
+      const current = useEditLeaseStore.getState();
+      if (releasesOnClose(current.phase)) void releaseLease(workflowKey);
+      if (current.phase !== "reloading") current.actions.reset();
+    };
+  }, [enabled, workflowKey]);
+}
 function findEdges(node2, connectedEdges) {
   const outgoingEdges = connectedEdges.filter(
     (edge) => edge.source === node2.id
@@ -21752,6 +22012,9 @@ function useFlowValidator(onValidate) {
 }
 
 // src/builder/lib/save-guards.ts
+function editingLeaseLocked() {
+  return isLocked(useEditLeaseStore.getState().phase);
+}
 function autosaveAllowedFor(workflow) {
   return useSaveStatusStore.getState().autosaveEnabled && canAutosave(workflow);
 }
@@ -21768,7 +22031,7 @@ function editStateFor(state) {
 }
 function departingSave(state) {
   const status = useSaveStatusStore.getState();
-  if (status.autosavePaused) return null;
+  if (status.autosavePaused || editingLeaseLocked()) return null;
   if (editStateFor(state) !== "dirty") return null;
   if (!autosaveAllowedFor(state.workflow)) return null;
   const { nodes, edges } = state.workflow;
@@ -21784,7 +22047,9 @@ function unsavedState() {
   return {
     // Checked fresh: the dirty flag trails the last edit by a moment.
     dirty: status.dirty || editStateFor(flow) === "dirty",
-    autosaveAllowed: autosaveAllowedFor(flow.workflow),
+    // A paused autosave (a refused save), or a page someone else is editing
+    // from, does not save on the way out either.
+    autosaveAllowed: autosaveAllowedFor(flow.workflow) && !status.autosavePaused && !editingLeaseLocked(),
     incomplete: status.incomplete || !isFlowComplete(flow.workflow.nodes, flow.workflow.edges),
     failed: status.failure !== null
   };
@@ -21814,6 +22079,10 @@ function watchLeavingLosesChanges(onChange, delayMs) {
     if (timer) clearTimeout(timer);
     timer = setTimeout(settle2, delayMs);
   };
+  const settleNow = () => {
+    if (timer) clearTimeout(timer);
+    settle2();
+  };
   settle2();
   const unsubscribeFlow = useFlowStore.subscribe((state, previous) => {
     if (!touchesSavedFields(state, previous)) return;
@@ -21821,9 +22090,13 @@ function watchLeavingLosesChanges(onChange, delayMs) {
     settleLater();
   });
   const unsubscribeStatus = useSaveStatusStore.subscribe(settleLater);
+  const unsubscribeLease = useEditLeaseStore.subscribe((state, previous) => {
+    if (isLocked(state.phase) !== isLocked(previous.phase)) settleNow();
+  });
   return () => {
     unsubscribeFlow();
     unsubscribeStatus();
+    unsubscribeLease();
     if (timer) clearTimeout(timer);
   };
 }
@@ -25200,7 +25473,7 @@ function DesktopSidebarFragment({
         if (nodesToInstall.length > 0) {
           const { getGlobalStoreClient: getStore } = await import('./global-client-KLOVTVPP.js');
           const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-D2USVOPM.js');
-          const { getFluidGridsConfig: getFluidGridsConfig3 } = await import('./config-T7BQ7AO2.js');
+          const { getFluidGridsConfig: getFluidGridsConfig3 } = await import('./config-VM7FTHMZ.js');
           const storeClient = getStore();
           const cfg = getFluidGridsConfig3();
           for (let i = 0; i < nodesToInstall.length; i++) {
@@ -25261,7 +25534,7 @@ function DesktopSidebarFragment({
           );
         }
         const { getFluidGridsClient: getFluidGridsClient2 } = await import('./client-T7BHWM2H.js');
-        const { getFluidGridsConfig: getFluidGridsConfig2 } = await import('./config-T7BQ7AO2.js');
+        const { getFluidGridsConfig: getFluidGridsConfig2 } = await import('./config-VM7FTHMZ.js');
         const { gql: gql10 } = await import('@apollo/client/core');
         const IMPORT_MUTATION = gql10`
           mutation ImportWorkflowTemplate(
@@ -26743,8 +27016,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast17) => {
-          addToRemoveQueue(toast17.id);
+        state.toasts.forEach((toast18) => {
+          addToRemoveQueue(toast18.id);
         });
       }
       return {
@@ -28120,7 +28393,7 @@ function VisualMapperContent({
   mapping,
   onMappingChange
 }) {
-  const { toast: toast17 } = useToast();
+  const { toast: toast18 } = useToast();
   const tr = useTr();
   const reactFlowWrapper = useRef(null);
   const [selectedSourceNode, setSelectedSourceNode] = useState(null);
@@ -28140,7 +28413,7 @@ function VisualMapperContent({
         targetOperation
       );
       if (generatedNodes.length === 0) {
-        toast17({
+        toast18({
           title: tr(
             "fluidgrids.builder.visualMapper.noFieldsFoundTitle",
             "No fields found"
@@ -28166,7 +28439,7 @@ function VisualMapperContent({
     targetNode,
     targetOperation,
     setNodes,
-    toast17,
+    toast18,
     tr
   ]);
   useEffect(() => {
@@ -28273,7 +28546,7 @@ function VisualMapperContent({
         }
         onMappingChange(updatedMapping);
         if (isCompatible) {
-          toast17({
+          toast18({
             title: tr(
               "fluidgrids.builder.visualMapper.mappingCreatedTitle",
               "Mapping created"
@@ -28281,7 +28554,7 @@ function VisualMapperContent({
             description: `Mapped ${sourcePath} (${sourceType}) to ${targetPath} (${targetType})`
           });
         } else {
-          toast17({
+          toast18({
             title: tr(
               "fluidgrids.builder.visualMapper.typeMismatchTitle",
               "Type mismatch warning"
@@ -28291,7 +28564,7 @@ function VisualMapperContent({
           });
         }
       } else {
-        toast17({
+        toast18({
           title: tr(
             "fluidgrids.builder.visualMapper.invalidMappingTitle",
             "Invalid mapping"
@@ -28304,7 +28577,7 @@ function VisualMapperContent({
         });
       }
     },
-    [nodes, mapping, onMappingChange, toast17, tr, setEdges]
+    [nodes, mapping, onMappingChange, toast18, tr, setEdges]
   );
   const onEdgeDelete = useCallback(
     (edge) => {
@@ -28361,7 +28634,7 @@ function VisualMapperContent({
   const handleSaveMappingDialog = (expression, targetFieldName) => {
     const targetPath = targetFieldName || selectedTargetNode?.data?.path;
     if (!targetPath) {
-      toast17({
+      toast18({
         title: tr(
           "fluidgrids.builder.visualMapper.noTargetFieldTitle",
           "No target field specified"
@@ -28393,7 +28666,7 @@ function VisualMapperContent({
     }
     onMappingChange(updatedMapping);
     const mappingType = detectMappingType(expression);
-    toast17({
+    toast18({
       title: `${mappingType.charAt(0).toUpperCase() + mappingType.slice(1)} mapping created`,
       description: `${tr("fluidgrids.builder.visualMapper.appliedMappingTo", "Applied mapping to")} ${targetPath}`
     });
@@ -28692,7 +28965,7 @@ function MappingEditor({
   setEdges,
   edgeId
 }) {
-  const { toast: toast17 } = useToast();
+  const { toast: toast18 } = useToast();
   const tr = useTr();
   const [mappingJson, setMappingJson] = useState({});
   const [jsonDataString, setJsonDataString] = useState(
@@ -28816,7 +29089,7 @@ function MappingEditor({
   const handleSaveMapping = () => {
     try {
       checkJsonValidity();
-      toast17({
+      toast18({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingSavedTitle",
           "Mapping saved"
@@ -28827,7 +29100,7 @@ function MappingEditor({
         )
       });
     } catch (error62) {
-      toast17({
+      toast18({
         title: tr(
           "fluidgrids.builder.mappingEditor.errorSavingTitle",
           "Error saving mapping"
@@ -28846,7 +29119,7 @@ function MappingEditor({
       const parsedData = checkJsonValidity();
       const result = await applyMapping(parsedData, sampleInput);
       setPreviewOutput(result);
-      toast17({
+      toast18({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingTestedTitle",
           "Mapping tested"
@@ -28858,7 +29131,7 @@ function MappingEditor({
       });
     } catch (error62) {
       console.error("Test mapping error:", error62);
-      toast17({
+      toast18({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingTestFailedTitle",
           "Mapping test failed"
@@ -31501,6 +31774,7 @@ function CustomDeletableEdge(props) {
     markerEnd
   } = props;
   const { setEdges, getEdges, getNode } = useReactFlow();
+  const readOnly = useBuilderReadOnly();
   const tr = useTr();
   const nodeStatuses = useFlowStore(
     useShallow((s) => s.execution.nodeStatuses)
@@ -31522,6 +31796,7 @@ function CustomDeletableEdge(props) {
     targetPosition
   });
   useEffect(() => {
+    if (readOnly) return;
     const edges = getEdges();
     const currentEdge = edges?.find((e) => e.id === id);
     if (currentEdge && !currentEdge.conditions) {
@@ -31534,10 +31809,13 @@ function CustomDeletableEdge(props) {
         });
       });
     }
-  }, [id, setEdges, getEdges]);
-  const [showModal, setShowModal] = useState(false);
-  const [showConditionModal, setConditionShowModal] = useState(false);
-  const [isHovered, setIsHovered] = useState(false);
+  }, [id, setEdges, getEdges, readOnly]);
+  const [mapperRequested, setShowModal] = useState(false);
+  const [conditionRequested, setConditionShowModal] = useState(false);
+  const [hovered, setIsHovered] = useState(false);
+  const showModal = mapperRequested && !readOnly;
+  const showConditionModal = conditionRequested && !readOnly;
+  const isHovered = hovered && !readOnly;
   const [sourceSchema, setSourceSchema] = useState(null);
   const [targetSchema, setTargetSchema] = useState(null);
   const [isLoadingSchemas, setIsLoadingSchemas] = useState(false);
@@ -33122,7 +33400,8 @@ function ControlBtn({
 function CanvasControls() {
   const tr = useTr();
   const searchParams = new URLSearchParams(window.location.search);
-  const isReadOnly = searchParams.get("readonly") === "true";
+  const leaseLocked = useEditLeaseLocked();
+  const isReadOnly = searchParams.get("readonly") === "true" || leaseLocked;
   const [showMinimap, setShowMinimap] = useState(false);
   const [edgesHidden, setEdgesHidden] = useState(false);
   const [shortcutsHelpOpen, setShortcutsHelpOpen] = useState(false);
@@ -34569,6 +34848,24 @@ function nodeSubtitle(node2) {
   const data = asRecord(node2?.data);
   return typeof data?.operation_name === "string" ? data.operation_name : void 0;
 }
+function leaveUnchanged() {
+}
+function readOnlyNodeConfig(api) {
+  return {
+    ...api,
+    writeFixed: leaveUnchanged,
+    writeMapping: leaveUnchanged,
+    handleConnectionsChange: leaveUnchanged,
+    toggleMode: leaveUnchanged,
+    // A field dropped on a read-only form is refused, not opened as a link.
+    handleDropOnParam: () => (e) => e.preventDefault(),
+    writeErrorConfig: leaveUnchanged,
+    writeNotes: leaveUnchanged,
+    writeExecutionSettings: leaveUnchanged,
+    writeNodeDataField: leaveUnchanged,
+    readOnly: true
+  };
+}
 function runOnOf(executionSettings) {
   const runOn = asRecord(executionSettings?.runOn);
   return runOn?.kind === "runner" && typeof runOn.runnerId === "string" ? { kind: "runner", runnerId: runOn.runnerId } : null;
@@ -34577,6 +34874,7 @@ function useNodeConfig(target, options) {
   const nodes = useFlowStore((s) => s.workflow.nodes);
   const edges = useFlowStore((s) => s.workflow.edges);
   const workflowKey = useFlowStore((s) => s.workflow.workflowKey);
+  const readOnly = useBuilderReadOnly();
   const executionLogs = useFlowStore((s) => s.execution.logs);
   const currentRunId = useFlowStore((s) => s.execution.currentRunId);
   const nodeId2 = target?.nodeId;
@@ -34841,7 +35139,7 @@ function useNodeConfig(target, options) {
       setModeByField((m) => ({ ...m, [field]: "expression" }));
     }
   };
-  return {
+  const api = {
     node: node2,
     nodes,
     incoming,
@@ -34882,8 +35180,10 @@ function useNodeConfig(target, options) {
     executeOnce,
     runOn,
     writeExecutionSettings,
-    writeNodeDataField
+    writeNodeDataField,
+    readOnly: false
   };
+  return readOnly ? readOnlyNodeConfig(api) : api;
 }
 
 // src/builder/agentTools.ts
@@ -35993,7 +36293,7 @@ function CodeEditorField({
   placeholder,
   label,
   onChange,
-  readOnly = false,
+  readOnly: readOnlyProp = false,
   diagnostics,
   minHeight = "180px",
   maxHeight = "420px",
@@ -36002,6 +36302,8 @@ function CodeEditorField({
 }) {
   const dark = useIsDarkTheme();
   const withLint = diagnostics !== void 0;
+  const builderReadOnly = useBuilderReadOnly();
+  const readOnly = readOnlyProp || builderReadOnly;
   const extensions = useMemo(
     () => [
       languageExtension(language),
@@ -36298,11 +36600,6 @@ function useWebhookTestListener(target, onReceived) {
   }, [workflowKey, version2, triggerNodeId, stopOpenListener]);
   return { listener, busy, error: error62, listen, stop };
 }
-var BuilderReadOnlyContext = createContext(false);
-var BuilderReadOnlyProvider = BuilderReadOnlyContext.Provider;
-function useBuilderReadOnly() {
-  return useContext(BuilderReadOnlyContext);
-}
 var SECTION_LABEL2 = "text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground";
 function isSafeHttpUrl(value) {
   try {
@@ -39717,6 +40014,21 @@ function Field({
     children
   ] });
 }
+function ReadOnlyFieldset({
+  className,
+  children
+}) {
+  const readOnly = useBuilderReadOnly();
+  return /* @__PURE__ */ jsx(
+    "fieldset",
+    {
+      disabled: readOnly,
+      "data-readonly": readOnly ? "true" : void 0,
+      className: cn$1("m-0 min-w-0 border-0 p-0", className),
+      children
+    }
+  );
+}
 function useMediaQuery(query) {
   const [matches, setMatches] = React4.useState(false);
   React4.useEffect(() => {
@@ -40910,7 +41222,7 @@ function NodeDetailView() {
   const [pinNodeData, { loading: pinning }] = usePinNodeDataMutation();
   const [unpinNodeData, { loading: unpinning }] = useUnpinNodeDataMutation();
   const togglePin = async () => {
-    if (!workflowDbId || !ndv?.nodeId) return;
+    if (!workflowDbId || !ndv?.nodeId || config2.readOnly) return;
     try {
       if (isPinned) {
         await unpinNodeData({
@@ -41282,21 +41594,21 @@ function NodeDetailView() {
                   {
                     className: "min-h-0 flex-1 space-y-4 overflow-auto p-4",
                     "data-testid": "ndv-params",
-                    children: /* @__PURE__ */ jsx(
+                    children: /* @__PURE__ */ jsx(ReadOnlyFieldset, { className: "space-y-4", children: /* @__PURE__ */ jsx(
                       NodeParamsForm,
                       {
                         config: config2,
                         nodeType: node2?.type,
                         testIdPrefix: "ndv"
                       }
-                    )
+                    ) })
                   }
                 ) : /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: "min-h-0 flex-1 overflow-auto p-4",
                     "data-testid": "ndv-settings",
-                    children: /* @__PURE__ */ jsx(NodeSettingsPanel, { config: config2 })
+                    children: /* @__PURE__ */ jsx(ReadOnlyFieldset, { children: /* @__PURE__ */ jsx(NodeSettingsPanel, { config: config2 }) })
                   }
                 )
               ]
@@ -41340,7 +41652,7 @@ function NodeDetailView() {
                     {
                       type: "button",
                       onClick: togglePin,
-                      disabled: pinning || unpinning,
+                      disabled: pinning || unpinning || config2.readOnly,
                       "data-testid": "ndv-pin-toggle",
                       title: tr(
                         isPinned ? "fluidgrids.builder.nodeDetailView.unpinHint" : "fluidgrids.builder.nodeDetailView.pinHint",
@@ -41983,14 +42295,14 @@ function QuickConfigPanelInner({
                       setShowMapper(true);
                     }
                   },
-                  children: /* @__PURE__ */ jsx(
+                  children: /* @__PURE__ */ jsx(ReadOnlyFieldset, { className: "space-y-4", children: /* @__PURE__ */ jsx(
                     NodeParamsForm,
                     {
                       config: config2,
                       nodeType: node2.type,
                       testIdPrefix: "qc"
                     }
-                  )
+                  ) })
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -42115,10 +42427,11 @@ function useAutosave(readOnly) {
       });
     };
     const autosave = createAutosaveRunner({
-      mayStart: () => !status().autosavePaused && autosaveAllowedFor(useFlowStore.getState().workflow),
+      mayStart: () => !status().autosavePaused && !editingLeaseLocked() && autosaveAllowedFor(useFlowStore.getState().workflow),
       gate: () => {
         const { workflow } = useFlowStore.getState();
         if (status().autosavePaused || !status().dirty) return "skip";
+        if (editingLeaseLocked()) return "skip";
         if (!autosaveAllowedFor(workflow)) return "skip";
         const complete = isFlowComplete(workflow.nodes, workflow.edges);
         actions.setIncomplete(!complete);
@@ -42175,9 +42488,18 @@ function useAutosave(readOnly) {
         }
       }
     );
+    const unsubscribeLease = useEditLeaseStore.subscribe((state, previous) => {
+      if (!isLocked(previous.phase) || isLocked(state.phase)) return;
+      if (status().failure?.conflict?.reason === "EDIT_LEASE_HELD") {
+        actions.clearFailure();
+        actions.setAutosavePaused(false);
+      }
+      scheduleCheck();
+    });
     return () => {
       unsubscribeFlow();
       unsubscribeStatus();
+      unsubscribeLease();
       if (checkTimer) clearTimeout(checkTimer);
       autosave.cancel();
       saveDeparting(useFlowStore.getState());
@@ -42249,6 +42571,125 @@ function useLeaveGuards(readOnly) {
     };
   }, [readOnly]);
 }
+function useActorName(actorId) {
+  const config2 = getFluidGridsConfig();
+  const actors = useMemo(
+    () => actorId ? [{ actorId, actorType: "user" }] : [],
+    [actorId]
+  );
+  const profiles = useActorProfiles(actors, {
+    workspaceId: config2.workspaceId || void 0,
+    orgId: config2.organizationId,
+    authToken: config2.authToken
+  });
+  if (!actorId) return null;
+  return profiles[actorId]?.displayName ?? buildActorFallback({ actorId, actorType: "user" }).displayName;
+}
+function SaveConflictDialog() {
+  const tr = useTr();
+  const open2 = useSaveStatusStore((s) => s.conflictOpen);
+  const conflict = useSaveStatusStore((s) => s.failure?.conflict);
+  const statusActions = useSaveStatusStore((s) => s.actions);
+  const dbId = useFlowStore((s) => s.workflow.dbId);
+  const { saveToBackend } = useSaveWorkflow();
+  const name = useActorName(conflict?.updatedById);
+  const [busy, setBusy] = useState(false);
+  if (!conflict || conflict.reason !== "STALE_REVISION") return null;
+  const someone = name ?? tr("fluidgrids.builder.saveConflict.someone", "Someone else");
+  const stillDraft = conflict.currentStatus === "DRAFT";
+  const canOverwrite = stillDraft && conflict.currentRevision !== null && !!dbId;
+  const run = (action) => async () => {
+    setBusy(true);
+    try {
+      await action();
+    } finally {
+      setBusy(false);
+    }
+  };
+  const loadLatest = () => {
+    const flow = useFlowStore.getState();
+    statusActions.setBaseline({
+      fingerprint: workflowFingerprint(flow.workflow),
+      generation: flow.loadGeneration
+    });
+    statusActions.setConflictOpen(false);
+    reloadLatestVersion();
+  };
+  const keepAsNewVersion = run(() => saveToBackend({ asNewVersion: true }));
+  const overwrite = run(() => {
+    if (dbId && conflict.currentRevision !== null) {
+      rememberRevision(dbId, conflict.currentRevision);
+    }
+    return saveToBackend();
+  });
+  return /* @__PURE__ */ jsx(
+    AlertDialog,
+    {
+      open: open2,
+      onOpenChange: (next) => {
+        if (!next && !busy) statusActions.setConflictOpen(false);
+      },
+      children: /* @__PURE__ */ jsxs(AlertDialogContent, { "data-testid": "fluidgrids-save-conflict-dialog", children: [
+        /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx(AlertDialogTitle, { children: tr(
+            "fluidgrids.builder.saveConflict.title",
+            "This workflow changed after you opened it"
+          ) }),
+          /* @__PURE__ */ jsx(AlertDialogDescription, { children: stillDraft ? tr(
+            "fluidgrids.builder.saveConflict.changedDescription",
+            "{{name}} saved changes to this version, so your save was stopped to keep them. Choose what to keep.",
+            { name: someone }
+          ) : tr(
+            "fluidgrids.builder.saveConflict.publishedDescription",
+            "This version is no longer a draft, so your changes were not saved into it. Keep them as a new version, or load the latest one."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(AlertDialogFooter, { className: "flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: busy, children: tr("fluidgrids.builder.saveConflict.decideLater", "Decide later") }),
+          /* @__PURE__ */ jsx(
+            Button$2,
+            {
+              variant: "outline",
+              disabled: busy,
+              "data-testid": "fluidgrids-save-conflict-load-latest",
+              onClick: loadLatest,
+              children: tr(
+                "fluidgrids.builder.saveConflict.loadLatest",
+                "Discard mine and load latest"
+              )
+            }
+          ),
+          canOverwrite ? /* @__PURE__ */ jsx(
+            Button$2,
+            {
+              variant: "outline",
+              disabled: busy,
+              "data-testid": "fluidgrids-save-conflict-overwrite",
+              onClick: () => void overwrite(),
+              children: tr(
+                "fluidgrids.builder.saveConflict.overwrite",
+                "Overwrite their changes"
+              )
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            Button$2,
+            {
+              "data-agent": "confirm",
+              disabled: busy,
+              "data-testid": "fluidgrids-save-conflict-keep",
+              onClick: () => void keepAsNewVersion(),
+              children: tr(
+                "fluidgrids.builder.saveConflict.keepAsNewVersion",
+                "Keep mine as a new version"
+              )
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
 function LeaveChangesDialog() {
   const tr = useTr();
   const navigate = useNavigate();
@@ -42339,14 +42780,18 @@ function SaveQuotaDialog() {
     }
   );
 }
-function BuilderSaveController({ readOnly }) {
+function BuilderSaveController({
+  readOnly,
+  locked = false
+}) {
   useAutosave(readOnly);
-  useSaveShortcut(readOnly);
+  useSaveShortcut(readOnly || locked);
   useLeaveGuards(readOnly);
   if (readOnly) return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(LeaveChangesDialog, {}),
-    /* @__PURE__ */ jsx(SaveQuotaDialog, {})
+    /* @__PURE__ */ jsx(SaveQuotaDialog, {}),
+    /* @__PURE__ */ jsx(SaveConflictDialog, {})
   ] });
 }
 
@@ -42444,6 +42889,34 @@ function FailedStatus({ className, compact }) {
   const tr = useTr();
   const manualSave = useManualSave();
   const message = useSaveStatusStore((s) => s.failure?.message);
+  const staleConflict = useSaveStatusStore(
+    (s) => s.failure?.conflict?.reason === "STALE_REVISION"
+  );
+  const setConflictOpen = useSaveStatusStore((s) => s.actions.setConflictOpen);
+  if (staleConflict) {
+    return /* @__PURE__ */ jsxs(
+      StatusFrame,
+      {
+        state: "conflict",
+        title: message,
+        tone: "text-status-warning-text",
+        className,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mynaui:git-branch", className: "size-3.5" }),
+          /* @__PURE__ */ jsx(Label3, { compact, children: tr("fluidgrids.builder.saveStatus.conflict", "Changed elsewhere") }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setConflictOpen(true),
+              className: "ml-1 rounded px-1 font-medium underline-offset-2 hover:underline",
+              children: tr("fluidgrids.builder.saveStatus.resolve", "Resolve")
+            }
+          )
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     StatusFrame,
     {
@@ -43055,15 +43528,24 @@ var ActivateWorkflowButton = ({
         });
         if (result) {
           setWorkflow({ status: result.status });
-          toast.success("Workflow activated", {
-            description: `Version ${result.version} is now ACTIVE. Future saves will create a new draft version.`,
-            dismissible: true
-          });
+          rememberOwnStatusChange(result.id, result.revision);
+          if (result.status === "ACTIVE") {
+            toast.success("Workflow activated", {
+              description: `Version ${result.version} is now ACTIVE. Future saves will create a new draft version.`,
+              dismissible: true
+            });
+          } else {
+            toast.info("Activation is waiting for a replay check", {
+              description: `Version ${result.version} activates once open auto-upgrade runs replay against it. See Versions.`,
+              dismissible: true
+            });
+          }
         }
       } else {
         const result = await deactivateWorkflow(dbId);
         if (result) {
           setWorkflow({ status: result.status });
+          rememberOwnStatusChange(result.id, result.revision);
           toast.success("Workflow deactivated", {
             description: `Version ${result.version} is now a DRAFT. Saves will update in-place.`,
             dismissible: true
@@ -43107,6 +43589,24 @@ var ActivateWorkflowButton = ({
   );
 };
 
+// src/builder/hooks/refresh-open-revision.ts
+async function refreshOpenRevision() {
+  const dbId = useFlowStore.getState().workflow.dbId;
+  if (!dbId) return;
+  try {
+    const { data } = await getFluidGridsClient().query(
+      {
+        query: WorkflowDefinitionDocument,
+        variables: { id: dbId },
+        fetchPolicy: "network-only"
+      }
+    );
+    const stored = data?.workflowDefinition;
+    rememberOwnStatusChange(stored?.id, stored?.revision);
+  } catch {
+  }
+}
+
 // src/utils/workflow-definition-diff.ts
 function isRecord5(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -43254,6 +43754,520 @@ function CurrentVersionAiBadge({ iconOnly }) {
   const facts = useCurrentVersionAuthoring();
   return /* @__PURE__ */ jsx(AiAuthoredBadge, { facts, iconOnly });
 }
+var DRAINAGE_VERSION_LIMIT = 10;
+async function fetchWorkflowVersioning(workflowKey) {
+  const result = await getFluidGridsClient().query({
+    query: WorkflowVersioningDocument,
+    variables: { workflowKey },
+    fetchPolicy: "network-only"
+  });
+  throwIfResultError(result);
+  return {
+    versions: result.data?.workflowVersions ?? [],
+    rollouts: result.data?.workflowRollouts ?? []
+  };
+}
+async function fetchVersionDrainage(workflowKey, version2) {
+  const result = await getFluidGridsClient().query({
+    query: WorkflowVersionDrainageDocument,
+    variables: { workflowKey, version: version2 },
+    fetchPolicy: "network-only"
+  });
+  throwIfResultError(result);
+  return result.data?.workflowVersionDrainage ?? null;
+}
+async function saveWorkflowRollout(input2) {
+  const result = await getFluidGridsClient().mutate({
+    mutation: SetWorkflowRolloutDocument,
+    variables: {
+      workflowKey: input2.workflowKey,
+      input: {
+        fromVersion: input2.fromVersion ?? null,
+        toVersion: input2.toVersion,
+        percent: input2.percent,
+        environment: "PROD" /* Prod */
+      }
+    }
+  });
+  throwIfResultError(result);
+  const data = result.data?.setWorkflowRollout;
+  if (!data) throw new Error("The rollout returned no result");
+  return data;
+}
+async function removeWorkflowRollout(workflowKey) {
+  const result = await getFluidGridsClient().mutate({
+    mutation: DeleteWorkflowRolloutDocument,
+    variables: { workflowKey, environment: "PROD" /* Prod */ }
+  });
+  throwIfResultError(result);
+  return result.data?.deleteWorkflowRollout ?? false;
+}
+async function forceActivateVersion(id) {
+  const result = await getFluidGridsClient().mutate({
+    mutation: ActivateWorkflowVersionCheckedDocument,
+    variables: { id, force: true },
+    refetchQueries: ["WorkflowVersions", "WorkflowDefinitions"]
+  });
+  throwIfResultError(result);
+  const data = result.data?.activateWorkflowDefinition;
+  if (!data) throw new Error("Activation returned no result");
+  return data;
+}
+function prodRollout(rollouts) {
+  return rollouts.find(
+    (rollout) => rollout.environment === "PROD" /* Prod */
+  ) ?? null;
+}
+function isDurableDefinition(definitionJson) {
+  if (!isRecord6(definitionJson)) return false;
+  const code = definitionJson.code;
+  if (!isRecord6(code) || typeof code.buildId !== "string") return false;
+  const workflows = isRecord6(code.exports) ? code.exports.workflows : null;
+  return isRecord6(workflows) && Object.keys(workflows).length > 0;
+}
+function isRecord6(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+var EMPTY_STATE = {
+  durable: false,
+  byVersion: /* @__PURE__ */ new Map(),
+  rollout: null,
+  drainage: /* @__PURE__ */ new Map(),
+  candidates: []
+};
+async function durableVersions(workflowKey, versions) {
+  const flags = await Promise.all(
+    versions.map(
+      (version2) => loadDefinitionJson(workflowKey, version2).then(
+        isDurableDefinition,
+        () => false
+      )
+    )
+  );
+  return new Set(versions.filter((_, index) => flags[index]));
+}
+function useWorkflowVersioning(workflowKey, versions, enabled) {
+  const [state, setState] = useState(EMPTY_STATE);
+  const [error62, setError] = useState(null);
+  const request = useRef(0);
+  const reference = versions.find((entry) => entry.status === "ACTIVE") ?? versions[0];
+  const newest = versions.slice(0, DRAINAGE_VERSION_LIMIT);
+  const versionsKey = JSON.stringify({
+    reference: reference ? { version: reference.version, status: reference.status ?? null } : null,
+    newest: newest.map((entry) => [entry.version, entry.status ?? null])
+  });
+  const refetch = useCallback(async () => {
+    if (!enabled || !workflowKey) return;
+    const id = ++request.current;
+    const parsed = JSON.parse(versionsKey);
+    if (!parsed.reference) {
+      setState(EMPTY_STATE);
+      setError(null);
+      return;
+    }
+    const active = parsed.reference.status === "ACTIVE" ? parsed.reference.version : null;
+    const checked = [
+      .../* @__PURE__ */ new Set([
+        parsed.reference.version,
+        ...parsed.newest.map(([version2]) => version2)
+      ])
+    ];
+    try {
+      const durable = await durableVersions(workflowKey, checked);
+      if (id !== request.current) return;
+      if (!durable.has(parsed.reference.version)) {
+        setState(EMPTY_STATE);
+        setError(null);
+        return;
+      }
+      const drainable = parsed.newest.map(([version2]) => version2).filter((version2) => durable.has(version2));
+      const [versioning, drained] = await Promise.all([
+        fetchWorkflowVersioning(workflowKey),
+        Promise.all(
+          drainable.map(
+            (version2) => fetchVersionDrainage(workflowKey, version2).catch(() => null)
+          )
+        )
+      ]);
+      if (id !== request.current) return;
+      const drainage = /* @__PURE__ */ new Map();
+      for (const entry of drained)
+        if (entry) drainage.set(entry.version, entry);
+      const checkedSet = new Set(checked);
+      setState({
+        durable: true,
+        // A version known to be canvas gets no parity badges.
+        byVersion: new Map(
+          versioning.versions.filter(
+            (entry) => !checkedSet.has(entry.version) || durable.has(entry.version)
+          ).map((entry) => [entry.version, entry])
+        ),
+        rollout: prodRollout(versioning.rollouts),
+        drainage,
+        candidates: parsed.newest.filter(
+          ([version2, status]) => status === "DRAFT" && version2 !== active && durable.has(version2)
+        ).map(([version2]) => version2)
+      });
+      setError(null);
+    } catch (err) {
+      if (id !== request.current) return;
+      setError(describeOperationError(err));
+    }
+  }, [enabled, workflowKey, versionsKey]);
+  useEffect(() => {
+    void refetch();
+  }, [refetch]);
+  return enabled ? { ...state, error: error62, refetch } : { ...EMPTY_STATE, error: null, refetch };
+}
+var CHECK_OPEN = /* @__PURE__ */ new Set([
+  "PENDING" /* Pending */,
+  "VERIFYING" /* Verifying */
+]);
+function visibleActivationCheck(versioning) {
+  const check2 = versioning?.activationCheck;
+  if (!check2) return null;
+  if (CHECK_OPEN.has(check2.status) || check2.status === "REJECTED" /* Rejected */)
+    return check2;
+  return null;
+}
+function showDrainage(drainage, isActive) {
+  if (!drainage || isActive) return false;
+  return drainage.status === "DRAINING" /* Draining */ || drainage.rolloutTarget || drainage.lastRunStartedAt !== null;
+}
+function VersionParityBadges({
+  versioning,
+  drainage,
+  isActive
+}) {
+  const tr = useTr();
+  const check2 = visibleActivationCheck(versioning);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    versioning?.versioningBehavior === "AUTO_UPGRADE" /* AutoUpgrade */ && /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: "outline",
+        className: "h-5 px-1.5 py-0 text-[10px]",
+        "data-testid": "version-behavior-badge",
+        children: tr("fluidgrids.builder.versionHistory.autoUpgrade", "Auto-upgrade")
+      }
+    ),
+    showDrainage(drainage, isActive) && /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: drainage.status === "DRAINING" /* Draining */ ? "secondary" : "outline",
+        className: "h-5 px-1.5 py-0 text-[10px]",
+        "data-testid": "version-drainage-badge",
+        title: tr(
+          "fluidgrids.builder.versionHistory.drainageTooltip",
+          "Open durable-function runs this version's bundle serves"
+        ),
+        children: drainage.status === "DRAINING" /* Draining */ ? tr(
+          "fluidgrids.builder.versionHistory.draining",
+          "Draining \xB7 {{count}} open",
+          { count: drainage.openRuns }
+        ) : drainage.status === "ACTIVE" /* Active */ ? tr("fluidgrids.builder.versionHistory.rolloutTarget", "Rollout") : tr("fluidgrids.builder.versionHistory.drained", "Drained")
+      }
+    ),
+    check2 && /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: check2.status === "REJECTED" /* Rejected */ ? "destructive" : "secondary",
+        className: "h-5 px-1.5 py-0 text-[10px]",
+        "data-testid": "version-activation-check",
+        children: check2.status === "REJECTED" /* Rejected */ ? tr(
+          "fluidgrids.builder.versionHistory.checkRejected",
+          "Activation check failed"
+        ) : tr(
+          "fluidgrids.builder.versionHistory.checkRunning",
+          "Activation check running"
+        )
+      }
+    )
+  ] });
+}
+function RolloutControl({
+  workflowKey,
+  activeVersion,
+  candidates,
+  rollout,
+  canPublish,
+  onChanged
+}) {
+  const tr = useTr();
+  const [toVersion, setToVersion] = useState(rollout?.toVersion ?? "");
+  const [percent, setPercent] = useState(rollout?.percent ?? 0);
+  const [saving, setSaving] = useState(false);
+  const [confirmPromote, setConfirmPromote] = useState(false);
+  useEffect(() => {
+    setToVersion(rollout?.toVersion ?? "");
+    setPercent(rollout?.percent ?? 0);
+  }, [rollout?.toVersion, rollout?.percent]);
+  if (!activeVersion || !rollout && candidates.length === 0) return null;
+  const targets = rollout && !candidates.includes(rollout.toVersion) ? [rollout.toVersion, ...candidates] : [...candidates];
+  const unchanged = !!rollout && rollout.toVersion === toVersion && rollout.percent === percent;
+  const locked = !canPublish || saving;
+  const check2 = rollout?.activationCheck;
+  const save = async () => {
+    setSaving(true);
+    try {
+      const saved = await saveWorkflowRollout({
+        workflowKey,
+        toVersion,
+        percent
+      });
+      toast.success(
+        saved.promoted ? tr(
+          "fluidgrids.builder.versionHistory.rolloutPromoted",
+          "Promotion started"
+        ) : tr(
+          "fluidgrids.builder.versionHistory.rolloutSaved",
+          "Rollout saved"
+        )
+      );
+      onChanged();
+    } catch (error62) {
+      toast.error(
+        tr(
+          "fluidgrids.builder.versionHistory.rolloutError",
+          "Could not save the rollout"
+        ),
+        { description: describeOperationError(error62) }
+      );
+    } finally {
+      setSaving(false);
+      setConfirmPromote(false);
+    }
+  };
+  const remove = async () => {
+    setSaving(true);
+    try {
+      await removeWorkflowRollout(workflowKey);
+      toast.success(
+        tr(
+          "fluidgrids.builder.versionHistory.rolloutRemoved",
+          "Rollout removed"
+        )
+      );
+      onChanged();
+    } catch (error62) {
+      toast.error(
+        tr(
+          "fluidgrids.builder.versionHistory.rolloutError",
+          "Could not save the rollout"
+        ),
+        { description: describeOperationError(error62) }
+      );
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "mb-4 rounded-lg border border-border bg-card p-3",
+      "aria-label": tr(
+        "fluidgrids.builder.versionHistory.rolloutTitle",
+        "Gradual rollout"
+      ),
+      "data-testid": "version-rollout",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-sm font-semibold", children: [
+          /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4" }),
+          tr(
+            "fluidgrids.builder.versionHistory.rolloutTitle",
+            "Gradual rollout"
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: tr(
+          "fluidgrids.builder.versionHistory.rolloutHint",
+          "A share of new automatic starts runs another version instead of {{version}}.",
+          { version: activeVersion }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: toVersion,
+            onChange: (event) => setToVersion(event.target.value),
+            disabled: locked,
+            className: "mb-2 h-8 w-full rounded-md border border-border bg-background px-2 text-xs",
+            "aria-label": tr(
+              "fluidgrids.builder.versionHistory.rolloutTarget",
+              "Rollout"
+            ),
+            "data-testid": "version-rollout-target",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: tr(
+                "fluidgrids.builder.versionHistory.rolloutChoose",
+                "Choose a version"
+              ) }),
+              targets.map((version2) => /* @__PURE__ */ jsx("option", { value: version2, children: version2 }, version2))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "range",
+              min: 0,
+              max: 100,
+              step: 1,
+              value: percent,
+              disabled: locked || !toVersion,
+              onChange: (event) => setPercent(Number(event.target.value)),
+              className: "min-w-0 flex-1 accent-primary",
+              "aria-label": tr(
+                "fluidgrids.builder.versionHistory.rolloutPercent",
+                "Share of new starts"
+              ),
+              "data-testid": "version-rollout-percent"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "w-10 text-right font-mono text-xs", children: [
+            percent,
+            "%"
+          ] })
+        ] }),
+        rollout && /* @__PURE__ */ jsxs(
+          "p",
+          {
+            className: "mt-1 text-[11px] text-muted-foreground",
+            "data-testid": "version-rollout-verified",
+            children: [
+              tr(
+                "fluidgrids.builder.versionHistory.rolloutVerified",
+                "In-flight auto-upgrade runs follow {{verified}}% (replay-checked)",
+                { verified: rollout.verifiedPercent }
+              ),
+              check2 && (check2.status === "PENDING" /* Pending */ || check2.status === "VERIFYING" /* Verifying */) ? ` \xB7 ${tr("fluidgrids.builder.versionHistory.checkRunning", "Activation check running")}` : ""
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button$1,
+            {
+              "data-agent": "confirm",
+              size: "sm",
+              variant: "secondary",
+              className: "flex-1",
+              disabled: locked || !toVersion || unchanged,
+              onClick: () => percent === 100 ? setConfirmPromote(true) : void save(),
+              "data-testid": "version-rollout-save",
+              children: [
+                saving && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 size-3.5 animate-spin" }),
+                tr("fluidgrids.builder.versionHistory.rolloutSave", "Save rollout")
+              ]
+            }
+          ),
+          rollout && /* @__PURE__ */ jsx(
+            Button$1,
+            {
+              "data-agent": "confirm",
+              size: "sm",
+              variant: "ghost",
+              disabled: locked,
+              onClick: () => void remove(),
+              "aria-label": tr(
+                "fluidgrids.builder.versionHistory.rolloutRemove",
+                "Remove rollout"
+              ),
+              "data-testid": "version-rollout-remove",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(AlertDialog, { open: confirmPromote, onOpenChange: setConfirmPromote, children: /* @__PURE__ */ jsxs(AlertDialogContent, { className: "z-[120]", children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: tr(
+              "fluidgrids.builder.versionHistory.promoteTitle",
+              "Promote {{version}}?",
+              { version: toVersion }
+            ) }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: tr(
+              "fluidgrids.builder.versionHistory.promoteBody",
+              "At 100% the version becomes the active one once open auto-upgrade runs replay against it, and the rollout is removed."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: saving, children: tr(
+              "fluidgrids.builder.versionHistory.deleteDialogCancel",
+              "Cancel"
+            ) }),
+            /* @__PURE__ */ jsx(
+              AlertDialogAction,
+              {
+                "data-agent": "confirm",
+                disabled: saving,
+                onClick: () => void save(),
+                children: tr(
+                  "fluidgrids.builder.versionHistory.promoteConfirm",
+                  "Promote"
+                )
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function ForceActivateDialog({
+  version: version2,
+  violations,
+  busy,
+  onConfirm,
+  onCancel
+}) {
+  const tr = useTr();
+  return /* @__PURE__ */ jsx(
+    AlertDialog,
+    {
+      open: version2 !== null,
+      onOpenChange: (open2) => !open2 && onCancel(),
+      children: /* @__PURE__ */ jsxs(
+        AlertDialogContent,
+        {
+          className: "z-[120]",
+          "data-testid": "force-activate-dialog",
+          children: [
+            /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+              /* @__PURE__ */ jsx(AlertDialogTitle, { children: tr(
+                "fluidgrids.builder.versionHistory.forceTitle",
+                "Activate {{version}} anyway?",
+                { version: version2 ?? "" }
+              ) }),
+              /* @__PURE__ */ jsx(AlertDialogDescription, { children: tr(
+                "fluidgrids.builder.versionHistory.forceBody",
+                "{{count}} open auto-upgrade runs did not replay against this version. They keep failing their workflow task until a fix ships. The activation is audited.",
+                { count: violations }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+              /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: busy, children: tr(
+                "fluidgrids.builder.versionHistory.deleteDialogCancel",
+                "Cancel"
+              ) }),
+              /* @__PURE__ */ jsx(
+                AlertDialogAction,
+                {
+                  "data-agent": "confirm",
+                  disabled: busy,
+                  className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                  onClick: onConfirm,
+                  children: tr(
+                    "fluidgrids.builder.versionHistory.forceConfirm",
+                    "Activate anyway"
+                  )
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
 function relativeTime(dateStr) {
   if (!dateStr) return "";
   const then = new Date(dateStr).getTime();
@@ -43365,6 +44379,18 @@ function VersionHistoryPanel({
   const [compareLoading, setCompareLoading] = useState(false);
   const [busy, setBusy] = useState(null);
   const [deleteTarget, setDeleteTarget] = useState(null);
+  const parityEnabled = useDurableParityEnabled();
+  const { allowed: canPublish } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_PUBLISH
+  );
+  const versioning = useWorkflowVersioning(
+    workflowKey,
+    versions,
+    parityEnabled
+  );
+  const refetchVersioning = versioning.refetch;
+  const [forceTarget, setForceTarget] = useState(null);
+  const activeVersion = versions.find((entry) => entry.status === "ACTIVE")?.version ?? null;
   useEffect(() => {
     if (versions.length < 2) {
       setCompareFrom("");
@@ -43470,6 +44496,23 @@ function VersionHistoryPanel({
     try {
       const result = await activateWorkflow(id);
       if (!result) throw new Error("Activation returned no result");
+      if (result.status !== "ACTIVE") {
+        toast.info(
+          tr(
+            "fluidgrids.builder.versionHistory.activationHeld",
+            "Activation is waiting for a replay check"
+          ),
+          {
+            description: tr(
+              "fluidgrids.builder.versionHistory.activationHeldDescription",
+              "Open auto-upgrade runs replay against this version first."
+            ),
+            dismissible: true
+          }
+        );
+        await Promise.all([refetch(), refetchVersioning()]);
+        return;
+      }
       toast.success(`Version ${version2} is now ACTIVE`, {
         description: tr(
           "fluidgrids.builder.versionHistory.activateSuccessDescription",
@@ -43479,10 +44522,12 @@ function VersionHistoryPanel({
       });
       if (version2 === currentVersion) {
         setWorkflow({ status: "ACTIVE" });
+        rememberOwnStatusChange(result.id, result.revision);
       } else {
         const refreshed = await refetch();
         const current = refreshed.find((v) => v.version === currentVersion);
         if (current?.status) setWorkflow({ status: current.status });
+        rememberOwnStatusChange(current?.id, current?.revision);
       }
       await refetch();
     } catch (error62) {
@@ -43502,6 +44547,39 @@ function VersionHistoryPanel({
       setBusy(null);
     }
   };
+  const handleForceActivate = async () => {
+    if (!forceTarget) return;
+    const { id, version: version2 } = forceTarget;
+    setBusy(`activate:${version2}`);
+    try {
+      const result = await forceActivateVersion(id);
+      toast.success(`Version ${version2} is now ${result.status}`, {
+        dismissible: true
+      });
+      if (version2 === currentVersion) setWorkflow({ status: result.status });
+      await Promise.all([
+        refetch(),
+        refetchVersioning(),
+        refreshOpenRevision()
+      ]);
+    } catch (error62) {
+      toast.error(
+        tr(
+          "fluidgrids.builder.versionHistory.activateErrorTitle",
+          "Failed to activate version"
+        ),
+        {
+          description: error62 instanceof Error ? error62.message : tr(
+            "fluidgrids.builder.versionHistory.activateUnknownError",
+            "Unknown error"
+          )
+        }
+      );
+    } finally {
+      setBusy(null);
+      setForceTarget(null);
+    }
+  };
   const handleDelete = async (version2) => {
     setBusy(`delete:${version2}`);
     try {
@@ -43546,7 +44624,10 @@ function VersionHistoryPanel({
           "fluidgrids.builder.versionHistory.triggerButton",
           "Versions"
         ) : void 0,
-        onClick: () => refetch(),
+        onClick: () => {
+          void refetch();
+          void refetchVersioning();
+        },
         children: [
           /* @__PURE__ */ jsx(History, { className: "size-4" }),
           !compact && tr("fluidgrids.builder.versionHistory.triggerButton", "Versions")
@@ -43574,6 +44655,20 @@ function VersionHistoryPanel({
         ] })
       ] }),
       /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: "mt-4 overflow-y-auto max-h-[calc(100vh-140px)] pr-1", children: [
+        parityEnabled && versioning.durable && !loading && /* @__PURE__ */ jsx(
+          RolloutControl,
+          {
+            workflowKey,
+            activeVersion,
+            candidates: versioning.candidates,
+            rollout: versioning.rollout,
+            canPublish,
+            onChanged: () => {
+              void refetch();
+              void refetchVersioning();
+            }
+          }
+        ),
         !loading && versions.length > 1 && /* @__PURE__ */ jsxs(
           "section",
           {
@@ -43786,7 +44881,15 @@ function VersionHistoryPanel({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx(AiAuthoredBadge, { facts: v })
+                      /* @__PURE__ */ jsx(AiAuthoredBadge, { facts: v }),
+                      parityEnabled && versioning.durable && /* @__PURE__ */ jsx(
+                        VersionParityBadges,
+                        {
+                          versioning: versioning.byVersion.get(v.version),
+                          drainage: versioning.drainage.get(v.version),
+                          isActive
+                        }
+                      )
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
                       !isCurrent && /* @__PURE__ */ jsx(
@@ -43815,6 +44918,26 @@ function VersionHistoryPanel({
                           onClick: () => handleActivate(v.id, v.version)
                         }
                       ),
+                      parityEnabled && versioning.durable && canPublish && !isActive && visibleActivationCheck(
+                        versioning.byVersion.get(v.version)
+                      )?.status === "REJECTED" /* Rejected */ && /* @__PURE__ */ jsx(
+                        ActionButton,
+                        {
+                          confirm: true,
+                          destructive: true,
+                          label: tr(
+                            "fluidgrids.builder.versionHistory.actionForce",
+                            "Activate anyway"
+                          ),
+                          icon: /* @__PURE__ */ jsx(Play, { className: "size-3.5" }),
+                          disabled: busy !== null,
+                          onClick: () => setForceTarget({
+                            id: v.id,
+                            version: v.version,
+                            violations: versioning.byVersion.get(v.version)?.activationCheck?.violations.length ?? 0
+                          })
+                        }
+                      ),
                       !isCurrent && /* @__PURE__ */ jsx(
                         ActionButton,
                         {
@@ -43863,6 +44986,16 @@ function VersionHistoryPanel({
         }) })
       ] }) })
     ] }),
+    parityEnabled && /* @__PURE__ */ jsx(
+      ForceActivateDialog,
+      {
+        version: forceTarget?.version ?? null,
+        violations: forceTarget?.violations ?? 0,
+        busy: busy !== null,
+        onConfirm: () => void handleForceActivate(),
+        onCancel: () => setForceTarget(null)
+      }
+    ),
     /* @__PURE__ */ jsx(
       AlertDialog,
       {
@@ -44169,12 +45302,15 @@ function EnvironmentsPanel({
   const pending = view?.pendingPromotions ?? [];
   const policy = view?.policy;
   const dev = environments.find((state) => state.environment === "DEV");
-  const afterProdChange = (promotedVersion) => {
+  const afterProdChange = async (promotedVersion) => {
     if (promotedVersion === currentVersion) {
       setWorkflow({ status: "ACTIVE" });
     } else if (openStatus === "ACTIVE") {
       setWorkflow({ status: "ARCHIVED" });
+    } else {
+      return;
     }
+    await refreshOpenRevision();
   };
   const run = async (key, action, errorTitle) => {
     setBusy(key);
@@ -44229,7 +45365,8 @@ function EnvironmentsPanel({
               `${request.version} ${tr("fluidgrids.builder.environments.promotedTo", "promoted to")} ${envLabel(current.target)}`,
               { dismissible: true }
             );
-            if (current.target === "PROD") afterProdChange(request.version);
+            if (current.target === "PROD")
+              await afterProdChange(request.version);
           }
         },
         tr("fluidgrids.builder.environments.promoteError", "Promotion failed")
@@ -44245,7 +45382,7 @@ function EnvironmentsPanel({
             `${current.label} ${tr("fluidgrids.builder.environments.approved", "approved and deployed")}`,
             { dismissible: true }
           );
-          if (current.target === "PROD") afterProdChange(current.version);
+          if (current.target === "PROD") await afterProdChange(current.version);
         },
         tr("fluidgrids.builder.environments.approveError", "Approval failed")
       );
@@ -45949,23 +47086,23 @@ function useAiWorkflowTemplates(enabled) {
 
 // src/builder/lib/ai-draft.ts
 var AI_DRAFT_MAX_PROMPT_LENGTH = 4e3;
-function isRecord6(value) {
+function isRecord7(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function stringOr(value, fallback) {
   return typeof value === "string" && value.trim() !== "" ? value : fallback;
 }
 function draftToCanvas(definitionJson) {
-  const data = isRecord6(definitionJson) && isRecord6(definitionJson.data) ? definitionJson.data : {};
+  const data = isRecord7(definitionJson) && isRecord7(definitionJson.data) ? definitionJson.data : {};
   const rawNodes = Array.isArray(data.nodes) ? data.nodes : [];
   const rawEdges = Array.isArray(data.edges) ? data.edges : [];
-  const nodes = rawNodes.filter(isRecord6).flatMap((raw) => {
+  const nodes = rawNodes.filter(isRecord7).flatMap((raw) => {
     if (typeof raw.id !== "string" || typeof raw.type !== "string") return [];
-    const position = isRecord6(raw.position) ? {
+    const position = isRecord7(raw.position) ? {
       x: typeof raw.position.x === "number" ? raw.position.x : 0,
       y: typeof raw.position.y === "number" ? raw.position.y : 0
     } : { x: 0, y: 0 };
-    const nodeData = isRecord6(raw.data) ? raw.data : {};
+    const nodeData = isRecord7(raw.data) ? raw.data : {};
     const node2 = {
       ...raw,
       id: raw.id,
@@ -45977,7 +47114,7 @@ function draftToCanvas(definitionJson) {
     return [node2];
   });
   const ids = new Set(nodes.map((node2) => node2.id));
-  const edges = rawEdges.filter(isRecord6).flatMap((raw) => {
+  const edges = rawEdges.filter(isRecord7).flatMap((raw) => {
     if (typeof raw.source !== "string" || typeof raw.target !== "string") {
       return [];
     }
@@ -45996,7 +47133,7 @@ function draftToCanvas(definitionJson) {
 }
 function enrichDraftNodes(nodes, seed) {
   return nodes.map((node2) => {
-    const data = isRecord6(node2.data) ? node2.data : {};
+    const data = isRecord7(node2.data) ? node2.data : {};
     const rootOperation = node2.operation_name;
     let operationName;
     if (typeof data.operation_name === "string") {
@@ -46007,10 +47144,10 @@ function enrichDraftNodes(nodes, seed) {
     if (!node2.type || !operationName) return node2;
     const seeded = seed(node2.type, operationName, data);
     if (!seeded) return node2;
-    const seededArgs = isRecord6(seeded.args) ? seeded.args : {};
-    const defaults = isRecord6(seededArgs.state) ? seededArgs.state : {};
-    const draftArgs = isRecord6(data.args) ? data.args : {};
-    const draftState = isRecord6(draftArgs.state) ? draftArgs.state : {};
+    const seededArgs = isRecord7(seeded.args) ? seeded.args : {};
+    const defaults = isRecord7(seededArgs.state) ? seededArgs.state : {};
+    const draftArgs = isRecord7(data.args) ? data.args : {};
+    const draftState = isRecord7(draftArgs.state) ? draftArgs.state : {};
     return {
       ...node2,
       data: {
@@ -46063,7 +47200,7 @@ function AiDraftPanel({
       ...template !== NO_TEMPLATE ? { template } : {}
     });
   }, [openVersion, proposal, template, trimmed, workflowKey]);
-  const openWorkflow = useCallback(
+  const openWorkflow2 = useCallback(
     (key, version2) => {
       setOpen(false);
       proposal.reset();
@@ -46115,7 +47252,7 @@ function AiDraftPanel({
             { version: version2, newVersion: result.workflow.version }
           )
         );
-        openWorkflow(result.workflow.workflowKey, result.workflow.version);
+        openWorkflow2(result.workflow.workflowKey, result.workflow.version);
       } catch (error62) {
         toast.error(
           tr(
@@ -46130,7 +47267,7 @@ function AiDraftPanel({
         setReverting(false);
       }
     },
-    [openWorkflow, restoreVersion, tr]
+    [openWorkflow2, restoreVersion, tr]
   );
   const putOnCanvas = useCallback(() => {
     if (!current?.definitionJson) return;
@@ -46319,7 +47456,7 @@ function AiDraftPanel({
                     onApply: () => void handleApply(),
                     onReject: () => void handleReject(),
                     onCancel: () => void proposal.cancel(),
-                    onOpenWorkflow: openWorkflow,
+                    onOpenWorkflow: openWorkflow2,
                     onRevert: (key, version2) => void handleRevert(key, version2)
                   }
                 ),
@@ -47245,6 +48382,236 @@ function CodeVersionNotice() {
     }
   );
 }
+function actorOf(banner) {
+  return banner.kind === "editing" || banner.kind === "taken" ? banner.actorId : null;
+}
+function unsavedWorkActions(tr, commands) {
+  return [
+    {
+      key: "keep",
+      label: tr(
+        "fluidgrids.builder.editLease.keepAsNewVersion",
+        "Keep my changes as a new version"
+      ),
+      onClick: commands.keepMine,
+      primary: true
+    },
+    {
+      key: "take-over",
+      label: tr(
+        "fluidgrids.builder.editLease.discardAndTakeOver",
+        "Discard my changes and take over"
+      ),
+      onClick: commands.takeOver
+    },
+    {
+      key: "latest",
+      label: tr(
+        "fluidgrids.builder.editLease.discardAndViewLatest",
+        "Discard my changes and view latest"
+      ),
+      onClick: commands.refresh
+    }
+  ];
+}
+function unsavedHere(tr) {
+  return tr(
+    "fluidgrids.builder.editLease.unsavedHere",
+    "Your latest changes are only on this screen."
+  );
+}
+function editingView(self, someone, dirty, tr, commands) {
+  const editing = self ? tr(
+    "fluidgrids.builder.editLease.editingElsewhereSelf",
+    "You are editing this workflow in another tab or window, so it is read-only here."
+  ) : tr(
+    "fluidgrids.builder.editLease.editingElsewhere",
+    "{{name}} is editing this workflow, so it is read-only for you.",
+    { name: someone }
+  );
+  if (dirty) {
+    return {
+      icon: "mynaui:lock",
+      message: `${editing} ${unsavedHere(tr)}`,
+      actions: unsavedWorkActions(tr, commands)
+    };
+  }
+  return {
+    icon: "mynaui:lock",
+    message: editing,
+    actions: [
+      {
+        key: "take-over",
+        label: self ? tr("fluidgrids.builder.editLease.editHere", "Edit here") : tr("fluidgrids.builder.editLease.takeOver", "Take over"),
+        onClick: commands.takeOver,
+        primary: true
+      },
+      {
+        key: "refresh",
+        label: tr("fluidgrids.builder.editLease.refresh", "Refresh"),
+        onClick: commands.refresh
+      }
+    ]
+  };
+}
+function takenView(self, someone, dirty, tr, commands) {
+  const taken = self ? tr(
+    "fluidgrids.builder.editLease.takenSelf",
+    "You started editing this workflow in another tab or window."
+  ) : tr(
+    "fluidgrids.builder.editLease.taken",
+    "{{name}} took over editing this workflow.",
+    { name: someone }
+  );
+  if (dirty) {
+    return {
+      icon: "mynaui:lock",
+      message: `${taken} ${unsavedHere(tr)}`,
+      actions: unsavedWorkActions(tr, commands)
+    };
+  }
+  return {
+    icon: "mynaui:lock",
+    message: taken,
+    actions: [
+      {
+        key: "take-over",
+        label: tr("fluidgrids.builder.editLease.takeOver", "Take over"),
+        onClick: commands.takeOver,
+        primary: true
+      },
+      {
+        key: "latest",
+        label: tr("fluidgrids.builder.editLease.viewLatest", "View latest"),
+        onClick: commands.refresh
+      }
+    ]
+  };
+}
+function bannerView(banner, context, commands) {
+  const { someone, dirty, tr } = context;
+  switch (banner.kind) {
+    case "editing":
+      return editingView(banner.self, someone, dirty, tr, commands);
+    case "taken":
+      return takenView(banner.self, someone, dirty, tr, commands);
+    case "free":
+      return {
+        icon: "mynaui:lock-open",
+        message: tr(
+          "fluidgrids.builder.editLease.free",
+          "Nobody is editing this workflow now."
+        ),
+        actions: [
+          {
+            key: "edit",
+            label: tr("fluidgrids.builder.editLease.edit", "Edit"),
+            onClick: commands.takeOver,
+            primary: true
+          }
+        ]
+      };
+    case "idle":
+      return {
+        icon: "mynaui:pause",
+        message: tr(
+          "fluidgrids.builder.editLease.idle",
+          "Editing paused after 15 minutes without activity, so others can edit this workflow."
+        ),
+        actions: [
+          {
+            key: "resume",
+            label: tr("fluidgrids.builder.editLease.resume", "Resume editing"),
+            onClick: commands.resume,
+            primary: true
+          }
+        ]
+      };
+    case "reloading":
+      return {
+        icon: "mynaui:spinner",
+        message: tr(
+          "fluidgrids.builder.editLease.reloading",
+          "Loading the latest version\u2026"
+        ),
+        actions: []
+      };
+  }
+}
+function EditLeaseBanner() {
+  const tr = useTr();
+  const lease = useEditLeaseStore(
+    useShallow((s) => ({
+      phase: s.phase,
+      held: s.held,
+      holderActorId: s.holderActorId,
+      heldByCaller: s.heldByCaller,
+      takenBy: s.takenBy,
+      takenByCaller: s.takenByCaller
+    }))
+  );
+  const banner = bannerOf(lease);
+  const name = useActorName(banner ? actorOf(banner) : null);
+  const workflowName = useFlowStore((s) => s.workflow.name);
+  const statusDirty = useSaveStatusStore((s) => s.dirty);
+  useSaveStatusStore((s) => s.baseline);
+  const canvasDirty = useFlowStore((s) => editStateFor(s) === "dirty");
+  const dirty = statusDirty || canvasDirty;
+  const { saveToBackend } = useSaveWorkflow();
+  const [busy, setBusy] = useState(false);
+  if (!banner) return null;
+  const run = (action) => () => {
+    setBusy(true);
+    void Promise.resolve().then(action).finally(() => setBusy(false));
+  };
+  const view = bannerView(
+    banner,
+    {
+      someone: name ?? tr("fluidgrids.builder.editLease.someone", "Someone else"),
+      dirty,
+      tr
+    },
+    {
+      takeOver: run(takeOverEditLease),
+      refresh: reloadLatestVersion,
+      keepMine: run(() => saveToBackend({ asNewVersion: true })),
+      resume: run(resumeEditLease)
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "data-testid": "fluidgrids-edit-lease-banner",
+      "data-state": banner.kind,
+      className: "mx-4 mt-2 flex flex-wrap items-center gap-x-3 gap-y-2 rounded-t-xl border border-status-warning-border bg-status-warning-bg-subtle px-4 py-2 text-sm text-status-warning-text",
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: view.icon,
+            className: banner.kind === "reloading" ? "size-4 animate-spin" : "size-4",
+            "aria-hidden": true
+          }
+        ),
+        workflowName ? /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: workflowName }) : null,
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: view.message }),
+        view.actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: view.actions.map((action) => /* @__PURE__ */ jsx(
+          Button$2,
+          {
+            size: "sm",
+            variant: action.primary ? "default" : "outline",
+            disabled: busy,
+            "data-testid": `fluidgrids-edit-lease-${action.key}`,
+            onClick: action.onClick,
+            children: action.label
+          },
+          action.key
+        )) }) : null
+      ]
+    }
+  );
+}
 var edgeTypes2 = {
   deletable: CustomDeletableEdge
 };
@@ -47261,9 +48628,38 @@ var edgeOptions = {
     strokeWidth: 1.5
   }
 };
+function canvasEditingProps(blocked2, editing) {
+  if (blocked2) {
+    return {
+      nodesDraggable: false,
+      nodesConnectable: false,
+      elementsSelectable: false,
+      multiSelectionKeyCode: null,
+      deleteKeyCode: null
+    };
+  }
+  return {
+    ...editing,
+    nodesDraggable: true,
+    nodesConnectable: true,
+    elementsSelectable: true,
+    // Ctrl/Cmd-click adds a node to the selection; box-select via Shift-drag
+    // on empty canvas is React Flow's own default and needs no extra prop.
+    multiSelectionKeyCode: ["Meta", "Control"]
+  };
+}
+function useEditingBlocked(isReadOnly) {
+  const { allowed: canEdit } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE
+  );
+  useEditLease(!isReadOnly && canEdit);
+  const leaseLocked = useEditLeaseLocked() && !isReadOnly;
+  return { leaseLocked, editingBlocked: isReadOnly || leaseLocked };
+}
 var FlowBuilder = ({ readOnly = false }) => {
   const searchParams = new URLSearchParams(window.location.search);
   const isReadOnly = readOnly || searchParams.get("readonly") === "true";
+  const { leaseLocked, editingBlocked } = useEditingBlocked(isReadOnly);
   const durableFunctionsEnabled = useDurableFunctionNodesEnabled();
   const durableFunctionsEnabledRef = useRef(durableFunctionsEnabled);
   useEffect(() => {
@@ -47275,7 +48671,7 @@ var FlowBuilder = ({ readOnly = false }) => {
     }),
     []
   );
-  useAgentTools(agentTools, !isReadOnly);
+  useAgentTools(agentTools, !editingBlocked);
   const [nodes, edges, onNodesChange, onEdgesChange, onConnect] = useFlowStore(
     useShallow((s) => {
       return [
@@ -47367,10 +48763,11 @@ var FlowBuilder = ({ readOnly = false }) => {
       onNodesChange
     ]
   );
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden", children: [
-    !isReadOnly && /* @__PURE__ */ jsx(BuilderHeader, {}),
+  return /* @__PURE__ */ jsx(BuilderReadOnlyProvider, { value: editingBlocked, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden", children: [
+    !editingBlocked && /* @__PURE__ */ jsx(BuilderHeader, {}),
     !isReadOnly && /* @__PURE__ */ jsx(CodeVersionNotice, {}),
-    /* @__PURE__ */ jsx(BuilderSaveController, { readOnly: isReadOnly }),
+    leaseLocked && /* @__PURE__ */ jsx(EditLeaseBanner, {}),
+    /* @__PURE__ */ jsx(BuilderSaveController, { readOnly: isReadOnly, locked: leaseLocked }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -47404,21 +48801,19 @@ var FlowBuilder = ({ readOnly = false }) => {
               edgeTypes: edgeTypes2,
               edges,
               onEdgesChange,
-              onConnect: isReadOnly ? void 0 : onConnect,
-              onConnectEnd: isReadOnly ? void 0 : handleOnEdgeDropConnectEnd,
-              onDrop: isReadOnly ? void 0 : onDrop,
-              onDragOver: isReadOnly ? void 0 : onDragOver,
+              ...canvasEditingProps(editingBlocked, {
+                onConnect,
+                onConnectEnd: handleOnEdgeDropConnectEnd,
+                onDrop,
+                onDragOver,
+                deleteKeyCode
+              }),
               onNodeDragStop: (_, node2) => {
                 autoAdjustNode(node2);
               },
               onPaneClick: closeQuickConfig,
               onNodesDelete,
               isValidConnection,
-              nodesDraggable: !isReadOnly,
-              nodesConnectable: !isReadOnly,
-              elementsSelectable: !isReadOnly,
-              multiSelectionKeyCode: isReadOnly ? null : ["Meta", "Control"],
-              deleteKeyCode: isReadOnly ? null : deleteKeyCode,
               snapGrid: [16, 16],
               snapToGrid: true,
               fitView: true,
@@ -47428,7 +48823,7 @@ var FlowBuilder = ({ readOnly = false }) => {
             }
           ),
           /* @__PURE__ */ jsx(FluidGridsMark, {}),
-          nodes.length === 0 && !isReadOnly && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+          nodes.length === 0 && !editingBlocked && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
             /* @__PURE__ */ jsx("div", { className: "size-16 flex items-center justify-center rounded-full bg-primary/10 border-2 border-dashed border-primary/30", children: /* @__PURE__ */ jsx(
               Icon,
               {
@@ -47444,10 +48839,8 @@ var FlowBuilder = ({ readOnly = false }) => {
     ),
     /* @__PURE__ */ jsx(ChatPanel, {}),
     /* @__PURE__ */ jsx(LogsPanel, {}),
-    /* @__PURE__ */ jsxs(BuilderReadOnlyProvider, { value: isReadOnly, children: [
-      /* @__PURE__ */ jsx(NodeDetailView, {}),
-      /* @__PURE__ */ jsx(QuickConfigPanel, {})
-    ] }),
+    /* @__PURE__ */ jsx(NodeDetailView, {}),
+    /* @__PURE__ */ jsx(QuickConfigPanel, {}),
     !isReadOnly && /* @__PURE__ */ jsx(WebhookRunFollower, {}),
     /* @__PURE__ */ jsx(
       "div",
@@ -47459,7 +48852,7 @@ var FlowBuilder = ({ readOnly = false }) => {
         children: /* @__PURE__ */ jsx("div", { ref: floatingMenuWrapperRef, className: "relative size-full", children: /* @__PURE__ */ jsx(AddNodeFloatingMenu, { onNodeAdd: handleAddConnectedNode }) })
       }
     )
-  ] });
+  ] }) });
 };
 function IntegrationReturnHandler() {
   const { setNodes, getNodes } = useReactFlow();
@@ -47551,6 +48944,7 @@ var FlowBuilderPage = ({
   const setWorkflow = useFlowStore((s) => s.actions.setWorkflow);
   const searchParams = new URLSearchParams(window.location.search);
   const isReadOnly = readOnly || searchParams.get("readonly") === "true";
+  const leaseLocked = useEditLeaseLocked();
   const resetWorkflow = useFlowStore((s) => s.actions.resetWorkflow);
   const [isStoreReady, setIsStoreReady] = useState(false);
   const syncedWorkflowRef = useRef(null);
@@ -47591,9 +48985,9 @@ var FlowBuilderPage = ({
     /* @__PURE__ */ jsx(HistoricalRunLoader, {}),
     /* @__PURE__ */ jsx("div", { className: "flex flex-col h-full", children: /* @__PURE__ */ jsxs("div", { className: "relative flex grow min-h-0 divide-x divide-card-foreground/10", children: [
       /* @__PURE__ */ jsx("div", { className: "grow min-w-0 bg-card md:bg-transparent", children: /* @__PURE__ */ jsx(FlowBuilder, { readOnly: isReadOnly }) }),
-      !isReadOnly && /* @__PURE__ */ jsx(SidebarModule, {})
+      !isReadOnly && !leaseLocked && /* @__PURE__ */ jsx(SidebarModule, {})
     ] }) })
   ] });
 };
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsMark, Popover, PopoverContent, PopoverTrigger, RUNNER_INSTALL_SCRIPT_URL, RunOnSection, RunnerStatusPill, RunsUsageMeter, RunsUsageMeterView, TemplateCard, buildNodeCheck, buildRequiredNodeTypes, external_exports, readRunsQuota, runnerInstallCommand, runsQuotaLevel, summarizeRunsQuota, useImportWorkflowTemplate, useInstalledNodes, useRunnerActions, useRunners, useRunsQuota, useWorkflowTemplates };
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsMark, Popover, PopoverContent, PopoverTrigger, RUNNER_INSTALL_SCRIPT_URL, RunOnSection, RunnerStatusPill, RunsUsageMeter, RunsUsageMeterView, TemplateCard, buildNodeCheck, buildRequiredNodeTypes, external_exports, readRunsQuota, releaseLeaseKeptForReload, runnerInstallCommand, runsQuotaLevel, summarizeRunsQuota, useImportWorkflowTemplate, useInstalledNodes, useRunnerActions, useRunners, useRunsQuota, useWorkflowReloadStore, useWorkflowTemplates };