fix(compass-aggregations): only show ai button when in edit mode COMPASS-7136 (#4751)

Author: Anemy

packages/compass-aggregations/src/components/pipeline-toolbar/index.tsx

@@ -101,7 +101,7 @@ export const PipelineToolbar: React.FunctionComponent<PipelineToolbarProps> = ({
             <PipelineOptions />
           </div>
         )}
-        {enableAIExperience && (
+        {enableAIExperience && isBuilderView && (
           <PipelineAI
             onClose={() => {
               onHideAIInputClick?.();
@@ -127,8 +127,8 @@ export const PipelineToolbar: React.FunctionComponent<PipelineToolbarProps> = ({
 };
 
 const mapState = (state: RootState) => ({
-  isBuilderView: state.workspace === 'builder',
   isAIInputVisible: state.pipelineBuilder.aiPipeline.isInputVisible,
+  isBuilderView: state.workspace === 'builder',
 });
 export default connect(mapState, {
   onHideAIInputClick: hideAIInput,

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/pipeline-actions.tsx

@@ -166,14 +166,16 @@ const mapState = (state: RootState) => {
   const lastStage = resultPipeline[resultPipeline.length - 1];
   const isMergeOrOutPipeline = isOutputStage(lastStage);
   const hasSyntaxErrors = getIsPipelineInvalidFromBuilderState(state, false);
+  const isBuilderView = state.workspace === 'builder';
 
   return {
     isRunButtonDisabled: hasSyntaxErrors,
     isExplainButtonDisabled: hasSyntaxErrors,
     isExportButtonDisabled: isMergeOrOutPipeline || hasSyntaxErrors,
     showAIEntry:
       !state.pipelineBuilder.aiPipeline.isInputVisible &&
-      resultPipeline.length > 0,
+      resultPipeline.length > 0 &&
+      isBuilderView,
     showUpdateViewButton: Boolean(state.editViewName),
     isUpdateViewButtonDisabled: !state.isModified || hasSyntaxErrors,
     isAtlasDeployed: state.isAtlasDeployed,

packages/compass-aggregations/src/components/pipeline-toolbar/pipeline-header/pipeline-stages.tsx

@@ -122,7 +122,8 @@ const mapState = (state: RootState) => {
   const isResultsMode = state.workspace === 'results';
   const isStageMode = state.pipelineBuilder.pipelineMode === 'builder-ui';
   return {
-    showAIEntry: !state.pipelineBuilder.aiPipeline.isInputVisible,
+    showAIEntry:
+      !state.pipelineBuilder.aiPipeline.isInputVisible && !isResultsMode,
     stages: stages.filter(Boolean) as string[],
     showAddNewStage:
       !state.pipelineBuilder.aiPipeline.isInputVisible &&