@perses-dev/pyroscope-plugin 0.4.0 → 0.5.0-rc.1

package/lib/cjs/plugins/pyroscope-profile-query/get-profile-data.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at
@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getProfileData: function() {
+    get getProfileData () {
         return getProfileData;
     },
-    getUnixTimeRange: function() {
+    get getUnixTimeRange () {
         return getUnixTimeRange;
     }
 });

package/lib/cjs/plugins/pyroscope-profile-query/index.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/cjs/plugins/pyroscope-profile-query/query-editor-model.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at
@@ -17,20 +17,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    useFiltersState: function() {
+    get useFiltersState () {
         return useFiltersState;
     },
-    useMaxNodesState: function() {
+    get useMaxNodesState () {
         return useMaxNodesState;
     },
-    useProfileTypeState: function() {
+    get useProfileTypeState () {
         return useProfileTypeState;
     },
-    useServiceState: function() {
+    get useServiceState () {
         return useServiceState;
     }
 });

package/lib/cjs/setup-tests.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/cjs/test/index.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/cjs/test/mock-data.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at
@@ -17,17 +17,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MOCK_LABEL_NAMES_RESPONSE: function() {
+    get MOCK_LABEL_NAMES_RESPONSE () {
         return MOCK_LABEL_NAMES_RESPONSE;
     },
-    MOCK_LABEL_VALUES_RESPONSE_NAME_REGION: function() {
+    get MOCK_LABEL_VALUES_RESPONSE_NAME_REGION () {
         return MOCK_LABEL_VALUES_RESPONSE_NAME_REGION;
     },
-    MOCK_PROFILE_TYPES_RESPONSE: function() {
+    get MOCK_PROFILE_TYPES_RESPONSE () {
         return MOCK_PROFILE_TYPES_RESPONSE;
     }
 });

package/lib/cjs/test/setup-tests.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/cjs/utils/types.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/cjs/utils/use-query.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at
@@ -17,23 +17,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    filterLabelNamesOptions: function() {
+    get filterLabelNamesOptions () {
         return filterLabelNamesOptions;
     },
-    useLabelNames: function() {
+    get useLabelNames () {
         return useLabelNames;
     },
-    useLabelValues: function() {
+    get useLabelValues () {
         return useLabelValues;
     },
-    useProfileTypes: function() {
+    get useProfileTypes () {
         return useProfileTypes;
     },
-    useServices: function() {
+    get useServices () {
         return useServices;
     }
 });

package/lib/components/AddFilterItem.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/components/AddFilterItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AddFilterItem.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 PlusIcon from 'mdi-material-ui/Plus';\nimport { ToolbarIconButton } from '@perses-dev/components';\n\nexport interface AddFilterItemProps {\n  onClick: () => void;\n}\n\nexport function AddFilterItem(props: AddFilterItemProps): ReactElement {\n  const { onClick } = props;\n\n  return (\n    <ToolbarIconButton aria-label=\"add filter\" onClick={onClick}>\n      <PlusIcon />\n    </ToolbarIconButton>\n  );\n}\n"],"names":["PlusIcon","ToolbarIconButton","AddFilterItem","props","onClick","aria-label"],"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,OAAOA,cAAc,uBAAuB;AAC5C,SAASC,iBAAiB,QAAQ,yBAAyB;AAM3D,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,qBACE,KAACF;QAAkBI,cAAW;QAAaD,SAASA;kBAClD,cAAA,KAACJ;;AAGP"}
+{"version":3,"sources":["../../../src/components/AddFilterItem.tsx"],"sourcesContent":["// Copyright 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 PlusIcon from 'mdi-material-ui/Plus';\nimport { ToolbarIconButton } from '@perses-dev/components';\n\nexport interface AddFilterItemProps {\n  onClick: () => void;\n}\n\nexport function AddFilterItem(props: AddFilterItemProps): ReactElement {\n  const { onClick } = props;\n\n  return (\n    <ToolbarIconButton aria-label=\"add filter\" onClick={onClick}>\n      <PlusIcon />\n    </ToolbarIconButton>\n  );\n}\n"],"names":["PlusIcon","ToolbarIconButton","AddFilterItem","props","onClick","aria-label"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,OAAOA,cAAc,uBAAuB;AAC5C,SAASC,iBAAiB,QAAQ,yBAAyB;AAM3D,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,qBACE,KAACF;QAAkBI,cAAW;QAAaD,SAASA;kBAClD,cAAA,KAACJ;;AAGP"}

package/lib/components/DeleteFilterItem.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/components/DeleteFilterItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DeleteFilterItem.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 CloseIcon from 'mdi-material-ui/Close';\nimport { ToolbarIconButton } from '@perses-dev/components';\n\nexport interface DeleteFilterItemProps {\n  onClick: () => void;\n}\n\nexport function DeleteFilterItem(props: DeleteFilterItemProps): ReactElement {\n  const { onClick } = props;\n\n  return (\n    <ToolbarIconButton\n      sx={(theme) => ({\n        borderTopLeftRadius: 0,\n        borderBottomLeftRadius: 0,\n        width: '100%',\n        height: '100%',\n        [theme.breakpoints.down('sm')]: {\n          borderTopRightRadius: 0,\n        },\n      })}\n      aria-label=\"delete filter\"\n      onClick={onClick}\n    >\n      <CloseIcon />\n    </ToolbarIconButton>\n  );\n}\n"],"names":["CloseIcon","ToolbarIconButton","DeleteFilterItem","props","onClick","sx","theme","borderTopLeftRadius","borderBottomLeftRadius","width","height","breakpoints","down","borderTopRightRadius","aria-label"],"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,OAAOA,eAAe,wBAAwB;AAC9C,SAASC,iBAAiB,QAAQ,yBAAyB;AAM3D,OAAO,SAASC,iBAAiBC,KAA4B;IAC3D,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,qBACE,KAACF;QACCI,IAAI,CAACC,QAAW,CAAA;gBACdC,qBAAqB;gBACrBC,wBAAwB;gBACxBC,OAAO;gBACPC,QAAQ;gBACR,CAACJ,MAAMK,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;oBAC9BC,sBAAsB;gBACxB;YACF,CAAA;QACAC,cAAW;QACXV,SAASA;kBAET,cAAA,KAACJ;;AAGP"}
+{"version":3,"sources":["../../../src/components/DeleteFilterItem.tsx"],"sourcesContent":["// Copyright 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 CloseIcon from 'mdi-material-ui/Close';\nimport { ToolbarIconButton } from '@perses-dev/components';\n\nexport interface DeleteFilterItemProps {\n  onClick: () => void;\n}\n\nexport function DeleteFilterItem(props: DeleteFilterItemProps): ReactElement {\n  const { onClick } = props;\n\n  return (\n    <ToolbarIconButton\n      sx={(theme) => ({\n        borderTopLeftRadius: 0,\n        borderBottomLeftRadius: 0,\n        width: '100%',\n        height: '100%',\n        [theme.breakpoints.down('sm')]: {\n          borderTopRightRadius: 0,\n        },\n      })}\n      aria-label=\"delete filter\"\n      onClick={onClick}\n    >\n      <CloseIcon />\n    </ToolbarIconButton>\n  );\n}\n"],"names":["CloseIcon","ToolbarIconButton","DeleteFilterItem","props","onClick","sx","theme","borderTopLeftRadius","borderBottomLeftRadius","width","height","breakpoints","down","borderTopRightRadius","aria-label"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,OAAOA,eAAe,wBAAwB;AAC9C,SAASC,iBAAiB,QAAQ,yBAAyB;AAM3D,OAAO,SAASC,iBAAiBC,KAA4B;IAC3D,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,qBACE,KAACF;QACCI,IAAI,CAACC,QAAW,CAAA;gBACdC,qBAAqB;gBACrBC,wBAAwB;gBACxBC,OAAO;gBACPC,QAAQ;gBACR,CAACJ,MAAMK,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;oBAC9BC,sBAAsB;gBACxB;YACF,CAAA;QACAC,cAAW;QACXV,SAASA;kBAET,cAAA,KAACJ;;AAGP"}

package/lib/components/FilterItem.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/components/FilterItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FilterItem.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 { Grid2 as Grid, Stack } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { LabelFilter, OperatorType } from '../utils/types';\nimport { LabelName } from './LabelName';\nimport { Operator } from './Operator';\nimport { LabelValue } from './LabelValue';\nimport { DeleteFilterItem } from './DeleteFilterItem';\n\nexport interface FilterItemProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: LabelFilter;\n  onChange?: (value: LabelFilter) => void;\n  deleteItem?: () => void; // this function is used to delete the current filter\n}\n\nexport function FilterItem(props: FilterItemProps): ReactElement {\n  const { datasource, value, onChange, deleteItem } = props;\n\n  const handleLabelNameChange = (label: string) => {\n    onChange?.({ labelName: label, labelValue: '', operator: value.operator });\n  };\n\n  const handleOperatorChange = (op: OperatorType) => {\n    onChange?.({ labelName: value.labelName, labelValue: value.labelValue, operator: op });\n  };\n\n  const handleLabelValueChange = (val: string) => {\n    onChange?.({ labelName: value.labelName, labelValue: val, operator: value.operator });\n  };\n\n  const handleDeleteClick = () => {\n    deleteItem?.();\n  };\n\n  return (\n    <Stack\n      direction=\"row\"\n      spacing={0}\n      sx={(theme) => ({ flexWrap: 'wrap', width: 500, [theme.breakpoints.down('sm')]: { width: '100%' } })}\n    >\n      <Grid container sx={{ width: '100%' }}>\n        <Grid size={{ xs: 9.5, md: 4.5 }}>\n          <LabelName datasource={datasource} value={value.labelName} onChange={handleLabelNameChange} />\n        </Grid>\n        <Grid size={{ xs: 2.5, md: 1.5 }}>\n          <Operator value={value.operator} onChange={handleOperatorChange} />\n        </Grid>\n        <Grid size={{ xs: 10, md: 5 }}>\n          <LabelValue\n            datasource={datasource}\n            value={value.labelValue}\n            labelName={value.labelName}\n            onChange={handleLabelValueChange}\n          />\n        </Grid>\n        <Grid size={{ xs: 2, md: 1 }}>\n          <DeleteFilterItem onClick={handleDeleteClick} />\n        </Grid>\n      </Grid>\n    </Stack>\n  );\n}\n"],"names":["Grid2","Grid","Stack","LabelName","Operator","LabelValue","DeleteFilterItem","FilterItem","props","datasource","value","onChange","deleteItem","handleLabelNameChange","label","labelName","labelValue","operator","handleOperatorChange","op","handleLabelValueChange","val","handleDeleteClick","direction","spacing","sx","theme","flexWrap","width","breakpoints","down","container","size","xs","md","onClick"],"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,SAASC,IAAI,EAAEC,KAAK,QAAQ,gBAAgB;AAGrD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,gBAAgB,QAAQ,qBAAqB;AAStD,OAAO,SAASC,WAAWC,KAAsB;IAC/C,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGJ;IAEpD,MAAMK,wBAAwB,CAACC;QAC7BH,WAAW;YAAEI,WAAWD;YAAOE,YAAY;YAAIC,UAAUP,MAAMO,QAAQ;QAAC;IAC1E;IAEA,MAAMC,uBAAuB,CAACC;QAC5BR,WAAW;YAAEI,WAAWL,MAAMK,SAAS;YAAEC,YAAYN,MAAMM,UAAU;YAAEC,UAAUE;QAAG;IACtF;IAEA,MAAMC,yBAAyB,CAACC;QAC9BV,WAAW;YAAEI,WAAWL,MAAMK,SAAS;YAAEC,YAAYK;YAAKJ,UAAUP,MAAMO,QAAQ;QAAC;IACrF;IAEA,MAAMK,oBAAoB;QACxBV;IACF;IAEA,qBACE,KAACV;QACCqB,WAAU;QACVC,SAAS;QACTC,IAAI,CAACC,QAAW,CAAA;gBAAEC,UAAU;gBAAQC,OAAO;gBAAK,CAACF,MAAMG,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;oBAAEF,OAAO;gBAAO;YAAE,CAAA;kBAElG,cAAA,MAAC3B;YAAK8B,SAAS;YAACN,IAAI;gBAAEG,OAAO;YAAO;;8BAClC,KAAC3B;oBAAK+B,MAAM;wBAAEC,IAAI;wBAAKC,IAAI;oBAAI;8BAC7B,cAAA,KAAC/B;wBAAUM,YAAYA;wBAAYC,OAAOA,MAAMK,SAAS;wBAAEJ,UAAUE;;;8BAEvE,KAACZ;oBAAK+B,MAAM;wBAAEC,IAAI;wBAAKC,IAAI;oBAAI;8BAC7B,cAAA,KAAC9B;wBAASM,OAAOA,MAAMO,QAAQ;wBAAEN,UAAUO;;;8BAE7C,KAACjB;oBAAK+B,MAAM;wBAAEC,IAAI;wBAAIC,IAAI;oBAAE;8BAC1B,cAAA,KAAC7B;wBACCI,YAAYA;wBACZC,OAAOA,MAAMM,UAAU;wBACvBD,WAAWL,MAAMK,SAAS;wBAC1BJ,UAAUS;;;8BAGd,KAACnB;oBAAK+B,MAAM;wBAAEC,IAAI;wBAAGC,IAAI;oBAAE;8BACzB,cAAA,KAAC5B;wBAAiB6B,SAASb;;;;;;AAKrC"}
+{"version":3,"sources":["../../../src/components/FilterItem.tsx"],"sourcesContent":["// Copyright 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 { Grid2 as Grid, Stack } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { LabelFilter, OperatorType } from '../utils/types';\nimport { LabelName } from './LabelName';\nimport { Operator } from './Operator';\nimport { LabelValue } from './LabelValue';\nimport { DeleteFilterItem } from './DeleteFilterItem';\n\nexport interface FilterItemProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: LabelFilter;\n  onChange?: (value: LabelFilter) => void;\n  deleteItem?: () => void; // this function is used to delete the current filter\n}\n\nexport function FilterItem(props: FilterItemProps): ReactElement {\n  const { datasource, value, onChange, deleteItem } = props;\n\n  const handleLabelNameChange = (label: string) => {\n    onChange?.({ labelName: label, labelValue: '', operator: value.operator });\n  };\n\n  const handleOperatorChange = (op: OperatorType) => {\n    onChange?.({ labelName: value.labelName, labelValue: value.labelValue, operator: op });\n  };\n\n  const handleLabelValueChange = (val: string) => {\n    onChange?.({ labelName: value.labelName, labelValue: val, operator: value.operator });\n  };\n\n  const handleDeleteClick = () => {\n    deleteItem?.();\n  };\n\n  return (\n    <Stack\n      direction=\"row\"\n      spacing={0}\n      sx={(theme) => ({ flexWrap: 'wrap', width: 500, [theme.breakpoints.down('sm')]: { width: '100%' } })}\n    >\n      <Grid container sx={{ width: '100%' }}>\n        <Grid size={{ xs: 9.5, md: 4.5 }}>\n          <LabelName datasource={datasource} value={value.labelName} onChange={handleLabelNameChange} />\n        </Grid>\n        <Grid size={{ xs: 2.5, md: 1.5 }}>\n          <Operator value={value.operator} onChange={handleOperatorChange} />\n        </Grid>\n        <Grid size={{ xs: 10, md: 5 }}>\n          <LabelValue\n            datasource={datasource}\n            value={value.labelValue}\n            labelName={value.labelName}\n            onChange={handleLabelValueChange}\n          />\n        </Grid>\n        <Grid size={{ xs: 2, md: 1 }}>\n          <DeleteFilterItem onClick={handleDeleteClick} />\n        </Grid>\n      </Grid>\n    </Stack>\n  );\n}\n"],"names":["Grid2","Grid","Stack","LabelName","Operator","LabelValue","DeleteFilterItem","FilterItem","props","datasource","value","onChange","deleteItem","handleLabelNameChange","label","labelName","labelValue","operator","handleOperatorChange","op","handleLabelValueChange","val","handleDeleteClick","direction","spacing","sx","theme","flexWrap","width","breakpoints","down","container","size","xs","md","onClick"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,SAASC,IAAI,EAAEC,KAAK,QAAQ,gBAAgB;AAGrD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,gBAAgB,QAAQ,qBAAqB;AAStD,OAAO,SAASC,WAAWC,KAAsB;IAC/C,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGJ;IAEpD,MAAMK,wBAAwB,CAACC;QAC7BH,WAAW;YAAEI,WAAWD;YAAOE,YAAY;YAAIC,UAAUP,MAAMO,QAAQ;QAAC;IAC1E;IAEA,MAAMC,uBAAuB,CAACC;QAC5BR,WAAW;YAAEI,WAAWL,MAAMK,SAAS;YAAEC,YAAYN,MAAMM,UAAU;YAAEC,UAAUE;QAAG;IACtF;IAEA,MAAMC,yBAAyB,CAACC;QAC9BV,WAAW;YAAEI,WAAWL,MAAMK,SAAS;YAAEC,YAAYK;YAAKJ,UAAUP,MAAMO,QAAQ;QAAC;IACrF;IAEA,MAAMK,oBAAoB;QACxBV;IACF;IAEA,qBACE,KAACV;QACCqB,WAAU;QACVC,SAAS;QACTC,IAAI,CAACC,QAAW,CAAA;gBAAEC,UAAU;gBAAQC,OAAO;gBAAK,CAACF,MAAMG,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;oBAAEF,OAAO;gBAAO;YAAE,CAAA;kBAElG,cAAA,MAAC3B;YAAK8B,SAAS;YAACN,IAAI;gBAAEG,OAAO;YAAO;;8BAClC,KAAC3B;oBAAK+B,MAAM;wBAAEC,IAAI;wBAAKC,IAAI;oBAAI;8BAC7B,cAAA,KAAC/B;wBAAUM,YAAYA;wBAAYC,OAAOA,MAAMK,SAAS;wBAAEJ,UAAUE;;;8BAEvE,KAACZ;oBAAK+B,MAAM;wBAAEC,IAAI;wBAAKC,IAAI;oBAAI;8BAC7B,cAAA,KAAC9B;wBAASM,OAAOA,MAAMO,QAAQ;wBAAEN,UAAUO;;;8BAE7C,KAACjB;oBAAK+B,MAAM;wBAAEC,IAAI;wBAAIC,IAAI;oBAAE;8BAC1B,cAAA,KAAC7B;wBACCI,YAAYA;wBACZC,OAAOA,MAAMM,UAAU;wBACvBD,WAAWL,MAAMK,SAAS;wBAC1BJ,UAAUS;;;8BAGd,KAACnB;oBAAK+B,MAAM;wBAAEC,IAAI;wBAAGC,IAAI;oBAAE;8BACzB,cAAA,KAAC5B;wBAAiB6B,SAASb;;;;;;AAKrC"}

package/lib/components/Filters.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/components/Filters.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Filters.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 { InputLabel, Stack, useTheme } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { LabelFilter } from '../utils/types';\nimport { FilterItem } from './FilterItem';\nimport { AddFilterItem } from './AddFilterItem';\n\nexport interface FiltersProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: LabelFilter[];\n  onChange?: (value: LabelFilter[]) => void;\n}\n\nexport function Filters(props: FiltersProps): ReactElement {\n  const theme = useTheme();\n  const { datasource, value, onChange } = props;\n\n  const addFilterItem = () => {\n    const newItem: LabelFilter = { labelName: '', labelValue: '', operator: '=' };\n    const updatedFilters = [...value, newItem];\n    onChange?.(updatedFilters);\n  };\n\n  const updateFilter = (index: number, newValue: LabelFilter) => {\n    const nextFilters = [...value];\n    nextFilters[index] = newValue;\n    onChange?.(nextFilters);\n  };\n\n  const deleteFilter = (index: number) => {\n    const nextFilters = [...value];\n    nextFilters.splice(index, 1);\n    if (nextFilters.length === 0) {\n      onChange?.([{ labelName: '', labelValue: '', operator: '=' }]); // keep at least one empty filter\n    } else {\n      onChange?.(nextFilters);\n    }\n  };\n\n  return (\n    <Stack\n      position=\"relative\"\n      direction=\"row\"\n      spacing={0}\n      sx={{\n        flexWrap: 'wrap',\n        rowGap: 1,\n        gap: 1,\n        padding: '10px',\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: `${theme.shape.borderRadius}px`,\n        '&:hover': {\n          borderColor: theme.palette.text.primary,\n        },\n      }}\n    >\n      <InputLabel\n        shrink\n        sx={{\n          position: 'absolute',\n          top: '-6px',\n          left: '10px',\n          padding: '0 4px',\n          color: theme.palette.text.primary,\n          backgroundColor: theme.palette.background.default,\n          zIndex: 1,\n        }}\n      >\n        Filters\n      </InputLabel>\n      {value.map((filter, index) => (\n        <FilterItem\n          key={`${filter.labelName}:${filter.operator}:${filter.labelValue}`}\n          datasource={datasource}\n          value={filter}\n          onChange={(newValue) => updateFilter(index, newValue)}\n          deleteItem={() => deleteFilter(index)}\n        />\n      ))}\n      <AddFilterItem onClick={addFilterItem} />\n    </Stack>\n  );\n}\n"],"names":["InputLabel","Stack","useTheme","FilterItem","AddFilterItem","Filters","props","theme","datasource","value","onChange","addFilterItem","newItem","labelName","labelValue","operator","updatedFilters","updateFilter","index","newValue","nextFilters","deleteFilter","splice","length","position","direction","spacing","sx","flexWrap","rowGap","gap","padding","border","palette","action","disabled","borderRadius","shape","borderColor","text","primary","shrink","top","left","color","backgroundColor","background","default","zIndex","map","filter","deleteItem","onClick"],"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,UAAU,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,gBAAgB;AAG5D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,kBAAkB;AAQhD,OAAO,SAASC,QAAQC,KAAmB;IACzC,MAAMC,QAAQL;IACd,MAAM,EAAEM,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAExC,MAAMK,gBAAgB;QACpB,MAAMC,UAAuB;YAAEC,WAAW;YAAIC,YAAY;YAAIC,UAAU;QAAI;QAC5E,MAAMC,iBAAiB;eAAIP;YAAOG;SAAQ;QAC1CF,WAAWM;IACb;IAEA,MAAMC,eAAe,CAACC,OAAeC;QACnC,MAAMC,cAAc;eAAIX;SAAM;QAC9BW,WAAW,CAACF,MAAM,GAAGC;QACrBT,WAAWU;IACb;IAEA,MAAMC,eAAe,CAACH;QACpB,MAAME,cAAc;eAAIX;SAAM;QAC9BW,YAAYE,MAAM,CAACJ,OAAO;QAC1B,IAAIE,YAAYG,MAAM,KAAK,GAAG;YAC5Bb,WAAW;gBAAC;oBAAEG,WAAW;oBAAIC,YAAY;oBAAIC,UAAU;gBAAI;aAAE,GAAG,iCAAiC;QACnG,OAAO;YACLL,WAAWU;QACb;IACF;IAEA,qBACE,MAACnB;QACCuB,UAAS;QACTC,WAAU;QACVC,SAAS;QACTC,IAAI;YACFC,UAAU;YACVC,QAAQ;YACRC,KAAK;YACLC,SAAS;YACTC,QAAQ,CAAC,UAAU,EAAEzB,MAAM0B,OAAO,CAACC,MAAM,CAACC,QAAQ,EAAE;YACpDC,cAAc,GAAG7B,MAAM8B,KAAK,CAACD,YAAY,CAAC,EAAE,CAAC;YAC7C,WAAW;gBACTE,aAAa/B,MAAM0B,OAAO,CAACM,IAAI,CAACC,OAAO;YACzC;QACF;;0BAEA,KAACxC;gBACCyC,MAAM;gBACNd,IAAI;oBACFH,UAAU;oBACVkB,KAAK;oBACLC,MAAM;oBACNZ,SAAS;oBACTa,OAAOrC,MAAM0B,OAAO,CAACM,IAAI,CAACC,OAAO;oBACjCK,iBAAiBtC,MAAM0B,OAAO,CAACa,UAAU,CAACC,OAAO;oBACjDC,QAAQ;gBACV;0BACD;;YAGAvC,MAAMwC,GAAG,CAAC,CAACC,QAAQhC,sBAClB,KAACf;oBAECK,YAAYA;oBACZC,OAAOyC;oBACPxC,UAAU,CAACS,WAAaF,aAAaC,OAAOC;oBAC5CgC,YAAY,IAAM9B,aAAaH;mBAJ1B,GAAGgC,OAAOrC,SAAS,CAAC,CAAC,EAAEqC,OAAOnC,QAAQ,CAAC,CAAC,EAAEmC,OAAOpC,UAAU,EAAE;0BAOtE,KAACV;gBAAcgD,SAASzC;;;;AAG9B"}
+{"version":3,"sources":["../../../src/components/Filters.tsx"],"sourcesContent":["// Copyright 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 { InputLabel, Stack, useTheme } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { LabelFilter } from '../utils/types';\nimport { FilterItem } from './FilterItem';\nimport { AddFilterItem } from './AddFilterItem';\n\nexport interface FiltersProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: LabelFilter[];\n  onChange?: (value: LabelFilter[]) => void;\n}\n\nexport function Filters(props: FiltersProps): ReactElement {\n  const theme = useTheme();\n  const { datasource, value, onChange } = props;\n\n  const addFilterItem = () => {\n    const newItem: LabelFilter = { labelName: '', labelValue: '', operator: '=' };\n    const updatedFilters = [...value, newItem];\n    onChange?.(updatedFilters);\n  };\n\n  const updateFilter = (index: number, newValue: LabelFilter) => {\n    const nextFilters = [...value];\n    nextFilters[index] = newValue;\n    onChange?.(nextFilters);\n  };\n\n  const deleteFilter = (index: number) => {\n    const nextFilters = [...value];\n    nextFilters.splice(index, 1);\n    if (nextFilters.length === 0) {\n      onChange?.([{ labelName: '', labelValue: '', operator: '=' }]); // keep at least one empty filter\n    } else {\n      onChange?.(nextFilters);\n    }\n  };\n\n  return (\n    <Stack\n      position=\"relative\"\n      direction=\"row\"\n      spacing={0}\n      sx={{\n        flexWrap: 'wrap',\n        rowGap: 1,\n        gap: 1,\n        padding: '10px',\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: `${theme.shape.borderRadius}px`,\n        '&:hover': {\n          borderColor: theme.palette.text.primary,\n        },\n      }}\n    >\n      <InputLabel\n        shrink\n        sx={{\n          position: 'absolute',\n          top: '-6px',\n          left: '10px',\n          padding: '0 4px',\n          color: theme.palette.text.primary,\n          backgroundColor: theme.palette.background.default,\n          zIndex: 1,\n        }}\n      >\n        Filters\n      </InputLabel>\n      {value.map((filter, index) => (\n        <FilterItem\n          key={`${filter.labelName}:${filter.operator}:${filter.labelValue}`}\n          datasource={datasource}\n          value={filter}\n          onChange={(newValue) => updateFilter(index, newValue)}\n          deleteItem={() => deleteFilter(index)}\n        />\n      ))}\n      <AddFilterItem onClick={addFilterItem} />\n    </Stack>\n  );\n}\n"],"names":["InputLabel","Stack","useTheme","FilterItem","AddFilterItem","Filters","props","theme","datasource","value","onChange","addFilterItem","newItem","labelName","labelValue","operator","updatedFilters","updateFilter","index","newValue","nextFilters","deleteFilter","splice","length","position","direction","spacing","sx","flexWrap","rowGap","gap","padding","border","palette","action","disabled","borderRadius","shape","borderColor","text","primary","shrink","top","left","color","backgroundColor","background","default","zIndex","map","filter","deleteItem","onClick"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,UAAU,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,gBAAgB;AAG5D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,kBAAkB;AAQhD,OAAO,SAASC,QAAQC,KAAmB;IACzC,MAAMC,QAAQL;IACd,MAAM,EAAEM,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAExC,MAAMK,gBAAgB;QACpB,MAAMC,UAAuB;YAAEC,WAAW;YAAIC,YAAY;YAAIC,UAAU;QAAI;QAC5E,MAAMC,iBAAiB;eAAIP;YAAOG;SAAQ;QAC1CF,WAAWM;IACb;IAEA,MAAMC,eAAe,CAACC,OAAeC;QACnC,MAAMC,cAAc;eAAIX;SAAM;QAC9BW,WAAW,CAACF,MAAM,GAAGC;QACrBT,WAAWU;IACb;IAEA,MAAMC,eAAe,CAACH;QACpB,MAAME,cAAc;eAAIX;SAAM;QAC9BW,YAAYE,MAAM,CAACJ,OAAO;QAC1B,IAAIE,YAAYG,MAAM,KAAK,GAAG;YAC5Bb,WAAW;gBAAC;oBAAEG,WAAW;oBAAIC,YAAY;oBAAIC,UAAU;gBAAI;aAAE,GAAG,iCAAiC;QACnG,OAAO;YACLL,WAAWU;QACb;IACF;IAEA,qBACE,MAACnB;QACCuB,UAAS;QACTC,WAAU;QACVC,SAAS;QACTC,IAAI;YACFC,UAAU;YACVC,QAAQ;YACRC,KAAK;YACLC,SAAS;YACTC,QAAQ,CAAC,UAAU,EAAEzB,MAAM0B,OAAO,CAACC,MAAM,CAACC,QAAQ,EAAE;YACpDC,cAAc,GAAG7B,MAAM8B,KAAK,CAACD,YAAY,CAAC,EAAE,CAAC;YAC7C,WAAW;gBACTE,aAAa/B,MAAM0B,OAAO,CAACM,IAAI,CAACC,OAAO;YACzC;QACF;;0BAEA,KAACxC;gBACCyC,MAAM;gBACNd,IAAI;oBACFH,UAAU;oBACVkB,KAAK;oBACLC,MAAM;oBACNZ,SAAS;oBACTa,OAAOrC,MAAM0B,OAAO,CAACM,IAAI,CAACC,OAAO;oBACjCK,iBAAiBtC,MAAM0B,OAAO,CAACa,UAAU,CAACC,OAAO;oBACjDC,QAAQ;gBACV;0BACD;;YAGAvC,MAAMwC,GAAG,CAAC,CAACC,QAAQhC,sBAClB,KAACf;oBAECK,YAAYA;oBACZC,OAAOyC;oBACPxC,UAAU,CAACS,WAAaF,aAAaC,OAAOC;oBAC5CgC,YAAY,IAAM9B,aAAaH;mBAJ1B,GAAGgC,OAAOrC,SAAS,CAAC,CAAC,EAAEqC,OAAOnC,QAAQ,CAAC,CAAC,EAAEmC,OAAOpC,UAAU,EAAE;0BAOtE,KAACV;gBAAcgD,SAASzC;;;;AAG9B"}

package/lib/components/LabelName.js

@@ -1,4 +1,5 @@
-// Copyright 2025 The Perses Authors
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 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.
 // You may obtain a copy of the License at
@@ -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 { useMemo } from 'react';
 import { TextField, Autocomplete } from '@mui/material';
 import { useLabelNames, filterLabelNamesOptions } from '../utils/use-query';

package/lib/components/LabelName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LabelName.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, useMemo } from 'react';\nimport { TextField, Autocomplete } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { useLabelNames, filterLabelNamesOptions } from '../utils/use-query';\n\nexport interface LabelNameProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: string;\n  onChange?(value: string): void;\n}\n\nexport function LabelName(props: LabelNameProps): ReactElement {\n  const { datasource, value, onChange } = props;\n\n  const { data: labelNamesOptions, isLoading: isLabelNamesOptionsLoading } = useLabelNames(datasource);\n\n  const filteredLabelNamesOptions = useMemo(\n    () => filterLabelNamesOptions(labelNamesOptions?.names ?? []),\n    [labelNamesOptions]\n  );\n\n  return (\n    <Autocomplete\n      disableClearable\n      options={filteredLabelNamesOptions}\n      value={value}\n      sx={(theme) => ({\n        width: '100%',\n        '& .MuiOutlinedInput-root': {\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          [theme.breakpoints.down('sm')]: {\n            borderBottomLeftRadius: 0,\n          },\n        },\n      })}\n      loading={isLabelNamesOptionsLoading}\n      renderInput={(params) => {\n        return <TextField {...params} placeholder=\"Select label name\" size=\"small\" />;\n      }}\n      onChange={(_event, newValue) => {\n        if (newValue !== null) {\n          onChange?.(newValue);\n        }\n      }}\n    />\n  );\n}\n"],"names":["useMemo","TextField","Autocomplete","useLabelNames","filterLabelNamesOptions","LabelName","props","datasource","value","onChange","data","labelNamesOptions","isLoading","isLabelNamesOptionsLoading","filteredLabelNamesOptions","names","disableClearable","options","sx","theme","width","borderTopRightRadius","borderBottomRightRadius","breakpoints","down","borderBottomLeftRadius","loading","renderInput","params","placeholder","size","_event","newValue"],"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,SAAuBA,OAAO,QAAQ,QAAQ;AAC9C,SAASC,SAAS,EAAEC,YAAY,QAAQ,gBAAgB;AAExD,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,qBAAqB;AAQ5E,OAAO,SAASC,UAAUC,KAAqB;IAC7C,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAExC,MAAM,EAAEI,MAAMC,iBAAiB,EAAEC,WAAWC,0BAA0B,EAAE,GAAGV,cAAcI;IAEzF,MAAMO,4BAA4Bd,QAChC,IAAMI,wBAAwBO,mBAAmBI,SAAS,EAAE,GAC5D;QAACJ;KAAkB;IAGrB,qBACE,KAACT;QACCc,gBAAgB;QAChBC,SAASH;QACTN,OAAOA;QACPU,IAAI,CAACC,QAAW,CAAA;gBACdC,OAAO;gBACP,4BAA4B;oBAC1BC,sBAAsB;oBACtBC,yBAAyB;oBACzB,CAACH,MAAMI,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;wBAC9BC,wBAAwB;oBAC1B;gBACF;YACF,CAAA;QACAC,SAASb;QACTc,aAAa,CAACC;YACZ,qBAAO,KAAC3B;gBAAW,GAAG2B,MAAM;gBAAEC,aAAY;gBAAoBC,MAAK;;QACrE;QACArB,UAAU,CAACsB,QAAQC;YACjB,IAAIA,aAAa,MAAM;gBACrBvB,WAAWuB;YACb;QACF;;AAGN"}
+{"version":3,"sources":["../../../src/components/LabelName.tsx"],"sourcesContent":["// Copyright 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, useMemo } from 'react';\nimport { TextField, Autocomplete } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { useLabelNames, filterLabelNamesOptions } from '../utils/use-query';\n\nexport interface LabelNameProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: string;\n  onChange?(value: string): void;\n}\n\nexport function LabelName(props: LabelNameProps): ReactElement {\n  const { datasource, value, onChange } = props;\n\n  const { data: labelNamesOptions, isLoading: isLabelNamesOptionsLoading } = useLabelNames(datasource);\n\n  const filteredLabelNamesOptions = useMemo(\n    () => filterLabelNamesOptions(labelNamesOptions?.names ?? []),\n    [labelNamesOptions]\n  );\n\n  return (\n    <Autocomplete\n      disableClearable\n      options={filteredLabelNamesOptions}\n      value={value}\n      sx={(theme) => ({\n        width: '100%',\n        '& .MuiOutlinedInput-root': {\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          [theme.breakpoints.down('sm')]: {\n            borderBottomLeftRadius: 0,\n          },\n        },\n      })}\n      loading={isLabelNamesOptionsLoading}\n      renderInput={(params) => {\n        return <TextField {...params} placeholder=\"Select label name\" size=\"small\" />;\n      }}\n      onChange={(_event, newValue) => {\n        if (newValue !== null) {\n          onChange?.(newValue);\n        }\n      }}\n    />\n  );\n}\n"],"names":["useMemo","TextField","Autocomplete","useLabelNames","filterLabelNamesOptions","LabelName","props","datasource","value","onChange","data","labelNamesOptions","isLoading","isLabelNamesOptionsLoading","filteredLabelNamesOptions","names","disableClearable","options","sx","theme","width","borderTopRightRadius","borderBottomRightRadius","breakpoints","down","borderBottomLeftRadius","loading","renderInput","params","placeholder","size","_event","newValue"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAuBA,OAAO,QAAQ,QAAQ;AAC9C,SAASC,SAAS,EAAEC,YAAY,QAAQ,gBAAgB;AAExD,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,qBAAqB;AAQ5E,OAAO,SAASC,UAAUC,KAAqB;IAC7C,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAExC,MAAM,EAAEI,MAAMC,iBAAiB,EAAEC,WAAWC,0BAA0B,EAAE,GAAGV,cAAcI;IAEzF,MAAMO,4BAA4Bd,QAChC,IAAMI,wBAAwBO,mBAAmBI,SAAS,EAAE,GAC5D;QAACJ;KAAkB;IAGrB,qBACE,KAACT;QACCc,gBAAgB;QAChBC,SAASH;QACTN,OAAOA;QACPU,IAAI,CAACC,QAAW,CAAA;gBACdC,OAAO;gBACP,4BAA4B;oBAC1BC,sBAAsB;oBACtBC,yBAAyB;oBACzB,CAACH,MAAMI,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;wBAC9BC,wBAAwB;oBAC1B;gBACF;YACF,CAAA;QACAC,SAASb;QACTc,aAAa,CAACC;YACZ,qBAAO,KAAC3B;gBAAW,GAAG2B,MAAM;gBAAEC,aAAY;gBAAoBC,MAAK;;QACrE;QACArB,UAAU,CAACsB,QAAQC;YACjB,IAAIA,aAAa,MAAM;gBACrBvB,WAAWuB;YACb;QACF;;AAGN"}

package/lib/components/LabelValue.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/components/LabelValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LabelValue.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 { TextField, Autocomplete } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { useLabelValues } from '../utils/use-query';\n\nexport interface LabelValueProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: string;\n  labelName: string;\n  onChange?(value: string): void;\n}\n\nexport function LabelValue(props: LabelValueProps): ReactElement {\n  const { datasource, value, labelName, onChange } = props;\n\n  const { data: labelValuesOptions, isLoading: isLabelValuesOptionsLoading } = useLabelValues(datasource, labelName);\n\n  return (\n    <Autocomplete\n      freeSolo\n      disableClearable\n      options={labelValuesOptions?.names ?? []}\n      value={value}\n      sx={(theme) => ({\n        width: '100%',\n        '& .MuiOutlinedInput-root': {\n          borderRadius: 0,\n          width: '100%',\n          [theme.breakpoints.down('sm')]: {\n            borderBottomLeftRadius: 4,\n          },\n        },\n      })}\n      loading={isLabelValuesOptionsLoading}\n      renderInput={(params) => {\n        return <TextField {...params} placeholder=\"Select label value\" size=\"small\" />;\n      }}\n      onChange={(_event, newInputValue) => {\n        if (newInputValue !== null) {\n          onChange?.(newInputValue);\n        }\n      }}\n    />\n  );\n}\n"],"names":["TextField","Autocomplete","useLabelValues","LabelValue","props","datasource","value","labelName","onChange","data","labelValuesOptions","isLoading","isLabelValuesOptionsLoading","freeSolo","disableClearable","options","names","sx","theme","width","borderRadius","breakpoints","down","borderBottomLeftRadius","loading","renderInput","params","placeholder","size","_event","newInputValue"],"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,SAAS,EAAEC,YAAY,QAAQ,gBAAgB;AAExD,SAASC,cAAc,QAAQ,qBAAqB;AASpD,OAAO,SAASC,WAAWC,KAAsB;IAC/C,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGJ;IAEnD,MAAM,EAAEK,MAAMC,kBAAkB,EAAEC,WAAWC,2BAA2B,EAAE,GAAGV,eAAeG,YAAYE;IAExG,qBACE,KAACN;QACCY,QAAQ;QACRC,gBAAgB;QAChBC,SAASL,oBAAoBM,SAAS,EAAE;QACxCV,OAAOA;QACPW,IAAI,CAACC,QAAW,CAAA;gBACdC,OAAO;gBACP,4BAA4B;oBAC1BC,cAAc;oBACdD,OAAO;oBACP,CAACD,MAAMG,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;wBAC9BC,wBAAwB;oBAC1B;gBACF;YACF,CAAA;QACAC,SAASZ;QACTa,aAAa,CAACC;YACZ,qBAAO,KAAC1B;gBAAW,GAAG0B,MAAM;gBAAEC,aAAY;gBAAqBC,MAAK;;QACtE;QACApB,UAAU,CAACqB,QAAQC;YACjB,IAAIA,kBAAkB,MAAM;gBAC1BtB,WAAWsB;YACb;QACF;;AAGN"}
+{"version":3,"sources":["../../../src/components/LabelValue.tsx"],"sourcesContent":["// Copyright 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 { TextField, Autocomplete } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { useLabelValues } from '../utils/use-query';\n\nexport interface LabelValueProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: string;\n  labelName: string;\n  onChange?(value: string): void;\n}\n\nexport function LabelValue(props: LabelValueProps): ReactElement {\n  const { datasource, value, labelName, onChange } = props;\n\n  const { data: labelValuesOptions, isLoading: isLabelValuesOptionsLoading } = useLabelValues(datasource, labelName);\n\n  return (\n    <Autocomplete\n      freeSolo\n      disableClearable\n      options={labelValuesOptions?.names ?? []}\n      value={value}\n      sx={(theme) => ({\n        width: '100%',\n        '& .MuiOutlinedInput-root': {\n          borderRadius: 0,\n          width: '100%',\n          [theme.breakpoints.down('sm')]: {\n            borderBottomLeftRadius: 4,\n          },\n        },\n      })}\n      loading={isLabelValuesOptionsLoading}\n      renderInput={(params) => {\n        return <TextField {...params} placeholder=\"Select label value\" size=\"small\" />;\n      }}\n      onChange={(_event, newInputValue) => {\n        if (newInputValue !== null) {\n          onChange?.(newInputValue);\n        }\n      }}\n    />\n  );\n}\n"],"names":["TextField","Autocomplete","useLabelValues","LabelValue","props","datasource","value","labelName","onChange","data","labelValuesOptions","isLoading","isLabelValuesOptionsLoading","freeSolo","disableClearable","options","names","sx","theme","width","borderRadius","breakpoints","down","borderBottomLeftRadius","loading","renderInput","params","placeholder","size","_event","newInputValue"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,SAAS,EAAEC,YAAY,QAAQ,gBAAgB;AAExD,SAASC,cAAc,QAAQ,qBAAqB;AASpD,OAAO,SAASC,WAAWC,KAAsB;IAC/C,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGJ;IAEnD,MAAM,EAAEK,MAAMC,kBAAkB,EAAEC,WAAWC,2BAA2B,EAAE,GAAGV,eAAeG,YAAYE;IAExG,qBACE,KAACN;QACCY,QAAQ;QACRC,gBAAgB;QAChBC,SAASL,oBAAoBM,SAAS,EAAE;QACxCV,OAAOA;QACPW,IAAI,CAACC,QAAW,CAAA;gBACdC,OAAO;gBACP,4BAA4B;oBAC1BC,cAAc;oBACdD,OAAO;oBACP,CAACD,MAAMG,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;wBAC9BC,wBAAwB;oBAC1B;gBACF;YACF,CAAA;QACAC,SAASZ;QACTa,aAAa,CAACC;YACZ,qBAAO,KAAC1B;gBAAW,GAAG0B,MAAM;gBAAEC,aAAY;gBAAqBC,MAAK;;QACtE;QACApB,UAAU,CAACqB,QAAQC;YACjB,IAAIA,kBAAkB,MAAM;gBAC1BtB,WAAWsB;YACb;QACF;;AAGN"}

package/lib/components/Operator.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/components/Operator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Operator.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 { Select, MenuItem } from '@mui/material';\n\nexport interface OperatorProps {\n  value: string;\n  onChange?(value: string): void;\n}\n\nexport function Operator(props: OperatorProps): ReactElement {\n  const { value, onChange } = props;\n\n  const operators = ['=', '!=', '=~', '!~'];\n\n  return (\n    <Select\n      sx={(theme) => ({\n        borderRadius: 0,\n        width: '100%',\n        [theme.breakpoints.down('sm')]: {\n          borderTopRightRadius: 4,\n        },\n      })}\n      value={value}\n      size=\"small\"\n      onChange={(event) => onChange?.(event.target.value)}\n    >\n      {operators.map((op) => (\n        <MenuItem key={op} value={op}>\n          {op}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n}\n"],"names":["Select","MenuItem","Operator","props","value","onChange","operators","sx","theme","borderRadius","width","breakpoints","down","borderTopRightRadius","size","event","target","map","op"],"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,MAAM,EAAEC,QAAQ,QAAQ,gBAAgB;AAOjD,OAAO,SAASC,SAASC,KAAoB;IAC3C,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAE5B,MAAMG,YAAY;QAAC;QAAK;QAAM;QAAM;KAAK;IAEzC,qBACE,KAACN;QACCO,IAAI,CAACC,QAAW,CAAA;gBACdC,cAAc;gBACdC,OAAO;gBACP,CAACF,MAAMG,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;oBAC9BC,sBAAsB;gBACxB;YACF,CAAA;QACAT,OAAOA;QACPU,MAAK;QACLT,UAAU,CAACU,QAAUV,WAAWU,MAAMC,MAAM,CAACZ,KAAK;kBAEjDE,UAAUW,GAAG,CAAC,CAACC,mBACd,KAACjB;gBAAkBG,OAAOc;0BACvBA;eADYA;;AAMvB"}
+{"version":3,"sources":["../../../src/components/Operator.tsx"],"sourcesContent":["// Copyright 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 { Select, MenuItem } from '@mui/material';\n\nexport interface OperatorProps {\n  value: string;\n  onChange?(value: string): void;\n}\n\nexport function Operator(props: OperatorProps): ReactElement {\n  const { value, onChange } = props;\n\n  const operators = ['=', '!=', '=~', '!~'];\n\n  return (\n    <Select\n      sx={(theme) => ({\n        borderRadius: 0,\n        width: '100%',\n        [theme.breakpoints.down('sm')]: {\n          borderTopRightRadius: 4,\n        },\n      })}\n      value={value}\n      size=\"small\"\n      onChange={(event) => onChange?.(event.target.value)}\n    >\n      {operators.map((op) => (\n        <MenuItem key={op} value={op}>\n          {op}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n}\n"],"names":["Select","MenuItem","Operator","props","value","onChange","operators","sx","theme","borderRadius","width","breakpoints","down","borderTopRightRadius","size","event","target","map","op"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAGjC,SAASA,MAAM,EAAEC,QAAQ,QAAQ,gBAAgB;AAOjD,OAAO,SAASC,SAASC,KAAoB;IAC3C,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAE5B,MAAMG,YAAY;QAAC;QAAK;QAAM;QAAM;KAAK;IAEzC,qBACE,KAACN;QACCO,IAAI,CAACC,QAAW,CAAA;gBACdC,cAAc;gBACdC,OAAO;gBACP,CAACF,MAAMG,WAAW,CAACC,IAAI,CAAC,MAAM,EAAE;oBAC9BC,sBAAsB;gBACxB;YACF,CAAA;QACAT,OAAOA;QACPU,MAAK;QACLT,UAAU,CAACU,QAAUV,WAAWU,MAAMC,MAAM,CAACZ,KAAK;kBAEjDE,UAAUW,GAAG,CAAC,CAACC,mBACd,KAACjB;gBAAkBG,OAAOc;0BACvBA;eADYA;;AAMvB"}

package/lib/components/ProfileTypeSelector.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/components/ProfileTypeSelector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ProfileTypeSelector.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 } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { useProfileTypes } from '../utils/use-query';\n\nexport interface ProfileTypeSelectorProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: string;\n  onChange?(value: string): void;\n}\n\nexport function ProfileTypeSelector(props: ProfileTypeSelectorProps): ReactElement {\n  const { datasource, value, onChange } = props;\n\n  const { data: profileTypesOptions, isLoading: isProfileTypesOptionsLoading } = useProfileTypes(datasource);\n\n  return (\n    <Stack position=\"relative\" sx={{ width: '100%' }}>\n      <TextField\n        select\n        label=\"Profile Type\"\n        value={value}\n        size=\"small\"\n        onChange={(event) => onChange?.(event.target.value)}\n      >\n        {isProfileTypesOptionsLoading ? (\n          <Stack width=\"100%\" sx={{ alignItems: 'center', justifyContent: 'center' }}>\n            <CircularProgress color=\"inherit\" size={20} />\n          </Stack>\n        ) : (\n          profileTypesOptions?.profileTypes &&\n          profileTypesOptions?.profileTypes.map((type) => (\n            <MenuItem key={type.ID} value={type.ID}>\n              {type.name + '/' + type.sampleType}\n            </MenuItem>\n          ))\n        )}\n      </TextField>\n    </Stack>\n  );\n}\n"],"names":["Stack","TextField","MenuItem","CircularProgress","useProfileTypes","ProfileTypeSelector","props","datasource","value","onChange","data","profileTypesOptions","isLoading","isProfileTypesOptionsLoading","position","sx","width","select","label","size","event","target","alignItems","justifyContent","color","profileTypes","map","type","ID","name","sampleType"],"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,QAAQ,gBAAgB;AAE7E,SAASC,eAAe,QAAQ,qBAAqB;AAQrD,OAAO,SAASC,oBAAoBC,KAA+B;IACjE,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAExC,MAAM,EAAEI,MAAMC,mBAAmB,EAAEC,WAAWC,4BAA4B,EAAE,GAAGT,gBAAgBG;IAE/F,qBACE,KAACP;QAAMc,UAAS;QAAWC,IAAI;YAAEC,OAAO;QAAO;kBAC7C,cAAA,KAACf;YACCgB,MAAM;YACNC,OAAM;YACNV,OAAOA;YACPW,MAAK;YACLV,UAAU,CAACW,QAAUX,WAAWW,MAAMC,MAAM,CAACb,KAAK;sBAEjDK,6CACC,KAACb;gBAAMgB,OAAM;gBAAOD,IAAI;oBAAEO,YAAY;oBAAUC,gBAAgB;gBAAS;0BACvE,cAAA,KAACpB;oBAAiBqB,OAAM;oBAAUL,MAAM;;iBAG1CR,qBAAqBc,gBACrBd,qBAAqBc,aAAaC,IAAI,CAACC,qBACrC,KAACzB;oBAAuBM,OAAOmB,KAAKC,EAAE;8BACnCD,KAAKE,IAAI,GAAG,MAAMF,KAAKG,UAAU;mBADrBH,KAAKC,EAAE;;;AAQlC"}
+{"version":3,"sources":["../../../src/components/ProfileTypeSelector.tsx"],"sourcesContent":["// Copyright 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 } from '@mui/material';\nimport { PyroscopeDatasourceSelector } from '../model';\nimport { useProfileTypes } from '../utils/use-query';\n\nexport interface ProfileTypeSelectorProps {\n  datasource: PyroscopeDatasourceSelector;\n  value: string;\n  onChange?(value: string): void;\n}\n\nexport function ProfileTypeSelector(props: ProfileTypeSelectorProps): ReactElement {\n  const { datasource, value, onChange } = props;\n\n  const { data: profileTypesOptions, isLoading: isProfileTypesOptionsLoading } = useProfileTypes(datasource);\n\n  return (\n    <Stack position=\"relative\" sx={{ width: '100%' }}>\n      <TextField\n        select\n        label=\"Profile Type\"\n        value={value}\n        size=\"small\"\n        onChange={(event) => onChange?.(event.target.value)}\n      >\n        {isProfileTypesOptionsLoading ? (\n          <Stack width=\"100%\" sx={{ alignItems: 'center', justifyContent: 'center' }}>\n            <CircularProgress color=\"inherit\" size={20} />\n          </Stack>\n        ) : (\n          profileTypesOptions?.profileTypes &&\n          profileTypesOptions?.profileTypes.map((type) => (\n            <MenuItem key={type.ID} value={type.ID}>\n              {type.name + '/' + type.sampleType}\n            </MenuItem>\n          ))\n        )}\n      </TextField>\n    </Stack>\n  );\n}\n"],"names":["Stack","TextField","MenuItem","CircularProgress","useProfileTypes","ProfileTypeSelector","props","datasource","value","onChange","data","profileTypesOptions","isLoading","isProfileTypesOptionsLoading","position","sx","width","select","label","size","event","target","alignItems","justifyContent","color","profileTypes","map","type","ID","name","sampleType"],"mappings":"AAAA,+BAA+B;AAC/B,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,QAAQ,gBAAgB;AAE7E,SAASC,eAAe,QAAQ,qBAAqB;AAQrD,OAAO,SAASC,oBAAoBC,KAA+B;IACjE,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAExC,MAAM,EAAEI,MAAMC,mBAAmB,EAAEC,WAAWC,4BAA4B,EAAE,GAAGT,gBAAgBG;IAE/F,qBACE,KAACP;QAAMc,UAAS;QAAWC,IAAI;YAAEC,OAAO;QAAO;kBAC7C,cAAA,KAACf;YACCgB,MAAM;YACNC,OAAM;YACNV,OAAOA;YACPW,MAAK;YACLV,UAAU,CAACW,QAAUX,WAAWW,MAAMC,MAAM,CAACb,KAAK;sBAEjDK,6CACC,KAACb;gBAAMgB,OAAM;gBAAOD,IAAI;oBAAEO,YAAY;oBAAUC,gBAAgB;gBAAS;0BACvE,cAAA,KAACpB;oBAAiBqB,OAAM;oBAAUL,MAAM;;iBAG1CR,qBAAqBc,gBACrBd,qBAAqBc,aAAaC,IAAI,CAACC,qBACrC,KAACzB;oBAAuBM,OAAOmB,KAAKC,EAAE;8BACnCD,KAAKE,IAAI,GAAG,MAAMF,KAAKG,UAAU;mBADrBH,KAAKC,EAAE;;;AAQlC"}

package/lib/components/Service.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

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, 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"}
+{"version":3,"sources":["../../../src/components/Service.tsx"],"sourcesContent":["// Copyright 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,+BAA+B;AAC/B,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/components/index.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"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\nexport * from './ProfileTypeSelector';\nexport * from './Service';\nexport * from './Filters';\n"],"names":[],"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,cAAc,wBAAwB;AACtC,cAAc,YAAY;AAC1B,cAAc,YAAY"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["// Copyright 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\nexport * from './ProfileTypeSelector';\nexport * from './Service';\nexport * from './Filters';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,wBAAwB;AACtC,cAAc,YAAY;AAC1B,cAAc,YAAY"}

package/lib/env.d.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/env.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/env.d.ts"],"sourcesContent":["// Copyright 2024 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\n/// <reference types=\"@rsbuild/core/types\" />\n"],"names":[],"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,6CAA6C"}
+{"version":3,"sources":["../../src/env.d.ts"],"sourcesContent":["// Copyright 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\n/// <reference types=\"@rsbuild/core/types\" />\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,6CAA6C"}

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;AAiCrC,wBAAgB,iBAAiB,IAAI,YAAY,CA8BhD"}
+{"version":3,"file":"PyroscopeExplorer.d.ts","sourceRoot":"","sources":["../../../src/explore/PyroscopeExplorer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAiC/C,wBAAgB,iBAAiB,IAAI,YAAY,CAiChD"}

package/lib/explore/PyroscopeExplorer.js

@@ -1,4 +1,5 @@
-// Copyright 2025 The Perses Authors
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright 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.
 // You may obtain a copy of the License at
@@ -10,8 +11,8 @@
 // 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 { Box, Stack } from '@mui/material';
+import { useState } from 'react';
 import { DataQueriesProvider, MultiQueryEditor } from '@perses-dev/plugin-system';
 import { Panel } from '@perses-dev/dashboards';
 import { useExplorerManagerContext } from '@perses-dev/explore';
@@ -45,6 +46,7 @@ function FlameGraphPanel({ queries }) {
 }
 export function PyroscopeExplorer() {
     const { data: { queries = [] }, setData } = useExplorerManagerContext();
+    const [queryDefinitions, setQueryDefinitions] = useState(queries);
     // map ProfileQueryDefinition to Definition<UnknownSpec>
     const definitions = queries.length ? queries.map((query)=>{
         return {
@@ -62,10 +64,11 @@ export function PyroscopeExplorer() {
                 queryTypes: [
                     'ProfileQuery'
                 ],
-                onChange: (newQueries)=>setData({
-                        queries: newQueries
-                    }),
-                queries: queries
+                onChange: (state)=>setQueryDefinitions(state),
+                queries: queryDefinitions,
+                onQueryRun: ()=>setData({
+                        queries: queryDefinitions
+                    })
             }),
             /*#__PURE__*/ _jsx(DataQueriesProvider, {
                 definitions: definitions,

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  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"}
+{"version":3,"sources":["../../../src/explore/PyroscopeExplorer.tsx"],"sourcesContent":["// Copyright 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, useState } 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  const [queryDefinitions, setQueryDefinitions] = useState<QueryDefinition[]>(queries);\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={(state) => setQueryDefinitions(state)}\n        queries={queryDefinitions}\n        onQueryRun={() => setData({ queries: queryDefinitions })}\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","useState","DataQueriesProvider","MultiQueryEditor","Panel","useExplorerManagerContext","initialSpec","palette","showSettings","showSeries","showTable","showFlameGraph","traceHeight","FlameGraphPanel","queries","panelOptions","hideHeader","definition","kind","spec","display","name","plugin","PyroscopeExplorer","data","setData","queryDefinitions","setQueryDefinitions","definitions","length","map","query","gap","sx","width","queryTypes","onChange","state","onQueryRun","height"],"mappings":";AAAA,+BAA+B;AAC/B,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;AAC3C,SAAuBC,QAAQ,QAAQ,QAAQ;AAC/C,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,MAAM,CAACqB,kBAAkBC,oBAAoB,GAAG1B,SAA4Ba;IAE5E,wDAAwD;IACxD,MAAMc,cAAcd,QAAQe,MAAM,GAC9Bf,QAAQgB,GAAG,CAAC,CAACC;QACX,OAAO;YACLb,MAAMa,MAAMZ,IAAI,CAACG,MAAM,CAACJ,IAAI;YAC5BC,MAAMY,MAAMZ,IAAI,CAACG,MAAM,CAACH,IAAI;QAC9B;IACF,KACA,EAAE;IAEN,qBACE,MAACnB;QAAMgC,KAAK;QAAGC,IAAI;YAAEC,OAAO;QAAO;;0BACjC,KAAC/B;gBACCgC,YAAY;oBAAC;iBAAe;gBAC5BC,UAAU,CAACC,QAAUV,oBAAoBU;gBACzCvB,SAASY;gBACTY,YAAY,IAAMb,QAAQ;wBAAEX,SAASY;oBAAiB;;0BAExD,KAACxB;gBAAoB0B,aAAaA;0BAChC,cAAA,KAAC7B;oBAAIwC,QAAQ;8BACX,cAAA,KAAC1B;wBAAgBC,SAASA;;;;;;AAKpC"}

package/lib/explore/index.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/explore/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/explore/index.ts"],"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\nexport * from './PyroscopeExplorer';\n"],"names":[],"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,cAAc,sBAAsB"}
+{"version":3,"sources":["../../../src/explore/index.ts"],"sourcesContent":["// Copyright 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\nexport * from './PyroscopeExplorer';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,sBAAsB"}

package/lib/getPluginModule.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/getPluginModule.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/getPluginModule.ts"],"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 { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\nimport packageJson from '../package.json';\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","getPluginModule","name","version","perses","kind","metadata","spec"],"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,OAAOA,iBAAiB,kBAAkB;AAE1C;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAClC,OAAO;QACLK,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}
+{"version":3,"sources":["../../src/getPluginModule.ts"],"sourcesContent":["// Copyright 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 { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\nimport packageJson from '../package.json';\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","getPluginModule","name","version","perses","kind","metadata","spec"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,iBAAiB,kBAAkB;AAE1C;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAClC,OAAO;QACLK,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}

package/lib/index-federation.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at

package/lib/index-federation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index-federation.ts"],"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('./bootstrap');\n"],"names":[],"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,MAAM,CAAC"}
+{"version":3,"sources":["../../src/index-federation.ts"],"sourcesContent":["// Copyright 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('./bootstrap');\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,MAAM,CAAC"}

package/lib/index.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright 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.
 // You may obtain a copy of the License at