Fix chain of unsaved-changes prompts when opening the formula editor

workspace/src/app/views/pages/MappingEditor/HierarchicalMapping/containers/MappingRule/DraggableItem.jsx

@@ -94,9 +94,13 @@ const DraggableItem = (props) => {
         [expanded, props.type, props.id],
     );
 
-    // Call updateQueryOnExpansion when expanded changes
+    // Call updateQueryOnExpansion when expanded changes; a row mounting collapsed would only re-set the parent id.
+    const mounted = useRef(false);
     useEffect(() => {
-        updateQueryOnExpansion();
+        if (expanded || mounted.current) {
+            updateQueryOnExpansion();
+        }
+        mounted.current = true;
     }, [expanded]);
 
     // Create provided and snapshot objects compatible with the existing MappingRule component

workspace/src/app/views/shared/RuleEditor/model/RuleEditorModel.tsx

@@ -164,7 +164,9 @@ export const RuleEditorModel = ({ children }: RuleEditorModelProps) => {
         stickyNotes: StickyNote[];
         externalSavedState?: unknown;
     }>();
-    const unsavedChanges = savedStatePosition !== "current" || (!savedOnce && ruleEditorContext.saveInitiallyEnabled);
+    // Nothing can be unsaved before the editor has loaded; reporting it would arm the navigation prompts meanwhile.
+    const unsavedChanges =
+        !initializing && (savedStatePosition !== "current" || (!savedOnce && ruleEditorContext.saveInitiallyEnabled));
     const hotkeyContext = React.useContext(ReactFlowHotkeyContext);
     const onRuleOperatorNodesChangeRef = React.useRef(ruleEditorContext.onRuleOperatorNodesChange);
     onRuleOperatorNodesChangeRef.current = ruleEditorContext.onRuleOperatorNodesChange;

workspace/src/app/views/taskViews/ruleBlock/test/RuleBlockEditor.integration.test.tsx

@@ -83,6 +83,7 @@ describe("RuleBlockEditor integration", () => {
             </RuleBlockEditorOptionalContextValue.Provider>,
         );
 
+        await waitFor(() => expect(screen.getByRole("button", { name: "remove-normal-node" })).toBeInTheDocument());
         await waitFor(() => expect(screen.getByRole("button", { name: "Save" })).toBeDisabled());
         expect(screen.queryByTestId("context-overlay")).not.toBeInTheDocument();