@perses-dev/pyroscope-plugin 0.3.2 → 0.5.0-beta.0

package/lib/plugins/PyroscopeDatasourceEditor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 2025 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import { HTTPSettingsEditor } from '@perses-dev/plugin-system';
 import React from 'react';
 export function PyroscopeDatasourceEditor(props) {

package/lib/plugins/PyroscopeDatasourceEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/PyroscopeDatasourceEditor.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 { HTTPSettingsEditor } from '@perses-dev/plugin-system';\nimport React, { ReactElement } from 'react';\nimport { PyroscopeDatasourceSpec } from './pyroscope-datasource-types';\n\nexport interface PyroscopeDatasourceEditorProps {\n  value: PyroscopeDatasourceSpec;\n  onChange: (next: PyroscopeDatasourceSpec) => void;\n  isReadonly?: boolean;\n}\n\nexport function PyroscopeDatasourceEditor(props: PyroscopeDatasourceEditorProps): ReactElement {\n  const { value, onChange, isReadonly } = props;\n\n  const initialSpecDirect: PyroscopeDatasourceSpec = {\n    directUrl: '',\n  };\n\n  const initialSpecProxy: PyroscopeDatasourceSpec = {\n    proxy: {\n      kind: 'HTTPProxy',\n      spec: {\n        allowedEndpoints: [\n          // list of standard endpoints suggested by default\n          {\n            endpointPattern: '/pyroscope/render',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/querier.v1.QuerierService/ProfileTypes',\n            method: 'POST',\n          },\n          {\n            endpointPattern: '/querier.v1.QuerierService/LabelNames',\n            method: 'POST',\n          },\n          {\n            endpointPattern: '/querier.v1.QuerierService/LabelValues',\n            method: 'POST',\n          },\n        ],\n        url: '',\n      },\n    },\n  };\n\n  return (\n    <HTTPSettingsEditor\n      value={value}\n      onChange={onChange}\n      isReadonly={isReadonly}\n      initialSpecDirect={initialSpecDirect}\n      initialSpecProxy={initialSpecProxy}\n    />\n  );\n}\n"],"names":["HTTPSettingsEditor","React","PyroscopeDatasourceEditor","props","value","onChange","isReadonly","initialSpecDirect","directUrl","initialSpecProxy","proxy","kind","spec","allowedEndpoints","endpointPattern","method","url"],"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,kBAAkB,QAAQ,4BAA4B;AAC/D,OAAOC,WAA6B,QAAQ;AAS5C,OAAO,SAASC,0BAA0BC,KAAqC;IAC7E,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH;IAExC,MAAMI,oBAA6C;QACjDC,WAAW;IACb;IAEA,MAAMC,mBAA4C;QAChDC,OAAO;YACLC,MAAM;YACNC,MAAM;gBACJC,kBAAkB;oBAChB,kDAAkD;oBAClD;wBACEC,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;iBACD;gBACDC,KAAK;YACP;QACF;IACF;IAEA,qBACE,KAAChB;QACCI,OAAOA;QACPC,UAAUA;QACVC,YAAYA;QACZC,mBAAmBA;QACnBE,kBAAkBA;;AAGxB"}
+{"version":3,"sources":["../../../src/plugins/PyroscopeDatasourceEditor.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 { HTTPSettingsEditor } from '@perses-dev/plugin-system';\nimport React, { ReactElement } from 'react';\nimport { PyroscopeDatasourceSpec } from './pyroscope-datasource-types';\n\nexport interface PyroscopeDatasourceEditorProps {\n  value: PyroscopeDatasourceSpec;\n  onChange: (next: PyroscopeDatasourceSpec) => void;\n  isReadonly?: boolean;\n}\n\nexport function PyroscopeDatasourceEditor(props: PyroscopeDatasourceEditorProps): ReactElement {\n  const { value, onChange, isReadonly } = props;\n\n  const initialSpecDirect: PyroscopeDatasourceSpec = {\n    directUrl: '',\n  };\n\n  const initialSpecProxy: PyroscopeDatasourceSpec = {\n    proxy: {\n      kind: 'HTTPProxy',\n      spec: {\n        allowedEndpoints: [\n          // list of standard endpoints suggested by default\n          {\n            endpointPattern: '/pyroscope/render',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/querier.v1.QuerierService/ProfileTypes',\n            method: 'POST',\n          },\n          {\n            endpointPattern: '/querier.v1.QuerierService/LabelNames',\n            method: 'POST',\n          },\n          {\n            endpointPattern: '/querier.v1.QuerierService/LabelValues',\n            method: 'POST',\n          },\n        ],\n        url: '',\n      },\n    },\n  };\n\n  return (\n    <HTTPSettingsEditor\n      value={value}\n      onChange={onChange}\n      isReadonly={isReadonly}\n      initialSpecDirect={initialSpecDirect}\n      initialSpecProxy={initialSpecProxy}\n    />\n  );\n}\n"],"names":["HTTPSettingsEditor","React","PyroscopeDatasourceEditor","props","value","onChange","isReadonly","initialSpecDirect","directUrl","initialSpecProxy","proxy","kind","spec","allowedEndpoints","endpointPattern","method","url"],"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,kBAAkB,QAAQ,4BAA4B;AAC/D,OAAOC,WAA6B,QAAQ;AAS5C,OAAO,SAASC,0BAA0BC,KAAqC;IAC7E,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH;IAExC,MAAMI,oBAA6C;QACjDC,WAAW;IACb;IAEA,MAAMC,mBAA4C;QAChDC,OAAO;YACLC,MAAM;YACNC,MAAM;gBACJC,kBAAkB;oBAChB,kDAAkD;oBAClD;wBACEC,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;iBACD;gBACDC,KAAK;YACP;QACF;IACF;IAEA,qBACE,KAAChB;QACCI,OAAOA;QACPC,UAAUA;QACVC,YAAYA;QACZC,mBAAmBA;QACnBE,kBAAkBA;;AAGxB"}

package/lib/plugins/pyroscope-profile-query/PyroscopeProfileQuery.d.ts

@@ -1,7 +1,7 @@
 import { LabelFilter } from '../../utils/types';
 import { PyroscopeProfileQueryEditor } from './PyroscopeProfileQueryEditor';
 export declare const PyroscopeProfileQuery: {
-    getProfileData: (spec: import("../..").PyroscopeProfileQuerySpec, ctx: import("@perses-dev/plugin-system").ProfileQueryContext) => Promise<import("@perses-dev/core").ProfileData>;
+    getProfileData: (spec: import("../..").PyroscopeProfileQuerySpec, ctx: import("@perses-dev/plugin-system").ProfileQueryContext, abortSignal?: AbortSignal) => Promise<import("@perses-dev/core").ProfileData>;
     OptionsEditorComponent: typeof PyroscopeProfileQueryEditor;
     createInitialOptions: () => {
         maxNodes: number;

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 2025 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-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';

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, 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"}
+{"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.3.2",
+      "buildVersion": "0.5.0-beta.0",
       "buildName": "@perses-dev/pyroscope-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/Pyroscope.1e9d1b83.js",
+      "name": "__mf/js/Pyroscope.2cc96a50.js",
       "path": "",
       "type": "global"
     },
@@ -20,9 +20,9 @@
       "api": ""
     },
     "globalName": "Pyroscope",
-    "pluginVersion": "0.19.1",
+    "pluginVersion": "0.21.6",
     "prefetchInterface": false,
-    "publicPath": "/plugins/Pyroscope/"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/Pyroscope/\"; }"
   },
   "shared": [
     {
@@ -35,7 +35,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3960.a5d41140.js"
+            "__mf/js/async/6274.6bebfb8d.js"
           ]
         },
         "css": {
@@ -54,9 +54,9 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5790.677172d7.js",
-            "__mf/js/async/6770.2f87fe88.js",
-            "__mf/js/async/694.5e15c44d.js"
+            "__mf/js/async/1616.363527cc.js",
+            "__mf/js/async/6854.af4578d3.js",
+            "__mf/js/async/9235.7ff69cfc.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5214.8d3dd135.js",
-            "__mf/js/async/738.fa73528b.js"
+            "__mf/js/async/5587.b1b2620f.js",
+            "__mf/js/async/7968.0b05621c.js"
           ]
         },
         "css": {
@@ -88,14 +88,14 @@
     {
       "id": "Pyroscope:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.4",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.4",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/671.2877c17b.js"
+            "__mf/js/async/8971.ec4be707.js"
           ]
         },
         "css": {
@@ -107,14 +107,14 @@
     {
       "id": "Pyroscope:@perses-dev/dashboards",
       "name": "@perses-dev/dashboards",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.4",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.4",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3391.5c0ed426.js"
+            "__mf/js/async/1490.83898a50.js"
           ]
         },
         "css": {
@@ -126,14 +126,14 @@
     {
       "id": "Pyroscope:@perses-dev/explore",
       "name": "@perses-dev/explore",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.4",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.4",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4421.d2b623e9.js"
+            "__mf/js/async/1728.82a39224.js"
           ]
         },
         "css": {
@@ -145,14 +145,14 @@
     {
       "id": "Pyroscope:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.4",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.4",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4368.809601fc.js"
+            "__mf/js/async/5501.84760779.js"
           ]
         },
         "css": {
@@ -171,7 +171,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3980.f1ef0ece.js"
+            "__mf/js/async/6283.c4e4d60d.js"
           ]
         },
         "css": {
@@ -190,7 +190,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4075.cde93ec7.js"
+            "__mf/js/async/7192.d24e4825.js"
           ]
         },
         "css": {
@@ -209,7 +209,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5409.0df9c301.js"
+            "__mf/js/async/873.251d6f82.js"
           ]
         },
         "css": {
@@ -228,7 +228,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5981.9c662ef8.js"
+            "__mf/js/async/392.6f4ed257.js"
           ]
         },
         "css": {
@@ -247,7 +247,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/9173.5959814f.js"
+            "__mf/js/async/8470.f8ff1553.js"
           ]
         },
         "css": {
@@ -266,7 +266,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6292.e30a4c42.js"
+            "__mf/js/async/8356.0089243c.js"
           ]
         },
         "css": {
@@ -285,7 +285,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6377.f6e824aa.js"
+            "__mf/js/async/5440.f3809507.js"
           ]
         },
         "css": {
@@ -304,7 +304,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1964.88ffca96.js"
+            "__mf/js/async/4121.3c194ff5.js"
           ]
         },
         "css": {
@@ -323,7 +323,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7740.474defbd.js"
+            "__mf/js/async/7978.d09173a0.js"
           ]
         },
         "css": {
@@ -341,33 +341,33 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/__federation_expose_PyroscopeDatasource.936db6be.js"
+            "__mf/js/async/__federation_expose_PyroscopeDatasource.108cb2d6.js"
           ],
           "async": [
-            "__mf/js/async/5135.ae4df243.js",
-            "__mf/js/async/9092.cfd47472.js",
-            "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/677.58650020.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.81b7d9a3.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.5fcfa90f.js",
-            "__mf/js/async/6714.98bee612.js",
-            "__mf/js/async/3431.bc5c0624.js",
-            "__mf/js/async/2114.6befeb2d.js",
-            "__mf/js/async/2911.ec166b7f.js",
-            "__mf/js/async/4238.f154b81c.js",
-            "__mf/js/async/3224.755c2f09.js",
-            "__mf/js/async/2292.ed7843fc.js",
-            "__mf/js/async/8488.00c7f348.js",
-            "__mf/js/async/8216.be450b83.js"
+            "__mf/js/async/2575.ef0a81fb.js",
+            "__mf/js/async/6436.716bd9af.js",
+            "__mf/js/async/9040.7c3b0fb9.js",
+            "__mf/js/async/7197.de83428e.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.58db5efb.js",
+            "__mf/js/async/7570.a8cf961f.js",
+            "__mf/js/async/9836.0d85c0db.js",
+            "__mf/js/async/6874.c46021f1.js",
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.f9864130.js",
+            "__mf/js/async/3664.4d82937b.js",
+            "__mf/js/async/3059.83b7488b.js",
+            "__mf/js/async/4213.7db399dc.js",
+            "__mf/js/async/8035.39b8a613.js",
+            "__mf/js/async/9588.079c4b7e.js",
+            "__mf/js/async/5071.e72b3a37.js",
+            "__mf/js/async/2043.30f205d8.js",
+            "__mf/js/async/7177.4d802ad3.js",
+            "__mf/js/async/1969.614b0c2d.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/2341.6763d50b.css"
+            "__mf/css/async/3061.d3010b86.css"
           ]
         }
       },
