@perses-dev/pyroscope-plugin 0.2.0 → 0.3.1

package/lib/components/Service.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Service.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement } from 'react';\nimport { Stack, TextField, MenuItem, CircularProgress, useTheme } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { useServices } from '../utils/use-query';\n\nexport interface ServiceProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: string;\n  onChange?(value: string): void;\n}\n\nexport function Service(props: ServiceProps): ReactElement {\n  const { datasource, value, onChange } = props;\n\n  const { data: servicesOptions, isLoading: isServicesOptionsLoading } = useServices(datasource);\n\n  return (\n    <Stack\n      position=\"relative\"\n      sx={{\n        flexGrow: 1,\n        maxWidth: '100%',\n        [useTheme().breakpoints.down('sm')]: {\n          width: '100%',\n        },\n      }}\n    >\n      <TextField select label=\"Service\" value={value} size=\"small\" onChange={(event) => onChange?.(event.target.value)}>\n        {isServicesOptionsLoading ? (\n          <Stack width=\"100%\" sx={{ alignItems: 'center', justifyContent: 'center' }}>\n            <CircularProgress color=\"inherit\" size={20} />\n          </Stack>\n        ) : (\n          servicesOptions?.names &&\n          servicesOptions?.names.map((service) => (\n            <MenuItem key={service} value={service}>\n              {service}\n            </MenuItem>\n          ))\n        )}\n      </TextField>\n    </Stack>\n  );\n}\n"],"names":["Stack","TextField","MenuItem","CircularProgress","useTheme","useServices","Service","props","datasource","value","onChange","data","servicesOptions","isLoading","isServicesOptionsLoading","position","sx","flexGrow","maxWidth","breakpoints","down","width","select","label","size","event","target","alignItems","justifyContent","color","names","map","service"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,gBAAgB,EAAEC,QAAQ,QAAQ,gBAAgB;AAEvF,SAASC,WAAW,QAAQ,qBAAqB;AAQjD,OAAO,SAASC,QAAQC,KAAmB;IACzC,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAExC,MAAM,EAAEI,MAAMC,eAAe,EAAEC,WAAWC,wBAAwB,EAAE,GAAGT,YAAYG;IAEnF,qBACE,KAACR;QACCe,UAAS;QACTC,IAAI;YACFC,UAAU;YACVC,UAAU;YACV,CAACd,WAAWe,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;gBACnCC,OAAO;YACT;QACF;kBAEA,cAAA,KAACpB;YAAUqB,MAAM;YAACC,OAAM;YAAUd,OAAOA;YAAOe,MAAK;YAAQd,UAAU,CAACe,QAAUf,WAAWe,MAAMC,MAAM,CAACjB,KAAK;sBAC5GK,yCACC,KAACd;gBAAMqB,OAAM;gBAAOL,IAAI;oBAAEW,YAAY;oBAAUC,gBAAgB;gBAAS;0BACvE,cAAA,KAACzB;oBAAiB0B,OAAM;oBAAUL,MAAM;;iBAG1CZ,iBAAiBkB,SACjBlB,iBAAiBkB,MAAMC,IAAI,CAACC,wBAC1B,KAAC9B;oBAAuBO,OAAOuB;8BAC5BA;mBADYA;;;AAQ3B"}
+{"version":3,"sources":["../../../src/components/Service.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement, SyntheticEvent } from 'react';\nimport { Stack, TextField, Autocomplete } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { useServices } from '../utils/use-query';\n\nexport interface ServiceProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: string;\n  onChange?(value: string): void;\n}\n\nexport function Service(props: ServiceProps): ReactElement {\n  const { datasource, value, onChange } = props;\n\n  const { data: servicesOptions, isLoading: isServicesOptionsLoading } = useServices(datasource);\n\n  function handleServiceChange(_event: SyntheticEvent, newValue: string | null): void {\n    if (newValue !== null) {\n      onChange?.(newValue);\n    }\n  }\n\n  return (\n    <Stack\n      position=\"relative\"\n      sx={{\n        width: '100%',\n      }}\n    >\n      <Autocomplete\n        options={servicesOptions?.names ?? []}\n        value={value}\n        sx={{ minWidth: 200 }}\n        loading={isServicesOptionsLoading}\n        renderInput={(params) => {\n          return <TextField {...params} label=\"Service\" size=\"small\" />;\n        }}\n        onChange={handleServiceChange}\n      />\n    </Stack>\n  );\n}\n"],"names":["Stack","TextField","Autocomplete","useServices","Service","props","datasource","value","onChange","data","servicesOptions","isLoading","isServicesOptionsLoading","handleServiceChange","_event","newValue","position","sx","width","options","names","minWidth","loading","renderInput","params","label","size"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,KAAK,EAAEC,SAAS,EAAEC,YAAY,QAAQ,gBAAgB;AAE/D,SAASC,WAAW,QAAQ,qBAAqB;AAQjD,OAAO,SAASC,QAAQC,KAAmB;IACzC,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAExC,MAAM,EAAEI,MAAMC,eAAe,EAAEC,WAAWC,wBAAwB,EAAE,GAAGT,YAAYG;IAEnF,SAASO,oBAAoBC,MAAsB,EAAEC,QAAuB;QAC1E,IAAIA,aAAa,MAAM;YACrBP,WAAWO;QACb;IACF;IAEA,qBACE,KAACf;QACCgB,UAAS;QACTC,IAAI;YACFC,OAAO;QACT;kBAEA,cAAA,KAAChB;YACCiB,SAAST,iBAAiBU,SAAS,EAAE;YACrCb,OAAOA;YACPU,IAAI;gBAAEI,UAAU;YAAI;YACpBC,SAASV;YACTW,aAAa,CAACC;gBACZ,qBAAO,KAACvB;oBAAW,GAAGuB,MAAM;oBAAEC,OAAM;oBAAUC,MAAK;;YACrD;YACAlB,UAAUK;;;AAIlB"}

package/lib/explore/PyroscopeExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PyroscopeExplorer.d.ts","sourceRoot":"","sources":["../../../src/explore/PyroscopeExplorer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAgCrC,wBAAgB,iBAAiB,IAAI,YAAY,CA8BhD"}
+{"version":3,"file":"PyroscopeExplorer.d.ts","sourceRoot":"","sources":["../../../src/explore/PyroscopeExplorer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAiCrC,wBAAgB,iBAAiB,IAAI,YAAY,CA8BhD"}

package/lib/explore/PyroscopeExplorer.js

@@ -20,7 +20,8 @@ const initialSpec = {
     showSettings: true,
     showSeries: true,
     showTable: true,
-    showFlameGraph: true
+    showFlameGraph: true,
+    traceHeight: 25
 };
 function FlameGraphPanel({ queries }) {
     return /*#__PURE__*/ _jsx(Panel, {

package/lib/explore/PyroscopeExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/explore/PyroscopeExplorer.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Stack } from '@mui/material';\nimport { ReactElement } from 'react';\nimport { DataQueriesProvider, MultiQueryEditor } from '@perses-dev/plugin-system';\nimport { Panel } from '@perses-dev/dashboards';\nimport { QueryDefinition } from '@perses-dev/core';\nimport { useExplorerManagerContext } from '@perses-dev/explore';\n\ninterface ProfilesExplorerQueryParams {\n  queries?: QueryDefinition[];\n}\n\nconst initialSpec = {\n  palette: 'package-name',\n  showSettings: true,\n  showSeries: true,\n  showTable: true,\n  showFlameGraph: true,\n};\n\nfunction FlameGraphPanel({ queries }: { queries: QueryDefinition[] }): ReactElement {\n  return (\n    <Panel\n      panelOptions={{\n        hideHeader: true,\n      }}\n      definition={{\n        kind: 'Panel',\n        spec: { queries, display: { name: '' }, plugin: { kind: 'FlameChart', spec: initialSpec } },\n      }}\n    />\n  );\n}\n\nexport function PyroscopeExplorer(): ReactElement {\n  const {\n    data: { queries = [] },\n    setData,\n  } = useExplorerManagerContext<ProfilesExplorerQueryParams>();\n\n  // map ProfileQueryDefinition to Definition<UnknownSpec>\n  const definitions = queries.length\n    ? queries.map((query: QueryDefinition) => {\n        return {\n          kind: query.spec.plugin.kind,\n          spec: query.spec.plugin.spec,\n        };\n      })\n    : [];\n\n  return (\n    <Stack gap={2} sx={{ width: '100%' }}>\n      <MultiQueryEditor\n        queryTypes={['ProfileQuery']}\n        onChange={(newQueries) => setData({ queries: newQueries })}\n        queries={queries}\n      />\n      <DataQueriesProvider definitions={definitions}>\n        <Box height={980}>\n          <FlameGraphPanel queries={queries} />\n        </Box>\n      </DataQueriesProvider>\n    </Stack>\n  );\n}\n"],"names":["Box","Stack","DataQueriesProvider","MultiQueryEditor","Panel","useExplorerManagerContext","initialSpec","palette","showSettings","showSeries","showTable","showFlameGraph","FlameGraphPanel","queries","panelOptions","hideHeader","definition","kind","spec","display","name","plugin","PyroscopeExplorer","data","setData","definitions","length","map","query","gap","sx","width","queryTypes","onChange","newQueries","height"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,GAAG,EAAEC,KAAK,QAAQ,gBAAgB;AAE3C,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAClF,SAASC,KAAK,QAAQ,yBAAyB;AAE/C,SAASC,yBAAyB,QAAQ,sBAAsB;AAMhE,MAAMC,cAAc;IAClBC,SAAS;IACTC,cAAc;IACdC,YAAY;IACZC,WAAW;IACXC,gBAAgB;AAClB;AAEA,SAASC,gBAAgB,EAAEC,OAAO,EAAkC;IAClE,qBACE,KAACT;QACCU,cAAc;YACZC,YAAY;QACd;QACAC,YAAY;YACVC,MAAM;YACNC,MAAM;gBAAEL;gBAASM,SAAS;oBAAEC,MAAM;gBAAG;gBAAGC,QAAQ;oBAAEJ,MAAM;oBAAcC,MAAMZ;gBAAY;YAAE;QAC5F;;AAGN;AAEA,OAAO,SAASgB;IACd,MAAM,EACJC,MAAM,EAAEV,UAAU,EAAE,EAAE,EACtBW,OAAO,EACR,GAAGnB;IAEJ,wDAAwD;IACxD,MAAMoB,cAAcZ,QAAQa,MAAM,GAC9Bb,QAAQc,GAAG,CAAC,CAACC;QACX,OAAO;YACLX,MAAMW,MAAMV,IAAI,CAACG,MAAM,CAACJ,IAAI;YAC5BC,MAAMU,MAAMV,IAAI,CAACG,MAAM,CAACH,IAAI;QAC9B;IACF,KACA,EAAE;IAEN,qBACE,MAACjB;QAAM4B,KAAK;QAAGC,IAAI;YAAEC,OAAO;QAAO;;0BACjC,KAAC5B;gBACC6B,YAAY;oBAAC;iBAAe;gBAC5BC,UAAU,CAACC,aAAeV,QAAQ;wBAAEX,SAASqB;oBAAW;gBACxDrB,SAASA;;0BAEX,KAACX;gBAAoBuB,aAAaA;0BAChC,cAAA,KAACzB;oBAAImC,QAAQ;8BACX,cAAA,KAACvB;wBAAgBC,SAASA;;;;;;AAKpC"}
+{"version":3,"sources":["../../../src/explore/PyroscopeExplorer.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Stack } from '@mui/material';\nimport { ReactElement } from 'react';\nimport { DataQueriesProvider, MultiQueryEditor } from '@perses-dev/plugin-system';\nimport { Panel } from '@perses-dev/dashboards';\nimport { QueryDefinition } from '@perses-dev/core';\nimport { useExplorerManagerContext } from '@perses-dev/explore';\n\ninterface ProfilesExplorerQueryParams {\n  queries?: QueryDefinition[];\n}\n\nconst initialSpec = {\n  palette: 'package-name',\n  showSettings: true,\n  showSeries: true,\n  showTable: true,\n  showFlameGraph: true,\n  traceHeight: 25,\n};\n\nfunction FlameGraphPanel({ queries }: { queries: QueryDefinition[] }): ReactElement {\n  return (\n    <Panel\n      panelOptions={{\n        hideHeader: true,\n      }}\n      definition={{\n        kind: 'Panel',\n        spec: { queries, display: { name: '' }, plugin: { kind: 'FlameChart', spec: initialSpec } },\n      }}\n    />\n  );\n}\n\nexport function PyroscopeExplorer(): ReactElement {\n  const {\n    data: { queries = [] },\n    setData,\n  } = useExplorerManagerContext<ProfilesExplorerQueryParams>();\n\n  // map ProfileQueryDefinition to Definition<UnknownSpec>\n  const definitions = queries.length\n    ? queries.map((query: QueryDefinition) => {\n        return {\n          kind: query.spec.plugin.kind,\n          spec: query.spec.plugin.spec,\n        };\n      })\n    : [];\n\n  return (\n    <Stack gap={2} sx={{ width: '100%' }}>\n      <MultiQueryEditor\n        queryTypes={['ProfileQuery']}\n        onChange={(newQueries) => setData({ queries: newQueries })}\n        queries={queries}\n      />\n      <DataQueriesProvider definitions={definitions}>\n        <Box height={980}>\n          <FlameGraphPanel queries={queries} />\n        </Box>\n      </DataQueriesProvider>\n    </Stack>\n  );\n}\n"],"names":["Box","Stack","DataQueriesProvider","MultiQueryEditor","Panel","useExplorerManagerContext","initialSpec","palette","showSettings","showSeries","showTable","showFlameGraph","traceHeight","FlameGraphPanel","queries","panelOptions","hideHeader","definition","kind","spec","display","name","plugin","PyroscopeExplorer","data","setData","definitions","length","map","query","gap","sx","width","queryTypes","onChange","newQueries","height"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,GAAG,EAAEC,KAAK,QAAQ,gBAAgB;AAE3C,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAClF,SAASC,KAAK,QAAQ,yBAAyB;AAE/C,SAASC,yBAAyB,QAAQ,sBAAsB;AAMhE,MAAMC,cAAc;IAClBC,SAAS;IACTC,cAAc;IACdC,YAAY;IACZC,WAAW;IACXC,gBAAgB;IAChBC,aAAa;AACf;AAEA,SAASC,gBAAgB,EAAEC,OAAO,EAAkC;IAClE,qBACE,KAACV;QACCW,cAAc;YACZC,YAAY;QACd;QACAC,YAAY;YACVC,MAAM;YACNC,MAAM;gBAAEL;gBAASM,SAAS;oBAAEC,MAAM;gBAAG;gBAAGC,QAAQ;oBAAEJ,MAAM;oBAAcC,MAAMb;gBAAY;YAAE;QAC5F;;AAGN;AAEA,OAAO,SAASiB;IACd,MAAM,EACJC,MAAM,EAAEV,UAAU,EAAE,EAAE,EACtBW,OAAO,EACR,GAAGpB;IAEJ,wDAAwD;IACxD,MAAMqB,cAAcZ,QAAQa,MAAM,GAC9Bb,QAAQc,GAAG,CAAC,CAACC;QACX,OAAO;YACLX,MAAMW,MAAMV,IAAI,CAACG,MAAM,CAACJ,IAAI;YAC5BC,MAAMU,MAAMV,IAAI,CAACG,MAAM,CAACH,IAAI;QAC9B;IACF,KACA,EAAE;IAEN,qBACE,MAAClB;QAAM6B,KAAK;QAAGC,IAAI;YAAEC,OAAO;QAAO;;0BACjC,KAAC7B;gBACC8B,YAAY;oBAAC;iBAAe;gBAC5BC,UAAU,CAACC,aAAeV,QAAQ;wBAAEX,SAASqB;oBAAW;gBACxDrB,SAASA;;0BAEX,KAACZ;gBAAoBwB,aAAaA;0BAChC,cAAA,KAAC1B;oBAAIoC,QAAQ;8BACX,cAAA,KAACvB;wBAAgBC,SAASA;;;;;;AAKpC"}

package/lib/plugins/pyroscope-profile-query/PyroscopeProfileQueryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PyroscopeProfileQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/pyroscope-profile-query/PyroscopeProfileQueryEditor.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAQrC,OAAO,EACL,uBAAuB,EAKxB,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CAmExF"}
+{"version":3,"file":"PyroscopeProfileQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/pyroscope-profile-query/PyroscopeProfileQueryEditor.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAQrC,OAAO,EACL,uBAAuB,EAKxB,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CAqExF"}

package/lib/plugins/pyroscope-profile-query/PyroscopeProfileQueryEditor.js

@@ -14,8 +14,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DatasourceSelect } from '@perses-dev/plugin-system';
 import { useId } from '@perses-dev/components';
 import { produce } from 'immer';
-import { FormControl, InputLabel, Stack, TextField } from '@mui/material';
-import { DEFAULT_PYROSCOPE, isDefaultPyroscopeSelector, isPyroscopeDatasourceSelector, PYROSCOPE_DATASOURCE_KIND } from '../../model/pyroscope-selectors';
+import { FormControl, InputLabel, Stack, TextField, useTheme } from '@mui/material';
+import { DEFAULT_PYROSCOPE, isDefaultPyroscopeSelector, isPyroscopeDatasourceSelector, PYROSCOPE_DATASOURCE_KIND } from '../../model';
 import { ProfileTypeSelector, Service, Filters } from '../../components';
 import { useMaxNodesState, useProfileTypeState, useServiceState, useFiltersState } from './query-editor-model';
 export function PyroscopeProfileQueryEditor(props) {
@@ -33,8 +33,7 @@ export function PyroscopeProfileQueryEditor(props) {
             if (isPyroscopeDatasourceSelector(next)) {
                 onChange(produce(value, (draft)=>{
                     // If they're using the default, just omit the datasource prop (i.e. set to undefined)
-                    const nextDatasource = isDefaultPyroscopeSelector(next) ? undefined : next;
-                    draft.datasource = nextDatasource;
+                    draft.datasource = isDefaultPyroscopeSelector(next) ? undefined : next;
                 }));
                 return;
             }
@@ -65,11 +64,12 @@ export function PyroscopeProfileQueryEditor(props) {
             }),
             /*#__PURE__*/ _jsxs(Stack, {
                 direction: "row",
-                spacing: 0,
                 sx: {
-                    flexWrap: 'wrap',
-                    rowGap: 1,
-                    gap: 2
+                    [useTheme().breakpoints.down('sm')]: {
+                        flexWrap: 'wrap'
+                    },
+                    gap: 2,
+                    rowGap: 1
                 },
                 children: [
                     /*#__PURE__*/ _jsx(Service, {
@@ -83,13 +83,22 @@ export function PyroscopeProfileQueryEditor(props) {
                         onChange: handleProfileTypeChange
                     }),
                     /*#__PURE__*/ _jsx(TextField, {
+                        type: "number",
                         size: "small",
                         label: "Max Nodes",
                         value: maxNodes,
                         error: maxNodesHasError,
                         onChange: (e)=>handleMaxNodesChange(e.target.value),
-                        sx: {
-                            width: '110px'
+                        sx: (theme)=>({
+                                width: 250,
+                                [theme.breakpoints.down('sm')]: {
+                                    width: '100%'
+                                }
+                            }),
+                        slotProps: {
+                            htmlInput: {
+                                step: 1
+                            }
                         }
                     })
                 ]

package/lib/plugins/pyroscope-profile-query/PyroscopeProfileQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/plugins/pyroscope-profile-query/PyroscopeProfileQueryEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { DatasourceSelect, DatasourceSelectProps } from '@perses-dev/plugin-system';\nimport { useId } from '@perses-dev/components';\nimport { produce } from 'immer';\nimport { FormControl, InputLabel, Stack, TextField } from '@mui/material';\nimport { ReactElement } from 'react';\nimport {\n  DEFAULT_PYROSCOPE,\n  isDefaultPyroscopeSelector,\n  isPyroscopeDatasourceSelector,\n  PYROSCOPE_DATASOURCE_KIND,\n} from '../../model/pyroscope-selectors';\nimport { ProfileTypeSelector, Service, Filters } from '../../components';\nimport {\n  ProfileQueryEditorProps,\n  useMaxNodesState,\n  useProfileTypeState,\n  useServiceState,\n  useFiltersState,\n} from './query-editor-model';\n\nexport function PyroscopeProfileQueryEditor(props: ProfileQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PYROSCOPE;\n  const datasourceSelectLabelID = useId('pyroscope-datasource-label');\n\n  const { maxNodes, handleMaxNodesChange, maxNodesHasError } = useMaxNodesState(props);\n  const { profileType, handleProfileTypeChange } = useProfileTypeState(props);\n  const { service, handleServiceChange } = useServiceState(props);\n  const { filters, handleFiltersChange } = useFiltersState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    // Check if the next value is a DatasourceSelector\n    if (typeof next === 'object' && 'kind' in next && 'name' in next) {\n      if (isPyroscopeDatasourceSelector(next)) {\n        onChange(\n          produce(value, (draft) => {\n            // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n            const nextDatasource = isDefaultPyroscopeSelector(next) ? undefined : next;\n            draft.datasource = nextDatasource;\n          })\n        );\n        return;\n      }\n    }\n\n    throw new Error('Got unexpected non-Pyroscope datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\" fullWidth={false}>\n        <InputLabel id={datasourceSelectLabelID} shrink>\n          Pyroscope Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={PYROSCOPE_DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          labelId={datasourceSelectLabelID}\n          label=\"Pyroscope Datasource\"\n          notched\n        />\n      </FormControl>\n      <Stack\n        direction=\"row\"\n        spacing={0}\n        sx={{\n          flexWrap: 'wrap',\n          rowGap: 1,\n          gap: 2,\n        }}\n      >\n        <Service datasource={selectedDatasource} value={service} onChange={handleServiceChange} />\n        <ProfileTypeSelector datasource={selectedDatasource} value={profileType} onChange={handleProfileTypeChange} />\n        <TextField\n          size=\"small\"\n          label=\"Max Nodes\"\n          value={maxNodes}\n          error={maxNodesHasError}\n          onChange={(e) => handleMaxNodesChange(e.target.value)}\n          sx={{ width: '110px' }}\n        />\n      </Stack>\n      <Filters datasource={selectedDatasource} value={filters} onChange={handleFiltersChange} />\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","useId","produce","FormControl","InputLabel","Stack","TextField","DEFAULT_PYROSCOPE","isDefaultPyroscopeSelector","isPyroscopeDatasourceSelector","PYROSCOPE_DATASOURCE_KIND","ProfileTypeSelector","Service","Filters","useMaxNodesState","useProfileTypeState","useServiceState","useFiltersState","PyroscopeProfileQueryEditor","props","onChange","value","datasource","selectedDatasource","datasourceSelectLabelID","maxNodes","handleMaxNodesChange","maxNodesHasError","profileType","handleProfileTypeChange","service","handleServiceChange","filters","handleFiltersChange","handleDatasourceChange","next","draft","nextDatasource","undefined","Error","spacing","margin","fullWidth","id","shrink","datasourcePluginKind","labelId","label","notched","direction","sx","flexWrap","rowGap","gap","size","error","e","target","width"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,gBAAgB,QAA+B,4BAA4B;AACpF,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,WAAW,EAAEC,UAAU,EAAEC,KAAK,EAAEC,SAAS,QAAQ,gBAAgB;AAE1E,SACEC,iBAAiB,EACjBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,yBAAyB,QACpB,kCAAkC;AACzC,SAASC,mBAAmB,EAAEC,OAAO,EAAEC,OAAO,QAAQ,mBAAmB;AACzE,SAEEC,gBAAgB,EAChBC,mBAAmB,EACnBC,eAAe,EACfC,eAAe,QACV,uBAAuB;AAE9B,OAAO,SAASC,4BAA4BC,KAA8B;IACxE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcf;IACzC,MAAMiB,0BAA0BvB,MAAM;IAEtC,MAAM,EAAEwB,QAAQ,EAAEC,oBAAoB,EAAEC,gBAAgB,EAAE,GAAGb,iBAAiBK;IAC9E,MAAM,EAAES,WAAW,EAAEC,uBAAuB,EAAE,GAAGd,oBAAoBI;IACrE,MAAM,EAAEW,OAAO,EAAEC,mBAAmB,EAAE,GAAGf,gBAAgBG;IACzD,MAAM,EAAEa,OAAO,EAAEC,mBAAmB,EAAE,GAAGhB,gBAAgBE;IAEzD,MAAMe,yBAA4D,CAACC;QACjE,kDAAkD;QAClD,IAAI,OAAOA,SAAS,YAAY,UAAUA,QAAQ,UAAUA,MAAM;YAChE,IAAI1B,8BAA8B0B,OAAO;gBACvCf,SACElB,QAAQmB,OAAO,CAACe;oBACd,sFAAsF;oBACtF,MAAMC,iBAAiB7B,2BAA2B2B,QAAQG,YAAYH;oBACtEC,MAAMd,UAAU,GAAGe;gBACrB;gBAEF;YACF;QACF;QAEA,MAAM,IAAIE,MAAM;IAClB;IAEA,qBACE,MAAClC;QAAMmC,SAAS;;0BACd,MAACrC;gBAAYsC,QAAO;gBAAQC,WAAW;;kCACrC,KAACtC;wBAAWuC,IAAInB;wBAAyBoB,MAAM;kCAAC;;kCAGhD,KAAC5C;wBACC6C,sBAAsBnC;wBACtBW,OAAOE;wBACPH,UAAUc;wBACVY,SAAStB;wBACTuB,OAAM;wBACNC,OAAO;;;;0BAGX,MAAC3C;gBACC4C,WAAU;gBACVT,SAAS;gBACTU,IAAI;oBACFC,UAAU;oBACVC,QAAQ;oBACRC,KAAK;gBACP;;kCAEA,KAACzC;wBAAQU,YAAYC;wBAAoBF,OAAOS;wBAASV,UAAUW;;kCACnE,KAACpB;wBAAoBW,YAAYC;wBAAoBF,OAAOO;wBAAaR,UAAUS;;kCACnF,KAACvB;wBACCgD,MAAK;wBACLP,OAAM;wBACN1B,OAAOI;wBACP8B,OAAO5B;wBACPP,UAAU,CAACoC,IAAM9B,qBAAqB8B,EAAEC,MAAM,CAACpC,KAAK;wBACpD6B,IAAI;4BAAEQ,OAAO;wBAAQ;;;;0BAGzB,KAAC7C;gBAAQS,YAAYC;gBAAoBF,OAAOW;gBAASZ,UAAUa;;;;AAGzE"}
+{"version":3,"sources":["../../../../src/plugins/pyroscope-profile-query/PyroscopeProfileQueryEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { DatasourceSelect, DatasourceSelectProps } from '@perses-dev/plugin-system';\nimport { useId } from '@perses-dev/components';\nimport { produce } from 'immer';\nimport { FormControl, InputLabel, Stack, TextField, useTheme } from '@mui/material';\nimport { ReactElement } from 'react';\nimport {\n  DEFAULT_PYROSCOPE,\n  isDefaultPyroscopeSelector,\n  isPyroscopeDatasourceSelector,\n  PYROSCOPE_DATASOURCE_KIND,\n} from '../../model';\nimport { ProfileTypeSelector, Service, Filters } from '../../components';\nimport {\n  ProfileQueryEditorProps,\n  useMaxNodesState,\n  useProfileTypeState,\n  useServiceState,\n  useFiltersState,\n} from './query-editor-model';\n\nexport function PyroscopeProfileQueryEditor(props: ProfileQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PYROSCOPE;\n  const datasourceSelectLabelID = useId('pyroscope-datasource-label');\n\n  const { maxNodes, handleMaxNodesChange, maxNodesHasError } = useMaxNodesState(props);\n  const { profileType, handleProfileTypeChange } = useProfileTypeState(props);\n  const { service, handleServiceChange } = useServiceState(props);\n  const { filters, handleFiltersChange } = useFiltersState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    // Check if the next value is a DatasourceSelector\n    if (typeof next === 'object' && 'kind' in next && 'name' in next) {\n      if (isPyroscopeDatasourceSelector(next)) {\n        onChange(\n          produce(value, (draft) => {\n            // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n            draft.datasource = isDefaultPyroscopeSelector(next) ? undefined : next;\n          })\n        );\n        return;\n      }\n    }\n\n    throw new Error('Got unexpected non-Pyroscope datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\" fullWidth={false}>\n        <InputLabel id={datasourceSelectLabelID} shrink>\n          Pyroscope Datasource\n        </InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={PYROSCOPE_DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          labelId={datasourceSelectLabelID}\n          label=\"Pyroscope Datasource\"\n          notched\n        />\n      </FormControl>\n      <Stack\n        direction=\"row\"\n        sx={{\n          [useTheme().breakpoints.down('sm')]: {\n            flexWrap: 'wrap',\n          },\n          gap: 2,\n          rowGap: 1,\n        }}\n      >\n        <Service datasource={selectedDatasource} value={service} onChange={handleServiceChange} />\n        <ProfileTypeSelector datasource={selectedDatasource} value={profileType} onChange={handleProfileTypeChange} />\n        <TextField\n          type=\"number\"\n          size=\"small\"\n          label=\"Max Nodes\"\n          value={maxNodes}\n          error={maxNodesHasError}\n          onChange={(e) => handleMaxNodesChange(e.target.value)}\n          sx={(theme) => ({ width: 250, [theme.breakpoints.down('sm')]: { width: '100%' } })}\n          slotProps={{ htmlInput: { step: 1 } }}\n        />\n      </Stack>\n      <Filters datasource={selectedDatasource} value={filters} onChange={handleFiltersChange} />\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","useId","produce","FormControl","InputLabel","Stack","TextField","useTheme","DEFAULT_PYROSCOPE","isDefaultPyroscopeSelector","isPyroscopeDatasourceSelector","PYROSCOPE_DATASOURCE_KIND","ProfileTypeSelector","Service","Filters","useMaxNodesState","useProfileTypeState","useServiceState","useFiltersState","PyroscopeProfileQueryEditor","props","onChange","value","datasource","selectedDatasource","datasourceSelectLabelID","maxNodes","handleMaxNodesChange","maxNodesHasError","profileType","handleProfileTypeChange","service","handleServiceChange","filters","handleFiltersChange","handleDatasourceChange","next","draft","undefined","Error","spacing","margin","fullWidth","id","shrink","datasourcePluginKind","labelId","label","notched","direction","sx","breakpoints","down","flexWrap","gap","rowGap","type","size","error","e","target","theme","width","slotProps","htmlInput","step"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,gBAAgB,QAA+B,4BAA4B;AACpF,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,WAAW,EAAEC,UAAU,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,gBAAgB;AAEpF,SACEC,iBAAiB,EACjBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,yBAAyB,QACpB,cAAc;AACrB,SAASC,mBAAmB,EAAEC,OAAO,EAAEC,OAAO,QAAQ,mBAAmB;AACzE,SAEEC,gBAAgB,EAChBC,mBAAmB,EACnBC,eAAe,EACfC,eAAe,QACV,uBAAuB;AAE9B,OAAO,SAASC,4BAA4BC,KAA8B;IACxE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcf;IACzC,MAAMiB,0BAA0BxB,MAAM;IAEtC,MAAM,EAAEyB,QAAQ,EAAEC,oBAAoB,EAAEC,gBAAgB,EAAE,GAAGb,iBAAiBK;IAC9E,MAAM,EAAES,WAAW,EAAEC,uBAAuB,EAAE,GAAGd,oBAAoBI;IACrE,MAAM,EAAEW,OAAO,EAAEC,mBAAmB,EAAE,GAAGf,gBAAgBG;IACzD,MAAM,EAAEa,OAAO,EAAEC,mBAAmB,EAAE,GAAGhB,gBAAgBE;IAEzD,MAAMe,yBAA4D,CAACC;QACjE,kDAAkD;QAClD,IAAI,OAAOA,SAAS,YAAY,UAAUA,QAAQ,UAAUA,MAAM;YAChE,IAAI1B,8BAA8B0B,OAAO;gBACvCf,SACEnB,QAAQoB,OAAO,CAACe;oBACd,sFAAsF;oBACtFA,MAAMd,UAAU,GAAGd,2BAA2B2B,QAAQE,YAAYF;gBACpE;gBAEF;YACF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB;IAEA,qBACE,MAAClC;QAAMmC,SAAS;;0BACd,MAACrC;gBAAYsC,QAAO;gBAAQC,WAAW;;kCACrC,KAACtC;wBAAWuC,IAAIlB;wBAAyBmB,MAAM;kCAAC;;kCAGhD,KAAC5C;wBACC6C,sBAAsBlC;wBACtBW,OAAOE;wBACPH,UAAUc;wBACVW,SAASrB;wBACTsB,OAAM;wBACNC,OAAO;;;;0BAGX,MAAC3C;gBACC4C,WAAU;gBACVC,IAAI;oBACF,CAAC3C,WAAW4C,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;wBACnCC,UAAU;oBACZ;oBACAC,KAAK;oBACLC,QAAQ;gBACV;;kCAEA,KAAC1C;wBAAQU,YAAYC;wBAAoBF,OAAOS;wBAASV,UAAUW;;kCACnE,KAACpB;wBAAoBW,YAAYC;wBAAoBF,OAAOO;wBAAaR,UAAUS;;kCACnF,KAACxB;wBACCkD,MAAK;wBACLC,MAAK;wBACLV,OAAM;wBACNzB,OAAOI;wBACPgC,OAAO9B;wBACPP,UAAU,CAACsC,IAAMhC,qBAAqBgC,EAAEC,MAAM,CAACtC,KAAK;wBACpD4B,IAAI,CAACW,QAAW,CAAA;gCAAEC,OAAO;gCAAK,CAACD,MAAMV,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;oCAAEU,OAAO;gCAAO;4BAAE,CAAA;wBAChFC,WAAW;4BAAEC,WAAW;gCAAEC,MAAM;4BAAE;wBAAE;;;;0BAGxC,KAACnD;gBAAQS,YAAYC;gBAAoBF,OAAOW;gBAASZ,UAAUa;;;;AAGzE"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "Pyroscope",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.2.0",
+      "buildVersion": "0.3.1",
       "buildName": "@perses-dev/pyroscope-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/Pyroscope.24cb38f3.js",
+      "name": "__mf/js/Pyroscope.83a074ec.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "Pyroscope",
-    "pluginVersion": "0.18.1",
+    "pluginVersion": "0.19.1",
     "prefetchInterface": false,
     "publicPath": "/plugins/Pyroscope/"
   },
@@ -95,7 +95,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5358.40b9537e.js"
+            "__mf/js/async/3105.1ab1c855.js"
           ]
         },
         "css": {
@@ -152,7 +152,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4368.2d817d5d.js"
+            "__mf/js/async/4368.e6685ebf.js"
           ]
         },
         "css": {
@@ -344,14 +344,15 @@
             "__mf/js/async/__federation_expose_PyroscopeDatasource.76f63abf.js"
           ],
           "async": [
-            "__mf/js/async/5215.6fd5cc14.js",
+            "__mf/js/async/5135.ae4df243.js",
             "__mf/js/async/9092.cfd47472.js",
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.75c9c11b.js",
-            "__mf/js/async/424.edb69d58.js",
+            "__mf/js/async/677.58650020.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.e8a6e53f.js",
+            "__mf/js/async/4778.c791e281.js",
             "__mf/js/async/7376.c4cd77b0.js",
             "__mf/js/async/2002.8fc3eb19.js",
-            "__mf/js/async/__federation_expose_PyroscopeExplorer.88d5e4fb.js",
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.d2e8d27c.js",
             "__mf/js/async/5876.38b119d5.js",
             "__mf/js/async/3431.bc5c0624.js",
             "__mf/js/async/2114.6befeb2d.js",
@@ -359,7 +360,6 @@
             "__mf/js/async/4238.f154b81c.js",
             "__mf/js/async/3224.755c2f09.js",
             "__mf/js/async/2292.ed7843fc.js",
-            "__mf/js/async/1339.e58b309f.js",
             "__mf/js/async/8488.00c7f348.js",
             "__mf/js/async/8216.be450b83.js"
           ]
@@ -367,7 +367,7 @@
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/1339.6763d50b.css"
+            "__mf/css/async/2341.6763d50b.css"
           ]
         }
       },
@@ -379,25 +379,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/5215.6fd5cc14.js",
+            "__mf/js/async/5135.ae4df243.js",
             "__mf/js/async/9092.cfd47472.js",
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.75c9c11b.js"
+            "__mf/js/async/677.58650020.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.e8a6e53f.js"
           ],
           "async": [
             "__mf/js/async/4238.f154b81c.js",
             "__mf/js/async/3224.755c2f09.js",
-            "__mf/js/async/424.edb69d58.js",
+            "__mf/js/async/4778.c791e281.js",
             "__mf/js/async/7376.c4cd77b0.js",
             "__mf/js/async/2002.8fc3eb19.js",
             "__mf/js/async/5876.38b119d5.js",
             "__mf/js/async/3431.bc5c0624.js",
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeExplorer.88d5e4fb.js",
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.d2e8d27c.js",
             "__mf/js/async/2114.6befeb2d.js",
             "__mf/js/async/2911.ec166b7f.js",
             "__mf/js/async/2292.ed7843fc.js",
-            "__mf/js/async/1339.e58b309f.js",
             "__mf/js/async/8488.00c7f348.js",
             "__mf/js/async/8216.be450b83.js",
             "__mf/js/async/4758.a629b413.js"
@@ -406,7 +406,7 @@
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/1339.6763d50b.css",
+            "__mf/css/async/2341.6763d50b.css",
             "__mf/css/async/4758.6763d50b.css"
           ]
         }
@@ -420,24 +420,24 @@
         "js": {
           "sync": [
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeExplorer.88d5e4fb.js"
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.d2e8d27c.js"
           ],
           "async": [
             "__mf/js/async/9092.cfd47472.js",
-            "__mf/js/async/5215.6fd5cc14.js",
+            "__mf/js/async/5135.ae4df243.js",
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.75c9c11b.js",
+            "__mf/js/async/677.58650020.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.e8a6e53f.js",
             "__mf/js/async/7376.c4cd77b0.js",
             "__mf/js/async/2002.8fc3eb19.js",
             "__mf/js/async/3431.bc5c0624.js",
             "__mf/js/async/8488.00c7f348.js",
-            "__mf/js/async/424.edb69d58.js",
+            "__mf/js/async/4778.c791e281.js",
             "__mf/js/async/5876.38b119d5.js",
             "__mf/js/async/4238.f154b81c.js",
             "__mf/js/async/3224.755c2f09.js",
             "__mf/js/async/2292.ed7843fc.js",
             "__mf/js/async/2911.ec166b7f.js",
-            "__mf/js/async/1339.e58b309f.js",
             "__mf/js/async/8216.be450b83.js",
             "__mf/js/async/2114.6befeb2d.js"
           ]
@@ -445,7 +445,7 @@
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/1339.6763d50b.css"
+            "__mf/css/async/2341.6763d50b.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "Pyroscope",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.2.0",
+      "buildVersion": "0.3.1",
       "buildName": "@perses-dev/pyroscope-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/Pyroscope.24cb38f3.js",
+      "name": "__mf/js/Pyroscope.83a074ec.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "Pyroscope",
-    "pluginVersion": "0.18.1",
+    "pluginVersion": "0.19.1",
     "prefetchInterface": false,
     "publicPath": "/plugins/Pyroscope/"
   },
@@ -106,7 +106,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5358.40b9537e.js"
+            "__mf/js/async/3105.1ab1c855.js"
           ]
         },
         "css": {
@@ -178,7 +178,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4368.2d817d5d.js"
+            "__mf/js/async/4368.e6685ebf.js"
           ]
         },
         "css": {
@@ -415,14 +415,15 @@
             "__mf/js/async/__federation_expose_PyroscopeDatasource.76f63abf.js"
           ],
           "async": [
-            "__mf/js/async/5215.6fd5cc14.js",
+            "__mf/js/async/5135.ae4df243.js",
             "__mf/js/async/9092.cfd47472.js",
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.75c9c11b.js",
-            "__mf/js/async/424.edb69d58.js",
+            "__mf/js/async/677.58650020.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.e8a6e53f.js",
+            "__mf/js/async/4778.c791e281.js",
             "__mf/js/async/7376.c4cd77b0.js",
             "__mf/js/async/2002.8fc3eb19.js",
-            "__mf/js/async/__federation_expose_PyroscopeExplorer.88d5e4fb.js",
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.d2e8d27c.js",
             "__mf/js/async/5876.38b119d5.js",
             "__mf/js/async/3431.bc5c0624.js",
             "__mf/js/async/2114.6befeb2d.js",
@@ -430,7 +431,6 @@
             "__mf/js/async/4238.f154b81c.js",
             "__mf/js/async/3224.755c2f09.js",
             "__mf/js/async/2292.ed7843fc.js",
-            "__mf/js/async/1339.e58b309f.js",
             "__mf/js/async/8488.00c7f348.js",
             "__mf/js/async/8216.be450b83.js"
           ]
@@ -438,7 +438,7 @@
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/1339.6763d50b.css"
+            "__mf/css/async/2341.6763d50b.css"
           ]
         }
       }
@@ -458,25 +458,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/5215.6fd5cc14.js",
+            "__mf/js/async/5135.ae4df243.js",
             "__mf/js/async/9092.cfd47472.js",
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.75c9c11b.js"
+            "__mf/js/async/677.58650020.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.e8a6e53f.js"
           ],
           "async": [
             "__mf/js/async/4238.f154b81c.js",
             "__mf/js/async/3224.755c2f09.js",
-            "__mf/js/async/424.edb69d58.js",
+            "__mf/js/async/4778.c791e281.js",
             "__mf/js/async/7376.c4cd77b0.js",
             "__mf/js/async/2002.8fc3eb19.js",
             "__mf/js/async/5876.38b119d5.js",
             "__mf/js/async/3431.bc5c0624.js",
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeExplorer.88d5e4fb.js",
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.d2e8d27c.js",
             "__mf/js/async/2114.6befeb2d.js",
             "__mf/js/async/2911.ec166b7f.js",
             "__mf/js/async/2292.ed7843fc.js",
-            "__mf/js/async/1339.e58b309f.js",
             "__mf/js/async/8488.00c7f348.js",
             "__mf/js/async/8216.be450b83.js",
             "__mf/js/async/4758.a629b413.js"
@@ -485,7 +485,7 @@
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/1339.6763d50b.css",
+            "__mf/css/async/2341.6763d50b.css",
             "__mf/css/async/4758.6763d50b.css"
           ]
         }
