DOCSP-28332 Stage View Mode UI Updates (#472)

* DOCSP-28332 Stage View Mode UI Updates

* update screenshot

* line spacing

* clean up wording

* clean up wording for edit

* AB initial edits

Author: ajhuh-mdb

source/aggregation-pipeline-builder.txt

@@ -112,35 +112,31 @@ your chosen view mode:
       .. procedure:: 
          :style: normal
 
-         .. step:: In the aggregation pipeline pane, ensure the 
+         .. step:: Select the :guilabel:`Stage` view.
+            
+            In the aggregation pipeline pane, ensure the 
             :guilabel:`{} Stages` toggle switch is selected.
 
             .. figure:: /images/compass/agg-builder-stageview-toggle-on.png
                :alt: Toggle on stage view mode 
 
-         .. step:: At the bottom of the aggregation pipeline pane, select the 
-            :guilabel:`+ Add Stage` button to open a new aggregation stage 
-            modal.
+         .. step:: Add an aggregation stage. 
+            
+            At the bottom of the aggregation pipeline pane, click the 
+            :guilabel:`+ Add Stage` button.
+            
+         .. step:: Select an aggregation pipeline stage.
 
-         .. step:: At the lower-left corner of the aggregation pipeline pane, 
-            click the :guilabel:`Select...` dropdown and select the 
+            On the upper-left corner of the aggregation stage card, 
+            click the :guilabel:`Select` drop-down menu and select the 
             :manual:`aggregation pipeline stage 
             </reference/operator/aggregation-pipeline/>` to use for the first 
             stage of the pipeline. 
 
-         .. step:: Fill in your selected pipeline stage. 
+         .. step:: Fill in your pipeline stage. 
 
-            If you enable :guilabel:`Preview`, preview documents update 
-            automatically to the right of the stage to reflect the results of 
-            your pipeline as it progresses. You can adjust the width of the 
+            Fill in your selected stage. You can adjust the width of the 
             pipeline stage by dragging its border to the right.
-            
-            .. figure:: /images/compass/agg-builder-match-stage.png 
-               :alt: Aggregation Builder match stage example
-         
-         .. step:: Click :guilabel:`Add Stage` to add additional aggregation 
-            stages below your most recently added aggregation stage. Repeat 
-            steps 1 and 2 for each additional stage.
 
             .. note::
 
@@ -154,18 +150,27 @@ your chosen view mode:
 
                .. figure:: /images/compass/agg-builder-exclude-stage-example.png 
                   :alt: Aggregation Builder exclude stage example
-
-         .. step:: Click :guilabel:`Run` at the top right of the pipeline 
-            builder. |compass-short| returns your results in the document view. 
+         
+         .. step:: Add additional pipeline stages.
 
-            .. warning:: 
-               
-               When you click :guilabel:`Run`, the aggregation runs against the 
-               entire collection.
+            To add an additional pipeline stage after your last aggregation 
+            stage, click :guilabel:`Add Stage`. To add an aggregation stage 
+            before your most recently added stage, click the :guilabel:`+` icon 
+            above the stage card. 
+            
+            Repeat steps 3 and 4 for each additional stage.
+
+            .. note:: 
+
+               You can change the order of pipeline stages by dragging 
+               the header of each stage card.
 
-         .. step:: To edit the pipeline, click :guilabel:`Edit` at the top of 
-            your pipeline toolbar to return to the aggregation pipeline builder
-            and make changes to your pipeline. 
+         .. step:: Run the pipeline. 
+            
+            At the top-right corner of the pipeline builder, click 
+            :guilabel:`Run`. 
+            
+            |compass-short| returns your results in the document view. 
 
    .. tab:: Focus Mode 
       :tabid: focus 
@@ -197,7 +202,7 @@ your chosen view mode:
 
          .. step:: Select an aggregation pipeline stage.
 
-            Click the :guilabel:`Select` dropdown and select the 
+            Click the :guilabel:`Select` drop-down menu and select the 
             :manual:`aggregation pipeline stage 
             </reference/operator/aggregation-pipeline/>` to use for the first 
             stage of the pipeline. 
@@ -238,7 +243,7 @@ your chosen view mode:
          .. step:: Navigate between stages. 
 
             To navigate between different stages, select the stage you 
-            want to edit from the :guilabel:`Stage` dropdown in the upper-right 
+            want to edit from the :guilabel:`Stage` dropdown in the upper-left 
             corner of the Focus Mode modal. 
 
             You can navigate between stages with the following keyboard