@@ -379,35 +379,35 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/5135.ae4df243.js",
-            "__mf/js/async/9092.cfd47472.js",
-            "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/677.58650020.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.81b7d9a3.js"
+            "__mf/js/async/2575.ef0a81fb.js",
+            "__mf/js/async/6436.716bd9af.js",
+            "__mf/js/async/9040.7c3b0fb9.js",
+            "__mf/js/async/7197.de83428e.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.58db5efb.js"
           ],
           "async": [
-            "__mf/js/async/4238.f154b81c.js",
-            "__mf/js/async/3224.755c2f09.js",
-            "__mf/js/async/4778.c791e281.js",
-            "__mf/js/async/7376.c4cd77b0.js",
-            "__mf/js/async/2002.8fc3eb19.js",
-            "__mf/js/async/6714.98bee612.js",
-            "__mf/js/async/3431.bc5c0624.js",
-            "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeExplorer.5fcfa90f.js",
-            "__mf/js/async/2114.6befeb2d.js",
-            "__mf/js/async/2911.ec166b7f.js",
-            "__mf/js/async/2292.ed7843fc.js",
-            "__mf/js/async/8488.00c7f348.js",
-            "__mf/js/async/8216.be450b83.js",
-            "__mf/js/async/4758.a629b413.js"
+            "__mf/js/async/9588.079c4b7e.js",
+            "__mf/js/async/5071.e72b3a37.js",
+            "__mf/js/async/7570.a8cf961f.js",
+            "__mf/js/async/9836.0d85c0db.js",
+            "__mf/js/async/6874.c46021f1.js",
+            "__mf/js/async/3664.4d82937b.js",
+            "__mf/js/async/3059.83b7488b.js",
+            "__mf/js/async/9040.7c3b0fb9.js",
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.f9864130.js",
+            "__mf/js/async/4213.7db399dc.js",
+            "__mf/js/async/8035.39b8a613.js",
+            "__mf/js/async/2043.30f205d8.js",
+            "__mf/js/async/7177.4d802ad3.js",
+            "__mf/js/async/1969.614b0c2d.js",
+            "__mf/js/async/6978.fbec833e.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/2341.6763d50b.css",
-            "__mf/css/async/4758.6763d50b.css"
+            "__mf/css/async/3061.d3010b86.css",
+            "__mf/css/async/6978.d3010b86.css"
           ]
         }
       },
