@parca/profile 0.19.73 → 0.19.74

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.74](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.73...@parca/profile@0.19.74) (2025-11-13)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.73](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.72...@parca/profile@0.19.73) (2025-11-03)
 
 **Note:** Version bump only for package @parca/profile

package/dist/MatchersInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MatchersInput/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAgB,cAAc,EAAE,kBAAkB,EAAgB,MAAM,eAAe,CAAC;AAE/F,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAIpC,OAAO,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAKrD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,GACxB,QAAQ,kBAAkB,EAC1B,aAAa,MAAM,EACnB,QAAQ,MAAM,EACd,MAAM,MAAM,EACZ,QAAQ,MAAM,EAAE,KACf,aAgCF,CAAC;AAEF,UAAU,cAAc;IACtB,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,EAAE,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,GACzB,QAAQ,kBAAkB,EAC1B,WAAW,MAAM,EACjB,aAAa,MAAM,EACnB,QAAQ,MAAM,EACd,MAAM,MAAM,KACX,cAiCF,CAAC;AAEF,eAAO,MAAM,8BAA8B,GACzC,WAAW,MAAM,EACjB,oBAAoB,iBAAiB,KACpC,MAAM,EAWR,CAAC;AA2MF,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAWxF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MatchersInput/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAgB,cAAc,EAAE,kBAAkB,EAAgB,MAAM,eAAe,CAAC;AAE/F,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAIpC,OAAO,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAKrD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,GACxB,QAAQ,kBAAkB,EAC1B,aAAa,MAAM,EACnB,QAAQ,MAAM,EACd,MAAM,MAAM,EACZ,QAAQ,MAAM,EAAE,KACf,aAkCF,CAAC;AAEF,UAAU,cAAc;IACtB,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,EAAE,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,GACzB,QAAQ,kBAAkB,EAC1B,WAAW,MAAM,EACjB,aAAa,MAAM,EACnB,QAAQ,MAAM,EACd,MAAM,MAAM,KACX,cAiCF,CAAC;AAEF,eAAO,MAAM,8BAA8B,GACzC,WAAW,MAAM,EACjB,oBAAoB,iBAAiB,KACpC,MAAM,EAWR,CAAC;AA2MF,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAWxF"}

package/dist/MatchersInput/index.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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 { useMemo, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import cx from 'classnames';
 import TextareaAutosize from 'react-textarea-autosize';
@@ -43,7 +43,9 @@ export const useLabelNames = (client, profileType, start, end, match) => {
             keepPreviousData: false,
         },
     });
-    console.log('Label names query result:', { data, error, isLoading });
+    useEffect(() => {
+        console.log('Label names query result:', { data, error, isLoading });
+    }, [data, error, isLoading]);
     return {
         result: { response: data, error: error },
         loading: isLoading,

package/dist/ProfileExplorer/ProfileExplorerCompare.d.ts

@@ -1,20 +1,9 @@
 import { QueryServiceClient } from '@parca/client';
 import type { NavigateFunction } from '@parca/utilities';
-import { ProfileSelection } from '..';
-import { QuerySelection } from '../ProfileSelector';
 interface ProfileExplorerCompareProps {
     queryClient: QueryServiceClient;
-    queryA: QuerySelection;
-    queryB: QuerySelection;
-    profileA: ProfileSelection | null;
-    profileB: ProfileSelection | null;
-    selectQueryA: (query: QuerySelection) => void;
-    selectQueryB: (query: QuerySelection) => void;
-    selectProfileA: (source: ProfileSelection) => void;
-    selectProfileB: (source: ProfileSelection) => void;
-    closeProfile: (card: string) => void;
     navigateTo: NavigateFunction;
 }
-declare const ProfileExplorerCompare: ({ queryClient, queryA, queryB, profileA, profileB, selectQueryA, selectQueryB, selectProfileA, selectProfileB, closeProfile, navigateTo, }: ProfileExplorerCompareProps) => JSX.Element;
+declare const ProfileExplorerCompare: ({ queryClient, navigateTo, }: ProfileExplorerCompareProps) => JSX.Element;
 export default ProfileExplorerCompare;
 //# sourceMappingURL=ProfileExplorerCompare.d.ts.map

package/dist/ProfileExplorer/ProfileExplorerCompare.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileExplorerCompare.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerCompare.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAIjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAoB,gBAAgB,EAAsB,MAAM,IAAI,CAAC;AAC5E,OAAwB,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAEnE,UAAU,2BAA2B;IACnC,WAAW,EAAE,kBAAkB,CAAC;IAEhC,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,cAAc,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,QAAA,MAAM,sBAAsB,GAAI,4IAY7B,2BAA2B,KAAG,GAAG,CAAC,OA+EpC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ProfileExplorerCompare.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerCompare.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAIjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAOvD,UAAU,2BAA2B;IACnC,WAAW,EAAE,kBAAkB,CAAC;IAChC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,QAAA,MAAM,sBAAsB,GAAI,8BAG7B,2BAA2B,KAAG,GAAG,CAAC,OAmHpC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/ProfileExplorer/ProfileExplorerCompare.js

@@ -11,21 +11,62 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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 { useState } from 'react';
-import { useURLState } from '@parca/components';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useURLStateBatch } from '@parca/components';
 import { Query } from '@parca/parser';
 import { TEST_IDS, testId } from '@parca/test-utils';
 import { ProfileDiffSource, ProfileViewWithData } from '..';
 import ProfileSelector from '../ProfileSelector';