@@ -505,24 +505,24 @@
         "js": {
           "sync": [
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeExplorer.88d5e4fb.js"
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.d2e8d27c.js"
           ],
           "async": [
             "__mf/js/async/9092.cfd47472.js",
-            "__mf/js/async/5215.6fd5cc14.js",
+            "__mf/js/async/5135.ae4df243.js",
             "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.75c9c11b.js",
+            "__mf/js/async/677.58650020.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.e8a6e53f.js",
             "__mf/js/async/7376.c4cd77b0.js",
             "__mf/js/async/2002.8fc3eb19.js",
             "__mf/js/async/3431.bc5c0624.js",
             "__mf/js/async/8488.00c7f348.js",
-            "__mf/js/async/424.edb69d58.js",
+            "__mf/js/async/4778.c791e281.js",
             "__mf/js/async/5876.38b119d5.js",
             "__mf/js/async/4238.f154b81c.js",
             "__mf/js/async/3224.755c2f09.js",
             "__mf/js/async/2292.ed7843fc.js",
             "__mf/js/async/2911.ec166b7f.js",
-            "__mf/js/async/1339.e58b309f.js",
             "__mf/js/async/8216.be450b83.js",
             "__mf/js/async/2114.6befeb2d.js"
           ]
@@ -530,7 +530,7 @@
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/1339.6763d50b.css"
+            "__mf/css/async/2341.6763d50b.css"
           ]
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/pyroscope-plugin",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
     "type": "git",