@parca/profile 0.19.142 → 0.19.143

package/dist/ProfileSelector/index.js

@@ -29,7 +29,8 @@ import { c as _c } from "react-compiler-runtime";
 // limitations under the License.
 
 import { useCallback, useMemo, useRef, useState } from 'react';
-import { DateTimeRange, IconButton, useGrpcMetadata, useParcaContext, useURLState, useURLStateBatch } from '@parca/components';
+import { useQueryState as useNuqsQueryState } from 'nuqs';
+import { DateTimeRange, IconButton, useGrpcMetadata, useParcaContext } from '@parca/components';
 import { CloseIcon } from '@parca/icons';
 import { Query } from '@parca/parser';
 import { TEST_IDS, testId } from '@parca/test-utils';
@@ -38,6 +39,7 @@ import { useProfileFilters } from '../ProfileView/components/ProfileFilters/useP
 import { QueryControls } from '../QueryControls';
 import { LabelsQueryProvider, useLabelsQueryProvider } from '../contexts/LabelsQueryProvider';
 import { UnifiedLabelsProvider } from '../contexts/UnifiedLabelsContext';
+import { stringParam } from '../hooks/urlParsers';
 import { useLabelNames } from '../hooks/useLabels';
 import { useQueryState } from '../hooks/useQueryState';
 import useGrpcQuery from '../useGrpcQuery';