-const ProfileExplorerCompare = ({ queryClient, queryA, queryB, profileA, profileB, selectQueryA, selectQueryB, selectProfileA, selectProfileB, closeProfile, navigateTo, }) => {
+import { useCompareModeMeta } from '../hooks/useCompareModeMeta';
+import { useQueryState } from '../hooks/useQueryState';
+const ProfileExplorerCompare = ({ queryClient, navigateTo, }) => {
     const [showMetricsGraph, setShowMetricsGraph] = useState(true);
-    const closeProfileA = () => {
-        closeProfile('A');
-    };
-    const closeProfileB = () => {
-        closeProfile('B');
-    };
-    const [compareAbsolute] = useURLState('compare_absolute');
-    return (_jsxs("div", { ...testId(TEST_IDS.COMPARE_CONTAINER), children: [_jsxs("div", { className: "flex justify-between gap-2 relative mb-2", children: [_jsx("div", { className: "flex-column flex-1 p-2 shadow-md rounded-md", ...testId(TEST_IDS.COMPARE_SIDE_A), children: _jsx(ProfileSelector, { queryClient: queryClient, querySelection: queryA, profileSelection: profileA, selectProfile: selectProfileA, selectQuery: selectQueryA, closeProfile: closeProfileA, enforcedProfileName: '', comparing: true, navigateTo: navigateTo, suffix: "_a", showMetricsGraph: showMetricsGraph, setDisplayHideMetricsGraphButton: setShowMetricsGraph }) }), _jsx("div", { className: "flex-column flex-1 p-2 shadow-md rounded-md", ...testId(TEST_IDS.COMPARE_SIDE_B), children: _jsx(ProfileSelector, { queryClient: queryClient, querySelection: queryB, profileSelection: profileB, selectProfile: selectProfileB, selectQuery: selectQueryB, closeProfile: closeProfileB, enforcedProfileName: Query.parse(queryA.expression).profileName(), comparing: true, navigateTo: navigateTo, suffix: "_b", showMetricsGraph: showMetricsGraph, setDisplayHideMetricsGraphButton: setShowMetricsGraph }) })] }), _jsx("div", { className: "grid grid-cols-1", children: profileA != null && profileB != null ? (_jsx("div", { ...testId(TEST_IDS.COMPARE_PROFILE_VIEW), children: _jsx(ProfileViewWithData, { queryClient: queryClient, profileSource: new ProfileDiffSource(profileA.ProfileSource(), profileB.ProfileSource(), compareAbsolute === 'true') }) })) : (_jsx("div", { children: _jsx("div", { className: "my-20 text-center", children: _jsx("p", { children: "Select a profile on both sides." }) }) })) })] }));
+    const batchUpdates = useURLStateBatch();
+    const { closeCompareMode, isCompareMode, isCompareAbsolute } = useCompareModeMeta();
+    // Read ProfileSource states from URL for both sides
+    const { profileSource: profileSourceA, querySelection: querySelectionA } = useQueryState({
+        suffix: '_a',
+        comparing: true,
+    });
+    const { profileSource: profileSourceB, querySelection: querySelectionB, commitDraft: commitDraftB, setDraftExpression: setDraftExpressionB, setDraftTimeRange: setDraftTimeRangeB, } = useQueryState({ suffix: '_b', comparing: true });
+    // Derive enforced profile name from side A's expression
+    const enforcedProfileNameA = useMemo(() => {
+        return querySelectionA.expression !== ''
+            ? Query.parse(querySelectionA.expression).profileName()
+            : '';
+    }, [querySelectionA.expression]);
+    // Initialize side B with side A's values if side B is empty
+    useEffect(() => {
+        // If not in compare mode, don't initialize
+        if (!isCompareMode) {
+            return;
+        }
+        if (querySelectionB.expression === '' && querySelectionA.expression !== '') {
+            batchUpdates(() => {
+                setDraftExpressionB(querySelectionA.expression);
+                setDraftTimeRangeB(querySelectionA.from, querySelectionA.to, querySelectionA.timeSelection);
+                // Commit to update the URL and trigger metrics graph load
+                commitDraftB();
+            });
+        }
+    }, [
+        isCompareMode,
+        querySelectionA.expression,
+        querySelectionA.from,
+        querySelectionA.to,
+        querySelectionA.timeSelection,
+        querySelectionB.expression,
+        setDraftExpressionB,
+        setDraftTimeRangeB,
+        commitDraftB,
+        batchUpdates,
+    ]);
+    const closeProfileA = useCallback(() => {
+        closeCompareMode('A');
+    }, [closeCompareMode]);
+    const closeProfileB = useCallback(() => {
+        closeCompareMode('B');
+    }, [closeCompareMode]);
+    return (_jsxs("div", { ...testId(TEST_IDS.COMPARE_CONTAINER), children: [_jsxs("div", { className: "flex justify-between gap-2 relative mb-2", children: [_jsx("div", { className: "flex-column flex-1 p-2 shadow-md rounded-md", ...testId(TEST_IDS.COMPARE_SIDE_A), children: _jsx(ProfileSelector, { queryClient: queryClient, closeProfile: closeProfileA, enforcedProfileName: '', comparing: true, navigateTo: navigateTo, suffix: "_a", showMetricsGraph: showMetricsGraph, setDisplayHideMetricsGraphButton: setShowMetricsGraph }) }), _jsx("div", { className: "flex-column flex-1 p-2 shadow-md rounded-md", ...testId(TEST_IDS.COMPARE_SIDE_B), children: _jsx(ProfileSelector, { queryClient: queryClient, closeProfile: closeProfileB, enforcedProfileName: enforcedProfileNameA, comparing: true, navigateTo: navigateTo, suffix: "_b", showMetricsGraph: showMetricsGraph, setDisplayHideMetricsGraphButton: setShowMetricsGraph }) })] }), _jsx("div", { className: "grid grid-cols-1", children: profileSourceA != null && profileSourceB != null ? (_jsx("div", { ...testId(TEST_IDS.COMPARE_PROFILE_VIEW), children: _jsx(ProfileViewWithData, { queryClient: queryClient, profileSource: new ProfileDiffSource(profileSourceA, profileSourceB, isCompareAbsolute) }) })) : (_jsx("div", { children: _jsx("div", { className: "my-20 text-center", children: _jsx("p", { children: "Select a profile on both sides." }) }) })) })] }));
 };
 export default ProfileExplorerCompare;

package/dist/ProfileExplorer/ProfileExplorerSingle.d.ts

@@ -1,15 +1,9 @@
 import { QueryServiceClient } from '@parca/client';
 import type { NavigateFunction } from '@parca/utilities';
-import { ProfileSelection } from '..';
-import { QuerySelection } from '../ProfileSelector';
 interface ProfileExplorerSingleProps {
     queryClient: QueryServiceClient;
-    query: QuerySelection;
-    selectQuery: (query: QuerySelection) => void;
-    selectProfile: (source: ProfileSelection) => void;
-    profile: ProfileSelection | null;
     navigateTo: NavigateFunction;
 }
-declare const ProfileExplorerSingle: ({ queryClient, query, selectQuery, selectProfile, profile, navigateTo, }: ProfileExplorerSingleProps) => JSX.Element;
+declare const ProfileExplorerSingle: ({ queryClient, navigateTo, }: ProfileExplorerSingleProps) => JSX.Element;
 export default ProfileExplorerSingle;
 //# sourceMappingURL=ProfileExplorerSingle.d.ts.map

package/dist/ProfileExplorer/ProfileExplorerSingle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileExplorerSingle.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerSingle.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAC,gBAAgB,EAAsB,MAAM,IAAI,CAAC;AACzD,OAAwB,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAEnE,UAAU,0BAA0B;IAClC,WAAW,EAAE,kBAAkB,CAAC;IAChC,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,QAAA,MAAM,qBAAqB,GAAI,0EAO5B,0BAA0B,KAAG,GAAG,CAAC,OA6BnC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ProfileExplorerSingle.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/ProfileExplorerSingle.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAMvD,UAAU,0BAA0B;IAClC,WAAW,EAAE,kBAAkB,CAAC;IAChC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,QAAA,MAAM,qBAAqB,GAAI,8BAG5B,0BAA0B,KAAG,GAAG,CAAC,OAwBnC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/ProfileExplorer/ProfileExplorerSingle.js

@@ -14,8 +14,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from 'react';
 import { ProfileViewWithData } from '..';
 import ProfileSelector from '../ProfileSelector';
-const ProfileExplorerSingle = ({ queryClient, query, selectQuery, selectProfile, profile, navigateTo, }) => {
+import { useQueryState } from '../hooks/useQueryState';
+const ProfileExplorerSingle = ({ queryClient, navigateTo, }) => {
     const [showMetricsGraph, setShowMetricsGraph] = useState(true);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative", children: _jsx(ProfileSelector, { queryClient: queryClient, querySelection: query, selectQuery: selectQuery, selectProfile: selectProfile, closeProfile: () => { }, profileSelection: profile, comparing: false, enforcedProfileName: '', navigateTo: navigateTo, suffix: "_a", showMetricsGraph: showMetricsGraph, setDisplayHideMetricsGraphButton: setShowMetricsGraph }) }), profile != null ? (_jsx(ProfileViewWithData, { queryClient: queryClient, profileSource: profile.ProfileSource() })) : (_jsx(_Fragment, {}))] }));
+    const { profileSource } = useQueryState({ suffix: '_a' });
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative", children: _jsx(ProfileSelector, { queryClient: queryClient, closeProfile: () => { }, comparing: false, enforcedProfileName: '', navigateTo: navigateTo, suffix: "_a", showMetricsGraph: showMetricsGraph, setDisplayHideMetricsGraphButton: setShowMetricsGraph }) }), profileSource != null && (_jsx(ProfileViewWithData, { queryClient: queryClient, profileSource: profileSource }))] }));
 };
 export default ProfileExplorerSingle;

package/dist/ProfileExplorer/index.d.ts

@@ -2,11 +2,8 @@ import { QueryServiceClient } from '@parca/client';
 import { type NavigateFunction } from '@parca/utilities';
 interface ProfileExplorerProps {
     queryClient: QueryServiceClient;
-    queryParams: any;
     navigateTo: NavigateFunction;
 }
-export declare const getExpressionAsAString: (expression: string | []) => string;
-export declare const filterEmptyParams: (o: Record<string, any>) => Record<string, any>;
-declare const ProfileExplorer: ({ queryClient, queryParams, navigateTo, }: ProfileExplorerProps) => JSX.Element;
+declare const ProfileExplorer: ({ queryClient, navigateTo }: ProfileExplorerProps) => JSX.Element;
 export default ProfileExplorer;
 //# sourceMappingURL=index.d.ts.map

package/dist/ProfileExplorer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAIjD,OAAO,EAAwC,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAW9F,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAaD,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,GAAG,EAAE,KAAG,MAGhE,CAAC;AAiBF,eAAO,MAAM,iBAAiB,GAAI,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAiB5E,CAAC;AA+TF,QAAA,MAAM,eAAe,GAAI,2CAItB,oBAAoB,KAAG,GAAG,CAAC,OAkB7B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileExplorer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAGjD,OAAO,EAA4B,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAOlF,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;IAChC,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAuDD,QAAA,MAAM,eAAe,GAAI,6BAA2B,oBAAoB,KAAG,GAAG,CAAC,OAc9E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ProfileExplorer/index.js

@@ -11,101 +11,27 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // 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 { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo } from 'react';
 import { Provider } from 'react-redux';
-import { DateTimeRange, KeyDownProvider, useParcaContext } from '@parca/components';
-import { Query } from '@parca/parser';
+import { KeyDownProvider, useParcaContext } from '@parca/components';
 import { createStore } from '@parca/store';
-import { capitalizeOnlyFirstLetter, safeDecode } from '@parca/utilities';
-import { ProfileSelectionFromParams, SuffixParams } from '..';
-import { useResetFlameGraphState } from '../ProfileView/hooks/useResetFlameGraphState';
-import { useResetStateOnProfileTypeChange } from '../ProfileView/hooks/useResetStateOnProfileTypeChange';
+import { capitalizeOnlyFirstLetter } from '@parca/utilities';
+import { useCompareModeMeta } from '../hooks/useCompareModeMeta';
 import { useHasProfileData } from '../useHasProfileData';
-import { sumByToParam, useSumByFromParams } from '../useSumBy';
 import ProfileExplorerCompare from './ProfileExplorerCompare';
 import ProfileExplorerSingle from './ProfileExplorerSingle';
 const ErrorContent = ({ errorMessage }) => {
     return (_jsx("div", { className: "relative rounded border border-red-400 bg-red-100 px-4 py-3 text-red-700", role: "alert", children: _jsx("span", { className: "block sm:inline", children: errorMessage }) }));
 };
-export const getExpressionAsAString = (expression) => {
-    const x = Array.isArray(expression) ? expression.join() : expression;
-    return x;
-};
-/* eslint-disable @typescript-eslint/naming-convention */
-const sanitizeDateRange = (time_selection_a, from_a, to_a) => {
-    const range = DateTimeRange.fromRangeKey(time_selection_a, from_a, to_a);
-    if (from_a == null && to_a == null) {
-        from_a = range.getFromMs();
-        to_a = range.getToMs();
-    }
-    return { time_selection_a: range.getRangeKey(), from_a, to_a };
-};
-/* eslint-enable @typescript-eslint/naming-convention */
-export const filterEmptyParams = (o) => {
-    return Object.fromEntries(Object.entries(o)
-        .filter(([_, value]) => value !== '' && value !== undefined && (Array.isArray(value) ? value.length > 0 : true))
-        .map(([key, value]) => {
-        if (typeof value === 'string') {
-            return [key, value];
-        }
-        if (Array.isArray(value)) {
-            return [key, value];
-        }
-        return [key, value];
-    }));
-};
-const filterSuffix = (o, suffix) => Object.fromEntries(Object.entries(o)
-    .filter(([key]) => !key.endsWith(suffix))
-    .map(([key, value]) => {
-    return [key, value];
-}));
-const swapQueryParameters = (o) => {
-    Object.entries(o).forEach(([key, value]) => {
-        if (key.endsWith('_b')) {
-            o[key.slice(0, -2) + '_a'] = value;
-        }
-    });
-    return o;
-};
-const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
+const ProfileExplorerApp = ({ queryClient, navigateTo }) => {
     const { loading: hasProfileDataLoading, data: hasProfileData, error: hasProfileDataError, } = useHasProfileData(queryClient);
     const { loader, noDataPrompt, onError, authenticationErrorMessage } = useParcaContext();
+    const { isCompareMode } = useCompareModeMeta();
     useEffect(() => {
         if (hasProfileDataError !== undefined && hasProfileDataError !== null) {
             onError?.(hasProfileDataError);
         }
     }, [hasProfileDataError, onError]);
-    /* eslint-disable @typescript-eslint/naming-convention */
-    let { from_a, to_a, merge_from_a, merge_to_a, time_selection_a, compare_a, sum_by_a, from_b, to_b, merge_from_b, merge_to_b, time_selection_b, compare_b, sum_by_b, } = queryParams;
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    const expression_a = getExpressionAsAString(queryParams.expression_a);
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    const expression_b = getExpressionAsAString(queryParams.expression_b);
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    const selection_a = getExpressionAsAString(queryParams.selection_a);
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    const selection_b = getExpressionAsAString(queryParams.selection_b);
-    /* eslint-enable @typescript-eslint/naming-convention */
-    const [profileA, setProfileA] = useState(null);
-    const [profileB, setProfileB] = useState(null);
-    const resetStateOnProfileTypeChange = useResetStateOnProfileTypeChange();
-    const resetFlameGraphState = useResetFlameGraphState();
-    const sumByA = useSumByFromParams(sum_by_a);
-    const sumByB = useSumByFromParams(sum_by_b);
-    useEffect(() => {
-        const mergeFrom = merge_from_a ?? undefined;
-        const mergeTo = merge_to_a ?? undefined;
-        const profileA = ProfileSelectionFromParams(mergeFrom, mergeTo, selection_a);
-        setProfileA(profileA);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [merge_from_a, merge_to_a, selection_a]);
-    useEffect(() => {
-        const mergeFrom = merge_from_b ?? undefined;
-        const mergeTo = merge_to_b ?? undefined;
-        const profileB = ProfileSelectionFromParams(mergeFrom, mergeTo, selection_b);
-        setProfileB(profileB);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [merge_from_b, merge_to_b, selection_b]);
     if (hasProfileDataLoading) {
         return _jsx(_Fragment, { children: loader });
     }
@@ -119,156 +45,16 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
         }
         return _jsx(ErrorContent, { errorMessage: capitalizeOnlyFirstLetter(hasProfileDataError.message) });
     }
-    const sanitizedRange = sanitizeDateRange(time_selection_a, from_a, to_a);
-    time_selection_a = sanitizedRange.time_selection_a;
-    from_a = sanitizedRange.from_a;
-    to_a = sanitizedRange.to_a;
-    if ((queryParams?.expression_a ?? '') !== '')
-        queryParams.expression_a = safeDecode(expression_a);
-    if ((queryParams?.expression_b ?? '') !== '')
-        queryParams.expression_b = safeDecode(expression_b);
-    const selectProfile = (p, suffix) => {
-        return navigateTo('/', {
-            ...queryParams,
-            ...SuffixParams(p.HistoryParams(), suffix),
-        });
-    };
-    const selectProfileA = (p) => {
-        return selectProfile(p, '_a');
-    };
-    const selectProfileB = (p) => {
-        return selectProfile(p, '_b');
-    };
-    const queryA = {
-        expression: expression_a,
-        from: parseInt(from_a),
-        to: parseInt(to_a),
-        timeSelection: time_selection_a,
-        sumBy: sumByA,
-    };
-    // Show the SingleProfileExplorer when not comparing
-    if (compare_a !== 'true' && compare_b !== 'true') {
-        const selectQuery = (q) => {
-            const profileNameAfter = Query.parse(q.expression).profileName();
-            if (profileA != null) {
-                if (profileA.ProfileName() !== profileNameAfter) {
-                    // Reset required state when the profile type changes.
-                    resetStateOnProfileTypeChange();
-                }
-                else {
-                    // Reset the state when a new search is performed.
-                    resetFlameGraphState();
-                }
-            }
-            const mergeParams = q.mergeFrom !== undefined && q.mergeTo !== undefined
-                ? {
-                    merge_from_a: q.mergeFrom,
-                    merge_to_a: q.mergeTo,
-                    selection_a: q.expression,
-                }
-                : {};
-            return navigateTo('/', 
-            // Filtering the _a suffix causes us to reset potential profile
-            // selection when running a new query.
-            filterEmptyParams({
-                ...filterSuffix(queryParams, '_a'),
-                ...{
-                    expression_a: q.expression,
-                    from_a: q.from.toString(),
-                    to_a: q.to.toString(),
-                    time_selection_a: q.timeSelection,
-                    sum_by_a: sumByToParam(q.sumBy),
-                    ...mergeParams,
-                },
-            }));
-        };
-        const selectProfile = (p) => {
-            return navigateTo('/', {
-                ...queryParams,
-                ...SuffixParams(p.HistoryParams(), '_a'),
-            });
-        };
-        return (_jsx(ProfileExplorerSingle, { queryClient: queryClient, query: queryA, profile: profileA, selectQuery: selectQuery, selectProfile: selectProfile, navigateTo: navigateTo }));
+    if (isCompareMode) {
+        return _jsx(ProfileExplorerCompare, { queryClient: queryClient, navigateTo: navigateTo });
     }
-    const queryB = {
-        expression: expression_b,
-        from: parseInt(from_b),
-        to: parseInt(to_b),
-        timeSelection: time_selection_b,
-        sumBy: sumByB,
-    };
-    const selectQueryA = (q) => {
-        const mergeParams = q.mergeFrom !== undefined && q.mergeTo !== undefined
-            ? {
-                merge_from_a: q.mergeFrom,
-                merge_to_a: q.mergeTo,
-                selection_a: q.expression,
-            }
-            : {};
-        return navigateTo('/', 
-        // Filtering the _a suffix causes us to reset potential profile
-        // selection when running a new query.
-        filterEmptyParams({
-            ...filterSuffix(queryParams, '_a'),
-            ...{
-                compare_a: 'true',
-                expression_a: q.expression,
-                expression_b,
-                selection_b,
-                from_a: q.from.toString(),
-                to_a: q.to.toString(),
-                time_selection_a: q.timeSelection,
-                sum_by_a: sumByToParam(q.sumBy),
-                ...mergeParams,
-            },
-        }));
-    };
-    const selectQueryB = (q) => {
-        const mergeParams = q.mergeFrom !== undefined && q.mergeTo !== undefined
-            ? {
-                merge_from_b: q.mergeFrom,
-                merge_to_b: q.mergeTo,
-                selection_b: q.expression,
-            }
-            : {};
-        return navigateTo('/', 
-        // Filtering the _b suffix causes us to reset potential profile
-        // selection when running a new query.
-        filterEmptyParams({
-            ...filterSuffix(queryParams, '_b'),
-            ...{
-                compare_b: 'true',
-                expression_b: q.expression,
-                expression_a,
-                selection_a,
-                from_b: q.from.toString(),
-                to_b: q.to.toString(),
-                time_selection_b: q.timeSelection,
-                sum_by_b: sumByToParam(q.sumBy),
-                ...mergeParams,
-            },
-        }));
-    };
-    const closeProfile = (card) => {
-        let newQueryParameters = queryParams;
-        if (card === 'A') {
-            newQueryParameters = swapQueryParameters(queryParams);
-        }
-        return navigateTo('/', {
-            ...filterSuffix(newQueryParameters, '_b'),
-            ...{
-                compare_a: 'false',
-                compare_b: 'false',
-            },
-        });
-    };
-    return (_jsx(ProfileExplorerCompare, { queryClient: queryClient, queryA: queryA, queryB: queryB, profileA: profileA, profileB: profileB, selectQueryA: selectQueryA, selectQueryB: selectQueryB, selectProfileA: selectProfileA, selectProfileB: selectProfileB, closeProfile: closeProfile, navigateTo: navigateTo }));
+    return _jsx(ProfileExplorerSingle, { queryClient: queryClient, navigateTo: navigateTo });
 };
-const ProfileExplorer = ({ queryClient, queryParams, navigateTo, }) => {
+const ProfileExplorer = ({ queryClient, navigateTo }) => {
     const { additionalFlamegraphColorProfiles } = useParcaContext();
     const { store: reduxStore } = useMemo(() => {
         return createStore(additionalFlamegraphColorProfiles);
     }, [additionalFlamegraphColorProfiles]);
-    return (_jsx(Provider, { store: reduxStore, children: _jsx(KeyDownProvider, { children: _jsx(ProfileExplorerApp, { queryClient: queryClient, queryParams: queryParams, navigateTo: navigateTo }) }) }));
+    return (_jsx(Provider, { store: reduxStore, children: _jsx(KeyDownProvider, { children: _jsx(ProfileExplorerApp, { queryClient: queryClient, navigateTo: navigateTo }) }) }));
 };
 export default ProfileExplorer;

package/dist/ProfileMetricsGraph/index.d.ts

@@ -24,6 +24,6 @@ interface ProfileMetricsGraphProps {
     onPointClick: (timestamp: bigint, labels: Label[], queryExpression: string, duration: number) => void;
     comparing?: boolean;
 }
-declare const ProfileMetricsGraph: ({ queryClient, queryExpression, profile, from, to, setTimeRange, addLabelMatcher, onPointClick, comparing, sumBy, sumByLoading, }: ProfileMetricsGraphProps) => JSX.Element;
+declare const ProfileMetricsGraph: ({ queryClient, queryExpression, profile, from, to, setTimeRange, addLabelMatcher, onPointClick, comparing, sumBy, }: ProfileMetricsGraphProps) => JSX.Element;
 export default ProfileMetricsGraph;
 //# sourceMappingURL=index.d.ts.map

package/dist/ProfileMetricsGraph/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileMetricsGraph/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,EAGL,kBAAkB,EACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,aAAa,EAId,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAyB,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAwH5D,UAAU,6BAA6B;IACrC,OAAO,EAAE,MAAM,CAAC;CACjB;AAaD,eAAO,MAAM,wBAAwB,GAAI,aAAW,6BAA6B,KAAG,GAAG,CAAC,OAMvF,CAAC;AAEF,UAAU,wBAAwB;IAChC,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CACf,MAAM,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,GAAG,KAAK,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC,KACvE,IAAI,CAAC;IACV,YAAY,EAAE,CACZ,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,KAAK,EAAE,EACf,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,mBAAmB,GAAI,mIAY1B,wBAAwB,KAAG,GAAG,CAAC,OA+YjC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProfileMetricsGraph/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,EAGL,kBAAkB,EACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,aAAa,EAId,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAyB,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAqH5D,UAAU,6BAA6B;IACrC,OAAO,EAAE,MAAM,CAAC;CACjB;AAaD,eAAO,MAAM,wBAAwB,GAAI,aAAW,6BAA6B,KAAG,GAAG,CAAC,OAMvF,CAAC;AAEF,UAAU,wBAAwB;IAChC,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CACf,MAAM,EAAE;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,GAAG,KAAK,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC,KACvE,IAAI,CAAC;IACV,YAAY,EAAE,CACZ,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,KAAK,EAAE,EACf,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,mBAAmB,GAAI,qHAW1B,wBAAwB,KAAG,GAAG,CAAC,OA+YjC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/ProfileMetricsGraph/index.js

@@ -54,30 +54,26 @@ utilizationMetrics = false) => {
             label: 'Add to query',
             icon: 'material-symbols:add',
             createDynamicItems: (closestPoint, _series) => {
+                const noLabelsAvailable = [
+                    {
+                        id: 'no-labels-available',
+                        label: 'No labels available',
+                        icon: 'ph:warning',
+                        disabled: () => true,
+                        onClick: () => { }, // No-op for disabled item
+                    },
+                ];
                 if (closestPoint == null || data.length === 0 || data[closestPoint.seriesIndex] == null) {
-                    return [
-                        {
-                            id: 'no-labels-available',
-                            label: 'No labels available',
-                            icon: 'ph:warning',
-                            disabled: () => true,
-                            onClick: () => { }, // No-op for disabled item
-                        },
-                    ];
+                    return noLabelsAvailable;
                 }
                 const originalSeriesData = data[closestPoint.seriesIndex];
                 if (originalSeriesData.labelset?.labels == null) {
-                    return [
-                        {
-                            id: 'no-labels-available',
-                            label: 'No labels available',
-                            icon: 'ph:warning',
-                            disabled: () => true,
-                            onClick: () => { }, // No-op for disabled item
-                        },
-                    ];
+                    return noLabelsAvailable;
                 }
                 const labels = originalSeriesData.labelset.labels.filter((label) => label.name !== '__name__');
+                if (labels.length === 0) {
+                    return noLabelsAvailable;
+                }
                 return labels.map((label) => ({
                     id: `add-label-${label.name}`,
                     label: (_jsx("div", { className: "mr-3 inline-block rounded-lg bg-gray-200 px-2 py-1 text-xs font-bold text-gray-700 dark:bg-gray-700 dark:text-gray-300", children: `${transformUtilizationLabels(label.name, utilizationMetrics)}="${label.value}"` })),
@@ -122,8 +118,8 @@ const ErrorContent = ({ errorMessage }) => {
 export const ProfileMetricsEmptyState = ({ message }) => {
     return (_jsx("div", { className: "flex h-full w-full flex-col items-center justify-center", children: _jsx("p", { children: message }) }));
 };
-const ProfileMetricsGraph = ({ queryClient, queryExpression, profile, from, to, setTimeRange, addLabelMatcher, onPointClick, comparing = false, sumBy, sumByLoading, }) => {
-    const { isLoading: metricsGraphLoading, response, error, } = useQueryRange(queryClient, queryExpression, from, to, sumBy, sumByLoading);
+const ProfileMetricsGraph = ({ queryClient, queryExpression, profile, from, to, setTimeRange, addLabelMatcher, onPointClick, comparing = false, sumBy, }) => {
+    const { isLoading: metricsGraphLoading, response, error, } = useQueryRange(queryClient, queryExpression, from, to, sumBy, queryExpression === '');
     const { onError, perf, authenticationErrorMessage, isDarkMode, timezone } = useParcaContext();
     const { width, height, margin, heightStyle } = useMetricsGraphDimensions(comparing);
     const [showAllSeriesForResponse, setShowAllSeriesForResponse] = useState(null);

package/dist/ProfileSelector/MetricsGraphSection.d.ts

@@ -16,9 +16,9 @@ interface MetricsGraphSectionProps {
     queryExpressionString: string;
     setTimeRangeSelection: (range: DateTimeRange) => void;
     selectQuery: (query: QuerySelection) => void;
-    selectProfile: (source: ProfileSelection) => void;
+    setProfileSelection: (mergeFrom: bigint, mergeTo: bigint, query: Query) => void;
     query: Query;
-    setNewQueryExpression: (queryExpression: string) => void;
+    setNewQueryExpression: (queryExpression: string, commit?: boolean) => void;
     setQueryExpression: (updateTs?: boolean) => void;
     utilizationMetrics?: Array<{
         name: string;
@@ -28,6 +28,6 @@ interface MetricsGraphSectionProps {
     utilizationMetricsLoading?: boolean;
     onUtilizationSeriesSelect?: (seriesIndex: number) => void;
 }
-export declare function MetricsGraphSection({ showMetricsGraph, setDisplayHideMetricsGraphButton, heightStyle, querySelection, profileSelection, comparing, sumBy, defaultSumByLoading, queryClient, queryExpressionString, setTimeRangeSelection, selectQuery, selectProfile, query, setNewQueryExpression, utilizationMetrics, utilizationMetricsLoading, onUtilizationSeriesSelect, }: MetricsGraphSectionProps): JSX.Element;
+export declare function MetricsGraphSection({ showMetricsGraph, setDisplayHideMetricsGraphButton, heightStyle, querySelection, profileSelection, comparing, sumBy, defaultSumByLoading, queryClient, queryExpressionString, setTimeRangeSelection, selectQuery, setProfileSelection, query, setNewQueryExpression, utilizationMetrics, utilizationMetricsLoading, onUtilizationSeriesSelect, }: MetricsGraphSectionProps): JSX.Element;
 export {};
 //# sourceMappingURL=MetricsGraphSection.d.ts.map

package/dist/ProfileSelector/MetricsGraphSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsGraphSection.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/MetricsGraphSection.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAQ,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAyB,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAK5D,OAAO,EAAC,cAAc,EAAE,KAAK,kBAAkB,IAAI,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1F,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gCAAgC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,kBAAkB,CAAC;IAChC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,kBAAkB,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kBAAkB,CAAC,EAAE,KAAK,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,iBAAiB,EAAE,MAAM,CAAC;QAC1B,IAAI,EAAE,sBAAsB,EAAE,CAAC;KAChC,CAAC,CAAC;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yBAAyB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gCAAgC,EAChC,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,KAAK,EACL,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,GAC1B,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CA0MxC"}
+{"version":3,"file":"MetricsGraphSection.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/MetricsGraphSection.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAQ,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,aAAa,EAAmB,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAKpC,OAAO,EAAC,cAAc,EAAE,KAAK,kBAAkB,IAAI,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1F,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gCAAgC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,kBAAkB,CAAC;IAChC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChF,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3E,kBAAkB,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kBAAkB,CAAC,EAAE,KAAK,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,iBAAiB,EAAE,MAAM,CAAC;QAC1B,IAAI,EAAE,sBAAsB,EAAE,CAAC;KAChC,CAAC,CAAC;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yBAAyB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gCAAgC,EAChC,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,GAC1B,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CA8MxC"}