+
+ {title}
+ {!isOpen && (
+
+ {collapsedInfo.map((x, i) => (
+ {x}
+ ))}
+
+ )}
+
+ }
+ >
+ {children}
+
+
+ );
+}
+
+const getStyles = (theme: GrafanaTheme2) => {
+ return {
+ collapse: css({
+ backgroundColor: 'unset',
+ border: 'unset',
+ marginBottom: 0,
+
+ ['> button']: {
+ padding: theme.spacing(0, 1),
+ },
+ }),
+ wrapper: css({
+ width: '100%',
+ display: 'flex',
+ justifyContent: 'space-between',
+ alignItems: 'baseline',
+ }),
+ title: css({
+ flexGrow: 1,
+ overflow: 'hidden',
+ fontSize: theme.typography.bodySmall.fontSize,
+ fontWeight: theme.typography.fontWeightMedium,
+ margin: 0,
+ }),
+ description: css({
+ color: theme.colors.text.secondary,
+ fontSize: theme.typography.bodySmall.fontSize,
+ fontWeight: theme.typography.bodySmall.fontWeight,
+ paddingLeft: theme.spacing(2),
+ gap: theme.spacing(2),
+ display: 'flex',
+ }),
+ body: css({
+ display: 'flex',
+ gap: theme.spacing(2),
+ flexWrap: 'wrap',
+ }),
+ };
+};
diff --git a/public/app/plugins/datasource/grafana-pyroscope-datasource/QueryEditor/QueryOptions.tsx b/public/app/plugins/datasource/grafana-pyroscope-datasource/QueryEditor/QueryOptions.tsx
index 71a4a7f1f88..b31b6d42281 100644
--- a/public/app/plugins/datasource/grafana-pyroscope-datasource/QueryEditor/QueryOptions.tsx
+++ b/public/app/plugins/datasource/grafana-pyroscope-datasource/QueryEditor/QueryOptions.tsx
@@ -5,10 +5,10 @@ import { CoreApp, GrafanaTheme2, SelectableValue } from '@grafana/data';
import { config } from '@grafana/runtime';
import { useStyles2, RadioButtonGroup, MultiSelect, Input } from '@grafana/ui';
-import { QueryOptionGroup } from '../../prometheus/querybuilder/shared/QueryOptionGroup';
import { Query } from '../types';
import { EditorField } from './EditorField';
+import { QueryOptionGroup } from './QueryOptionGroup';
import { Stack } from './Stack';
export interface Props {
diff --git a/public/app/plugins/datasource/grafana-pyroscope-datasource/VariableSupport.ts b/public/app/plugins/datasource/grafana-pyroscope-datasource/VariableSupport.ts
index 80038991d82..99a3e24a394 100644
--- a/public/app/plugins/datasource/grafana-pyroscope-datasource/VariableSupport.ts
+++ b/public/app/plugins/datasource/grafana-pyroscope-datasource/VariableSupport.ts
@@ -2,8 +2,6 @@ import { from, map, Observable, of } from 'rxjs';
import { CustomVariableSupport, DataQueryRequest, DataQueryResponse, MetricFindValue } from '@grafana/data';
-import { getTimeSrv, TimeSrv } from '../../../features/dashboard/services/TimeSrv';
-
import { VariableQueryEditor } from './VariableQueryEditor';
import { PyroscopeDataSource } from './datasource';
import { ProfileTypeMessage, VariableQuery } from './types';
@@ -15,10 +13,7 @@ export interface DataAPI {
}
export class VariableSupport extends CustomVariableSupport