Loki: Show raw query and patterns only in query builder (#48049)

public/app/plugins/datasource/loki/querybuilder/components/LokiQueryEditorSelector.tsx

@@ -68,21 +68,25 @@ export const LokiQueryEditorSelector = React.memo<LokiQueryEditorProps>((props)
         onDismiss={() => setParseModalOpen(false)}
       />
       <EditorHeader>
-        <InlineSelect
+        {editorMode === QueryEditorMode.Builder && (
-          value={null}
+          <>
-          placeholder="Query patterns"
+            <InlineSelect
-          allowCustomValue
+              value={null}
-          onChange={({ value }) => {
+              placeholder="Query patterns"
-            const result = buildVisualQueryFromString(query.expr || '');
+              allowCustomValue
-            result.query.operations = value?.operations!;
+              onChange={({ value }) => {
-            onChange({
+                const result = buildVisualQueryFromString(query.expr || '');
-              ...query,
+                result.query.operations = value?.operations!;
-              expr: lokiQueryModeller.renderQuery(result.query),
+                onChange({
-            });
+                  ...query,
-          }}
+                  expr: lokiQueryModeller.renderQuery(result.query),
-          options={lokiQueryModeller.getQueryPatterns().map((x) => ({ label: x.name, value: x }))}
+                });
-        />
+              }}
-        <QueryHeaderSwitch label="Raw query" value={query.rawQuery} onChange={onQueryPreviewChange} />
+              options={lokiQueryModeller.getQueryPatterns().map((x) => ({ label: x.name, value: x }))}
+            />
+            <QueryHeaderSwitch label="Raw query" value={query.rawQuery} onChange={onQueryPreviewChange} />
+          </>
+        )}
         <FlexItem grow={1} />
         <Button
           variant={dataIsStale ? 'primary' : 'secondary'}