feat(editor): disable the existing node switch if there aren’t any ho…

…ps to run

src/main/frontend/sections/editor/types/CreateChildNodeStep.tsx

@@ -41,6 +41,7 @@ export const CreateChildNodeStep = forwardRef<HTMLDivElement, { parentHops: Hop[
 				<Switch
 					label="Run on existing node"
 					value={hop.runOnExistingNode}
+					disabled={!hop.hops?.length}
 					onChange={runOnExistingNode => (hop.runOnExistingNode = runOnExistingNode)}
 				/>
 			) : undefined}
@@ -64,8 +65,8 @@ export const CreateChildNodeStep = forwardRef<HTMLDivElement, { parentHops: Hop[
 				<p>How to handle the case where the target node already exists.</p>
 				<h5>Run on existing node</h5>
 				<p>
-					Whether to run the descendant hops if the target node already existed (only applicable if “If the target node
-					exists” is set to “Ignore conflict”).
+					Whether to run the descendant hops if the target node already existed and no new node could be created (only
+					applicable if “If the target node exists” is set to “Ignore conflict”).
 				</p>
 			</Help>
 		</StepEditor>

src/main/frontend/widgets/Switch.tsx

@@ -7,9 +7,10 @@ export type Options = [value: string, label: string, icon?: CoralIcon][];
 
 export const Switch: FC<{
 	label?: string;
+	disabled?: boolean;
 	value: boolean;
 	onChange(newValue: boolean): void;
-}> = ({ label = 'Conflict Resolution', value, onChange }) => {
+}> = ({ label = 'Conflict Resolution', disabled = false, value, onChange }) => {
 	const scriptContext = useContext(ScriptContext);
 
 	const switchRef = useRef<HTMLInputElement>(null);
@@ -34,7 +35,7 @@ export const Switch: FC<{
 	return (
 		<label>
 			<span>{label}: </span>
-			<coral-switch ref={switchRef} checked={value ? true : undefined} />
+			<coral-switch ref={switchRef} checked={value ? true : undefined} disabled={disabled ? true : undefined} />
 		</label>
 	);
 };