@@ -165,7 +167,6 @@ var ProfileSelector = function ProfileSelector(t0) {
     closeProfile = t0.closeProfile,
     enforcedProfileName = t0.enforcedProfileName,
     comparing = t0.comparing,
-    navigateTo = t0.navigateTo,
     t1 = t0.showMetricsGraph,
     t2 = t0.showSumBySelector,
     t3 = t0.showProfileTypeSelector,
@@ -178,41 +179,51 @@ var ProfileSelector = function ProfileSelector(t0) {
   var _useParcaContext = useParcaContext(),
     externalProfilerComponent = _useParcaContext.externalProfilerComponent,
     additionalMetricsGraph = _useParcaContext.additionalMetricsGraph;
-  var _useURLState = useURLState("query_browser_mode"),
-    _useURLState2 = _slicedToArray(_useURLState, 2),
-    queryBrowserMode = _useURLState2[0],
-    setQueryBrowserMode = _useURLState2[1];
-  var batchUpdates = useURLStateBatch();
+  var _useNuqsQueryState = useNuqsQueryState("query_browser_mode", stringParam),
+    _useNuqsQueryState2 = _slicedToArray(_useNuqsQueryState, 2),
+    queryBrowserMode = _useNuqsQueryState2[0],
+    setRawQueryBrowserMode = _useNuqsQueryState2[1];
+  var t4;
+  if ($[0] !== setRawQueryBrowserMode) {
+    t4 = function t4(mode) {
+      setRawQueryBrowserMode(mode);
+    };
+    $[0] = setRawQueryBrowserMode;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  var setQueryBrowserMode = t4;
   var profileFilterDefaults = externalProfilerComponent === null || externalProfilerComponent === void 0 ? void 0 : externalProfilerComponent.profileFilterDefaults;
   var _useProfileFilters = useProfileFilters(),
     forceApplyFilters = _useProfileFilters.forceApplyFilters;
-  var t4;
-  if ($[0] !== forceApplyFilters || $[1] !== profileFilterDefaults) {
-    t4 = function t4() {
+  var t5;
+  if ($[2] !== forceApplyFilters || $[3] !== profileFilterDefaults) {
+    t5 = function t5() {
       if (profileFilterDefaults != null && profileFilterDefaults.length > 0) {
         forceApplyFilters(profileFilterDefaults);
       }
     };
-    $[0] = forceApplyFilters;
-    $[1] = profileFilterDefaults;
-    $[2] = t4;
+    $[2] = forceApplyFilters;
+    $[3] = profileFilterDefaults;
+    $[4] = t5;
   } else {
-    t4 = $[2];
+    t5 = $[4];
   }
-  var handleProfileTypeChange = t4;
-  var t5;
-  if ($[3] !== handleProfileTypeChange || $[4] !== suffix) {
-    t5 = {
+  var handleProfileTypeChange = t5;
+  var t6;
+  if ($[5] !== handleProfileTypeChange || $[6] !== suffix) {
+    t6 = {
       suffix: suffix,
       onProfileTypeChange: handleProfileTypeChange
     };
-    $[3] = handleProfileTypeChange;
-    $[4] = suffix;
-    $[5] = t5;
+    $[5] = handleProfileTypeChange;
+    $[6] = suffix;
+    $[7] = t6;
   } else {
-    t5 = $[5];
+    t6 = $[7];
   }
-  var _useQueryState = useQueryState(t5),
+  var _useQueryState = useQueryState(t6),
     querySelection = _useQueryState.querySelection,
     draftSelection = _useQueryState.draftSelection,
     setDraftExpression = _useQueryState.setDraftExpression,
@@ -225,17 +236,17 @@ var ProfileSelector = function ProfileSelector(t0) {
     setProfileSelection = _useQueryState.setProfileSelection,
     sumByLoading = _useQueryState.sumByLoading,
     draftParsedQuery = _useQueryState.draftParsedQuery;
-  var t6;
-  if ($[6] !== draftSelection.from || $[7] !== draftSelection.timeSelection || $[8] !== draftSelection.to) {
-    t6 = DateTimeRange.fromRangeKey(draftSelection.timeSelection, draftSelection.from, draftSelection.to);
-    $[6] = draftSelection.from;
-    $[7] = draftSelection.timeSelection;
-    $[8] = draftSelection.to;
-    $[9] = t6;
+  var t7;
+  if ($[8] !== draftSelection.from || $[9] !== draftSelection.timeSelection || $[10] !== draftSelection.to) {
+    t7 = DateTimeRange.fromRangeKey(draftSelection.timeSelection, draftSelection.from, draftSelection.to);
+    $[8] = draftSelection.from;
+    $[9] = draftSelection.timeSelection;
+    $[10] = draftSelection.to;
+    $[11] = t7;
   } else {
-    t6 = $[9];
+    t7 = $[11];
   }
-  var _useState = useState(t6),
+  var _useState = useState(t7),
     _useState2 = _slicedToArray(_useState, 2),
     timeRangeSelection = _useState2[0],
     setTimeRangeSelection = _useState2[1];
@@ -265,69 +276,69 @@ var ProfileSelector = function ProfileSelector(t0) {
     _useState10 = _slicedToArray(_useState1, 2),
     advancedModeForQueryBrowser = _useState10[0],
     setAdvancedModeForQueryBrowser = _useState10[1];
-  var t7;
-  if ($[10] !== setDraftTimeRange) {
-    t7 = function t7(range) {
+  var t8;
+  if ($[12] !== setDraftTimeRange) {
+    t8 = function t8(range) {
       setTimeRangeSelection(range);
       setDraftTimeRange(range.getFromMs(), range.getToMs(), range.getRangeKey());
     };
-    $[10] = setDraftTimeRange;
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  var handleTimeRangeChange = t7;
-  var t8;
-  if ($[12] !== queryExpressionString) {
-    t8 = Query.parse(queryExpressionString).profileType();
-    $[12] = queryExpressionString;
+    $[12] = setDraftTimeRange;
     $[13] = t8;
   } else {
     t8 = $[13];
   }
-  var profileType = t8;
+  var handleTimeRangeChange = t8;
   var t9;
-  if ($[14] !== timeRangeSelection) {
-    t9 = timeRangeSelection.getFromMs();
-    $[14] = timeRangeSelection;
+  if ($[14] !== queryExpressionString) {
+    t9 = Query.parse(queryExpressionString).profileType();
+    $[14] = queryExpressionString;
     $[15] = t9;
   } else {
     t9 = $[15];
   }
-  var from = t9;
+  var profileType = t9;
   var t10;
   if ($[16] !== timeRangeSelection) {
-    t10 = timeRangeSelection.getToMs();
+    t10 = timeRangeSelection.getFromMs();
     $[16] = timeRangeSelection;
     $[17] = t10;
   } else {
     t10 = $[17];
   }
-  var to = t10;
-  var _useProfileTypes = useProfileTypes(queryClient, from, to),
-    profileTypesLoading = _useProfileTypes.loading,
-    profileTypesData = _useProfileTypes.data,
-    error = _useProfileTypes.error;
+  var from = t10;
   var t11;
-  if ($[18] !== profileType) {
-    t11 = profileType.toString();
-    $[18] = profileType;
+  if ($[18] !== timeRangeSelection) {
+    t11 = timeRangeSelection.getToMs();
+    $[18] = timeRangeSelection;
     $[19] = t11;
   } else {
     t11 = $[19];
   }
-  var _useLabelNames = useLabelNames(queryClient, t11, from, to),
-    result = _useLabelNames.result;
+  var to = t11;
+  var _useProfileTypes = useProfileTypes(queryClient, from, to),
+    profileTypesLoading = _useProfileTypes.loading,
+    profileTypesData = _useProfileTypes.data,
+    error = _useProfileTypes.error;
   var t12;
-  if ($[20] !== result.response) {
-    var _result$response;
-    t12 = ((_result$response = result.response) === null || _result$response === void 0 ? void 0 : _result$response.labelNames) === undefined ? [] : result.response.labelNames;
-    $[20] = result.response;
+  if ($[20] !== profileType) {
+    t12 = profileType.toString();
+    $[20] = profileType;
     $[21] = t12;
   } else {
     t12 = $[21];
   }
-  var labels = t12;
+  var _useLabelNames = useLabelNames(queryClient, t12, from, to),
+    result = _useLabelNames.result;
+  var t13;
+  if ($[22] !== result.response) {
+    var _result$response;
+    t13 = ((_result$response = result.response) === null || _result$response === void 0 ? void 0 : _result$response.labelNames) === undefined ? [] : result.response.labelNames;
+    $[22] = result.response;
+    $[23] = t13;
+  } else {
+    t13 = $[23];
+  }
+  var labels = t13;
   var _useState11 = useState(enforcedProfileName),
     _useState12 = _slicedToArray(_useState11, 2),
     prevEnforcedProfileName = _useState12[0],
@@ -353,84 +364,81 @@ var ProfileSelector = function ProfileSelector(t0) {
       setQueryExpressionString(querySelection.expression);
     }
   }
-  var t13;
-  if ($[22] !== enforcedProfileName || $[23] !== queryExpressionString) {
-    t13 = function t13() {
+  var t14;
+  if ($[24] !== enforcedProfileName || $[25] !== queryExpressionString) {
+    t14 = function t14() {
       var pq = Query.parse(queryExpressionString);
       var _pq$setProfileName = pq.setProfileName(enforcedProfileName),
         _pq$setProfileName2 = _slicedToArray(_pq$setProfileName, 1),
         q_0 = _pq$setProfileName2[0];
       return q_0;
     };
-    $[22] = enforcedProfileName;
-    $[23] = queryExpressionString;
-    $[24] = t13;
+    $[24] = enforcedProfileName;
+    $[25] = queryExpressionString;
+    $[26] = t14;
   } else {
-    t13 = $[24];
+    t14 = $[26];
   }
-  var enforcedProfileNameQuery = t13;
+  var enforcedProfileNameQuery = t14;
   var query;
-  var t14;
-  if ($[25] !== enforcedProfileName || $[26] !== enforcedProfileNameQuery || $[27] !== queryExpressionString) {
+  var t15;
+  if ($[27] !== enforcedProfileName || $[28] !== enforcedProfileNameQuery || $[29] !== queryExpressionString) {
     query = enforcedProfileName !== "" ? enforcedProfileNameQuery() : Query.parse(queryExpressionString);
-    t14 = query.profileName();
-    $[25] = enforcedProfileName;
-    $[26] = enforcedProfileNameQuery;
-    $[27] = queryExpressionString;
-    $[28] = query;
-    $[29] = t14;
+    t15 = query.profileName();
+    $[27] = enforcedProfileName;
+    $[28] = enforcedProfileNameQuery;
+    $[29] = queryExpressionString;
+    $[30] = query;
+    $[31] = t15;
   } else {
-    query = $[28];
-    t14 = $[29];
+    query = $[30];
+    t15 = $[31];
   }
-  var selectedProfileName = t14;
-  var t15;
-  if ($[30] !== batchUpdates || $[31] !== commitDraft || $[32] !== onSearchHook || $[33] !== timeRangeSelection) {
-    t15 = function t15(t16) {
-      var updateTs = t16 === undefined ? false : t16;
-      batchUpdates(function () {
-        if (onSearchHook != null) {
-          onSearchHook();
-        }
-        if (updateTs) {
-          var currentFrom = timeRangeSelection.getFromMs(true);
-          var currentTo = timeRangeSelection.getToMs(true);
-          var currentRangeKey = timeRangeSelection.getRangeKey();
-          commitDraft({
-            from: currentFrom,
-            to: currentTo,
-            timeSelection: currentRangeKey
-          });
-        } else {
-          commitDraft();
-        }
-      });
+  var selectedProfileName = t15;
+  var t16;
+  if ($[32] !== commitDraft || $[33] !== onSearchHook || $[34] !== timeRangeSelection) {
+    t16 = function t16(t17) {
+      var updateTs = t17 === undefined ? false : t17;
+      if (onSearchHook != null) {
+        onSearchHook();
+      }
+      if (updateTs) {
+        var currentFrom = timeRangeSelection.getFromMs(true);
+        var currentTo = timeRangeSelection.getToMs(true);
+        var currentRangeKey = timeRangeSelection.getRangeKey();
+        commitDraft({
+          from: currentFrom,
+          to: currentTo,
+          timeSelection: currentRangeKey
+        });
+      } else {
+        commitDraft();
+      }
     };
-    $[30] = batchUpdates;
-    $[31] = commitDraft;
-    $[32] = onSearchHook;
-    $[33] = timeRangeSelection;
-    $[34] = t15;
+    $[32] = commitDraft;
+    $[33] = onSearchHook;
+    $[34] = timeRangeSelection;
+    $[35] = t16;
   } else {
-    t15 = $[34];
+    t16 = $[35];
   }
-  var setQueryExpression = t15;
-  var t16;
-  if ($[35] !== selectedProfileName || $[36] !== setDraftMatchers) {
-    t16 = function t16(matchers) {
+  var setQueryExpression = t16;
+  var t17;
+  if ($[36] !== selectedProfileName || $[37] !== setDraftMatchers) {
+    t17 = function t17(matchers) {
       setDraftMatchers(matchers);
       setQueryExpressionString("".concat(selectedProfileName, "{").concat(matchers, "}"));
     };
-    $[35] = selectedProfileName;
-    $[36] = setDraftMatchers;
-    $[37] = t16;
+    $[36] = selectedProfileName;
+    $[37] = setDraftMatchers;
+    $[38] = t17;
   } else {
-    t16 = $[37];
+    t17 = $[38];
   }
-  var setMatchersString = t16;
-  var t17;
-  if ($[38] !== query || $[39] !== setDraftProfileName) {
-    t17 = function t17(profileName) {
+  var setMatchersString = t17;
+  var t18;
+  if ($[39] !== query || $[40] !== setDraftProfileName) {
+    t18 = function t18(profileName) {
       if (profileName === undefined) {
         return;
       }
@@ -444,45 +452,43 @@ var ProfileSelector = function ProfileSelector(t0) {
         setQueryExpressionString(q_1);
       }
     };
-    $[38] = query;
-    $[39] = setDraftProfileName;
-    $[40] = t17;
+    $[39] = query;
+    $[40] = setDraftProfileName;
+    $[41] = t18;
   } else {
-    t17 = $[40];
+    t18 = $[41];
   }
-  var setProfileName = t17;
-  var t18 = externalProfilerComponent === null || externalProfilerComponent === void 0 ? void 0 : externalProfilerComponent.defaultProfileType;
-  var t19;
-  if ($[41] !== navigateTo || $[42] !== profileTypesData || $[43] !== querySelection || $[44] !== selectedProfileName || $[45] !== setProfileName || $[46] !== setQueryExpression || $[47] !== sumByLoading || $[48] !== t18) {
-    t19 = {
+  var setProfileName = t18;
+  var t19 = externalProfilerComponent === null || externalProfilerComponent === void 0 ? void 0 : externalProfilerComponent.defaultProfileType;
+  var t20;
+  if ($[42] !== profileTypesData || $[43] !== querySelection || $[44] !== selectedProfileName || $[45] !== setProfileName || $[46] !== setQueryExpression || $[47] !== sumByLoading || $[48] !== t19) {
+    t20 = {
       selectedProfileName: selectedProfileName,
       profileTypesData: profileTypesData,
       setProfileName: setProfileName,
       setQueryExpression: setQueryExpression,
       querySelection: querySelection,
-      navigateTo: navigateTo,
       loading: sumByLoading,
-      defaultProfileType: t18
+      defaultProfileType: t19
     };
-    $[41] = navigateTo;
     $[42] = profileTypesData;
     $[43] = querySelection;
     $[44] = selectedProfileName;
     $[45] = setProfileName;
     $[46] = setQueryExpression;
     $[47] = sumByLoading;
-    $[48] = t18;
-    $[49] = t19;
+    $[48] = t19;
+    $[49] = t20;
   } else {
-    t19 = $[49];
+    t20 = $[49];
   }
-  useAutoQuerySelector(t19);
+  useAutoQuerySelector(t20);
   var searchDisabled = queryExpressionString === undefined || queryExpressionString === "" || queryExpressionString === "{}";
   var queryBrowserRef = useRef(null);
   var sumByRef = useRef(null);
-  var t20;
+  var t21;
   if ($[50] !== additionalMetricsGraph || $[51] !== commitDraft || $[52] !== handleTimeRangeChange || $[53] !== queryClient || $[54] !== querySelection || $[55] !== setQueryExpression || $[56] !== suffix || $[57] !== timeRangeSelection) {
-    t20 = additionalMetricsGraph === null || additionalMetricsGraph === void 0 ? void 0 : additionalMetricsGraph({
+    t21 = additionalMetricsGraph === null || additionalMetricsGraph === void 0 ? void 0 : additionalMetricsGraph({
       querySelection: querySelection,
       queryClient: queryClient,
       suffix: suffix,
@@ -507,47 +513,47 @@ var ProfileSelector = function ProfileSelector(t0) {
     $[55] = setQueryExpression;
     $[56] = suffix;
     $[57] = timeRangeSelection;
-    $[58] = t20;
+    $[58] = t21;
   } else {
-    t20 = $[58];
+    t21 = $[58];
   }
-  var t21;
+  var t22;
   if ($[59] !== profileType || $[60] !== selectedProfileName) {
-    t21 = selectedProfileName !== null && selectedProfileName !== void 0 ? selectedProfileName : profileType.toString();
+    t22 = selectedProfileName !== null && selectedProfileName !== void 0 ? selectedProfileName : profileType.toString();
     $[59] = profileType;
     $[60] = selectedProfileName;
-    $[61] = t21;
+    $[61] = t22;
   } else {
-    t21 = $[61];
+    t22 = $[61];
   }
-  var t22;
+  var t23;
   if ($[62] !== timeRangeSelection) {
-    t22 = timeRangeSelection.getFromMs();
+    t23 = timeRangeSelection.getFromMs();
     $[62] = timeRangeSelection;
-    $[63] = t22;
+    $[63] = t23;
   } else {
-    t22 = $[63];
+    t23 = $[63];
   }
-  var t23;
+  var t24;
   if ($[64] !== timeRangeSelection) {
-    t23 = timeRangeSelection.getToMs();
+    t24 = timeRangeSelection.getToMs();
     $[64] = timeRangeSelection;
-    $[65] = t23;
+    $[65] = t24;
   } else {
-    t23 = $[65];
+    t24 = $[65];
   }
-  var t24;
+  var t25;
   if ($[66] !== draftSelection.sumBy) {
     var _draftSelection$sumBy;
-    t24 = (_draftSelection$sumBy = draftSelection.sumBy) !== null && _draftSelection$sumBy !== void 0 ? _draftSelection$sumBy : [];
+    t25 = (_draftSelection$sumBy = draftSelection.sumBy) !== null && _draftSelection$sumBy !== void 0 ? _draftSelection$sumBy : [];
     $[66] = draftSelection.sumBy;
-    $[67] = t24;
+    $[67] = t25;
   } else {
-    t24 = $[67];
+    t25 = $[67];
   }
-  var t25;
-  if ($[68] !== advancedModeForQueryBrowser || $[69] !== commitDraft || $[70] !== draftParsedQuery || $[71] !== draftSelection || $[72] !== error || $[73] !== externalProfilerComponent || $[74] !== handleTimeRangeChange || $[75] !== labels || $[76] !== profileType || $[77] !== profileTypesData || $[78] !== profileTypesLoading || $[79] !== query || $[80] !== queryClient || $[81] !== searchDisabled || $[82] !== selectedProfileName || $[83] !== setDraftMatchers || $[84] !== setDraftSumBy || $[85] !== setMatchersString || $[86] !== setProfileName || $[87] !== setQueryBrowserMode || $[88] !== setQueryExpression || $[89] !== showProfileTypeSelector || $[90] !== showSumBySelector || $[91] !== sumByLoading || $[92] !== t24 || $[93] !== timeRangeSelection) {
-    t25 = /*#__PURE__*/_jsx(LabelsSource, {
+  var t26;
+  if ($[68] !== advancedModeForQueryBrowser || $[69] !== commitDraft || $[70] !== draftParsedQuery || $[71] !== draftSelection || $[72] !== error || $[73] !== externalProfilerComponent || $[74] !== handleTimeRangeChange || $[75] !== labels || $[76] !== profileType || $[77] !== profileTypesData || $[78] !== profileTypesLoading || $[79] !== query || $[80] !== queryClient || $[81] !== searchDisabled || $[82] !== selectedProfileName || $[83] !== setDraftMatchers || $[84] !== setDraftSumBy || $[85] !== setMatchersString || $[86] !== setProfileName || $[87] !== setQueryBrowserMode || $[88] !== setQueryExpression || $[89] !== showProfileTypeSelector || $[90] !== showSumBySelector || $[91] !== sumByLoading || $[92] !== t25 || $[93] !== timeRangeSelection) {
+    t26 = /*#__PURE__*/_jsx(LabelsSource, {
       children: /*#__PURE__*/_jsx(QueryControls, {
         showProfileTypeSelector: showProfileTypeSelector,
         showSumBySelector: showSumBySelector,
@@ -568,7 +574,7 @@ var ProfileSelector = function ProfileSelector(t0) {
         queryClient: queryClient,
         sumByRef: sumByRef,
         labels: labels,
-        sumBySelection: t24,
+        sumBySelection: t25,
         sumBySelectionLoading: sumByLoading,
         setUserSumBySelection: setDraftSumBy,
         profileType: profileType,
@@ -604,41 +610,41 @@ var ProfileSelector = function ProfileSelector(t0) {
     $[89] = showProfileTypeSelector;
     $[90] = showSumBySelector;
     $[91] = sumByLoading;
-    $[92] = t24;
+    $[92] = t25;
     $[93] = timeRangeSelection;
-    $[94] = t25;
+    $[94] = t26;
   } else {
-    t25 = $[94];
+    t26 = $[94];
   }
-  var t26;
-  if ($[95] !== query || $[96] !== queryClient || $[97] !== setMatchersString || $[98] !== setQueryExpression || $[99] !== suffix || $[100] !== t21 || $[101] !== t22 || $[102] !== t23 || $[103] !== t25) {
-    t26 = /*#__PURE__*/_jsx(LabelsQueryProvider, {
+  var t27;
+  if ($[95] !== query || $[96] !== queryClient || $[97] !== setMatchersString || $[98] !== setQueryExpression || $[99] !== suffix || $[100] !== t22 || $[101] !== t23 || $[102] !== t24 || $[103] !== t26) {
+    t27 = /*#__PURE__*/_jsx(LabelsQueryProvider, {
       setMatchersString: setMatchersString,
       runQuery: setQueryExpression,
       currentQuery: query,
-      profileType: t21,
+      profileType: t22,
       queryClient: queryClient,
-      start: t22,
-      end: t23,
+      start: t23,
+      end: t24,
       suffix: suffix,
-      children: t25
+      children: t26
     });
     $[95] = query;
     $[96] = queryClient;
     $[97] = setMatchersString;
     $[98] = setQueryExpression;
     $[99] = suffix;
-    $[100] = t21;
-    $[101] = t22;
-    $[102] = t23;
-    $[103] = t25;
-    $[104] = t26;
+    $[100] = t22;
+    $[101] = t23;
+    $[102] = t24;
+    $[103] = t26;
+    $[104] = t27;
   } else {
-    t26 = $[104];
+    t27 = $[104];
   }
-  var t27;
+  var t28;
   if ($[105] !== closeProfile || $[106] !== comparing) {
-    t27 = comparing && /*#__PURE__*/_jsx("div", {
+    t28 = comparing && /*#__PURE__*/_jsx("div", {
       children: /*#__PURE__*/_jsx(IconButton, _objectSpread({
         onClick: function onClick() {
           return closeProfile();
@@ -648,27 +654,27 @@ var ProfileSelector = function ProfileSelector(t0) {
     });
     $[105] = closeProfile;
     $[106] = comparing;
-    $[107] = t27;
+    $[107] = t28;
   } else {
-    t27 = $[107];
+    t28 = $[107];
   }
-  var t28;
-  if ($[108] !== t20 || $[109] !== t26 || $[110] !== t27) {
-    t28 = /*#__PURE__*/_jsxs("div", {
+  var t29;
+  if ($[108] !== t21 || $[109] !== t27 || $[110] !== t28) {
+    t29 = /*#__PURE__*/_jsxs("div", {
       className: "mb-2 flex flex-col",
-      children: [t20, t26, t27]
+      children: [t21, t27, t28]
     });
-    $[108] = t20;
-    $[109] = t26;
-    $[110] = t27;
-    $[111] = t28;
+    $[108] = t21;
+    $[109] = t27;
+    $[110] = t28;
+    $[111] = t29;
   } else {
-    t28 = $[111];
+    t29 = $[111];
   }
-  var t29 = !profileTypesLoading && ((profileTypesData === null || profileTypesData === void 0 ? void 0 : profileTypesData.types) == null || profileTypesData.types.length === 0);
-  var t30;
-  if ($[112] !== commitDraft || $[113] !== comparing || $[114] !== handleTimeRangeChange || $[115] !== profileSelection || $[116] !== profileTypesLoading || $[117] !== query || $[118] !== queryClient || $[119] !== queryExpressionString || $[120] !== querySelection || $[121] !== setDisplayHideMetricsGraphButton || $[122] !== setDraftExpression || $[123] !== setProfileSelection || $[124] !== setQueryExpression || $[125] !== showMetricsGraph || $[126] !== sumByLoading || $[127] !== t29) {
-    t30 = /*#__PURE__*/_jsx(MetricsGraphSection, {
+  var t30 = !profileTypesLoading && ((profileTypesData === null || profileTypesData === void 0 ? void 0 : profileTypesData.types) == null || profileTypesData.types.length === 0);
+  var t31;
+  if ($[112] !== commitDraft || $[113] !== comparing || $[114] !== handleTimeRangeChange || $[115] !== profileSelection || $[116] !== profileTypesLoading || $[117] !== query || $[118] !== queryClient || $[119] !== queryExpressionString || $[120] !== querySelection || $[121] !== setDisplayHideMetricsGraphButton || $[122] !== setDraftExpression || $[123] !== setProfileSelection || $[124] !== setQueryExpression || $[125] !== showMetricsGraph || $[126] !== sumByLoading || $[127] !== t30) {
+    t31 = /*#__PURE__*/_jsx(MetricsGraphSection, {
       showMetricsGraph: showMetricsGraph,
       setDisplayHideMetricsGraphButton: setDisplayHideMetricsGraphButton,
       querySelection: querySelection,
@@ -686,7 +692,7 @@ var ProfileSelector = function ProfileSelector(t0) {
       setNewQueryExpression: setDraftExpression,
       commitDraft: commitDraft,
       profileTypesLoading: profileTypesLoading,
-      hasNoProfileTypes: t29
+      hasNoProfileTypes: t30
     });
     $[112] = commitDraft;
     $[113] = comparing;
@@ -703,23 +709,23 @@ var ProfileSelector = function ProfileSelector(t0) {
     $[124] = setQueryExpression;
     $[125] = showMetricsGraph;
     $[126] = sumByLoading;
-    $[127] = t29;
-    $[128] = t30;
+    $[127] = t30;
+    $[128] = t31;
   } else {
-    t30 = $[128];
+    t31 = $[128];
   }
-  var t31;
-  if ($[129] !== t28 || $[130] !== t30) {
-    t31 = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [t28, t30]
+  var t32;
+  if ($[129] !== t29 || $[130] !== t31) {
+    t32 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t29, t31]
     });
-    $[129] = t28;
-    $[130] = t30;
-    $[131] = t31;
+    $[129] = t29;
+    $[130] = t31;
+    $[131] = t32;
   } else {
-    t31 = $[131];
+    t32 = $[131];
   }
-  return t31;
+  return t32;
 };
 export default ProfileSelector;
 var LabelsSource = function LabelsSource(t0) {