@@ -419,33 +419,33 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/__federation_expose_PyroscopeExplorer.5fcfa90f.js"
+            "__mf/js/async/9040.7c3b0fb9.js",
+            "__mf/js/async/__federation_expose_PyroscopeExplorer.f9864130.js"
           ],
           "async": [
-            "__mf/js/async/9092.cfd47472.js",
-            "__mf/js/async/5135.ae4df243.js",
-            "__mf/js/async/5220.d1e40fff.js",
-            "__mf/js/async/677.58650020.js",
-            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.81b7d9a3.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/4778.c791e281.js",
-            "__mf/js/async/6714.98bee612.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/8216.be450b83.js",
-            "__mf/js/async/2114.6befeb2d.js"
+            "__mf/js/async/6436.716bd9af.js",
+            "__mf/js/async/2575.ef0a81fb.js",
+            "__mf/js/async/9040.7c3b0fb9.js",
+            "__mf/js/async/7197.de83428e.js",
+            "__mf/js/async/__federation_expose_PyroscopeProfileQuery.58db5efb.js",
+            "__mf/js/async/9836.0d85c0db.js",
+            "__mf/js/async/6874.c46021f1.js",
+            "__mf/js/async/3059.83b7488b.js",
+            "__mf/js/async/7177.4d802ad3.js",
+            "__mf/js/async/7570.a8cf961f.js",
+            "__mf/js/async/3664.4d82937b.js",
+            "__mf/js/async/9588.079c4b7e.js",
+            "__mf/js/async/5071.e72b3a37.js",
+            "__mf/js/async/2043.30f205d8.js",
+            "__mf/js/async/8035.39b8a613.js",
+            "__mf/js/async/1969.614b0c2d.js",
+            "__mf/js/async/4213.7db399dc.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/2341.6763d50b.css"
+            "__mf/css/async/3061.d3010b86.css"
           ]
         }
       },