@burdenoff/fluidgrids-fe-sdk 2026.1029.7 → 2026.1030.1

package/dist/{chunk-EGIEFGOV.js → chunk-WHTA6KAS.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-DEGCZCHP.js';
-import { EntityTagPicker, useWorkflowProposal, WorkflowProposalCard, useRunHistory, RunHistoryView, SignalRunDialog } from './chunk-IDGDMJMJ.js';
+import { QuotaExhaustedDialog, useWorkflowCodeExport, orderedExportFiles, fileBaseName, downloadWorkflowCodeExport, isLosslessReport, sortFidelityItems, isLossyFidelityItem, lineOfNode } from './chunk-64ZGBHEP.js';
+import { EntityTagPicker, useWorkflowProposal, WorkflowProposalCard, useRunHistory, RunHistoryView, SignalRunDialog } from './chunk-7QNSQMAX.js';
 import { AiCreditBalanceSlot } from './chunk-Y53CVZVV.js';
-import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-OJPJ2QXD.js';
-import { isAgentNodeType, AgentDefinitionSelectField } from './chunk-4MHWFZJV.js';
+import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-4TSFUGBA.js';
+import { isAgentNodeType, AgentDefinitionSelectField } from './chunk-B26HQYWR.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, useDurableParityEnabled, useConnections, ConnectionFormDialog, useFluidGridsFlag, FLUIDGRIDS_FLAGS, saveIndicatorOf, inAppLeaveTarget, declaredOutputFields, subscribeWorkflowSaved, pathToExpression, diagnosticsByPath, interfaceHandlers, declaredSignals, ExpressionEditor, toCodeMirrorDiagnostics, formatParameterValue, leaveNeedsConfirmation, buildOperationSeed, describeOperationError, snapshotForSave, editStateOf, 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 } from './chunk-K4BF7PAW.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-Y6IEOGIU.js';
 import { cn } from './chunk-JL7CASN5.js';
 import { getGlobalStoreClient } from './chunk-PXIFUMLA.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, WorkflowVersioningDocument, WorkflowVersionDrainageDocument, ActivateWorkflowVersionCheckedDocument, WorkflowCodeSourceDocument, WorkflowEditLeaseStatusDocument, BuildWorkflowCodeDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument, SetWorkflowRolloutDocument, DeleteWorkflowRolloutDocument } from './chunk-YTUIGIVP.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';
@@ -30,6 +30,7 @@ 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, 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);
   };
 }
@@ -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,6 +43528,7 @@ var ActivateWorkflowButton = ({
         });
         if (result) {
           setWorkflow({ status: result.status });
+          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.`,
@@ -43071,6 +43545,7 @@ var ActivateWorkflowButton = ({
         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
@@ -43114,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);
@@ -44029,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) {
@@ -44062,7 +44557,11 @@ function VersionHistoryPanel({
         dismissible: true
       });
       if (version2 === currentVersion) setWorkflow({ status: result.status });
-      await Promise.all([refetch(), refetchVersioning()]);
+      await Promise.all([
+        refetch(),
+        refetchVersioning(),
+        refreshOpenRevision()
+      ]);
     } catch (error62) {
       toast.error(
         tr(
@@ -44803,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);
@@ -44863,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")
@@ -44879,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")
       );
@@ -46697,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();
@@ -46749,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(
@@ -46764,7 +47267,7 @@ function AiDraftPanel({
         setReverting(false);
       }
     },
-    [openWorkflow, restoreVersion, tr]
+    [openWorkflow2, restoreVersion, tr]
   );
   const putOnCanvas = useCallback(() => {
     if (!current?.definitionJson) return;
@@ -46953,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)
                   }
                 ),
@@ -47879,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
 };
@@ -47895,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(() => {
@@ -47909,7 +48671,7 @@ var FlowBuilder = ({ readOnly = false }) => {
     }),
     []
   );
-  useAgentTools(agentTools, !isReadOnly);
+  useAgentTools(agentTools, !editingBlocked);
   const [nodes, edges, onNodesChange, onEdgesChange, onConnect] = useFlowStore(
     useShallow((s) => {
       return [
@@ -48001,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",
       {
@@ -48038,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,
@@ -48062,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,
               {
@@ -48078,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",
@@ -48093,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();
@@ -48185,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);
@@ -48225,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 };