@parca/profile 0.19.109 → 0.19.111

package/dist/SourceView/index.js

@@ -35,28 +35,57 @@ export const SourceView = React.memo(function SourceView({ data, loading, total,
         id: MENU_ID,
     });
     const { startLine, endLine } = useLineRange();
-    const [cumulative, flat] = useMemo(() => {
+    const sourceTable = useMemo(() => {
         if (data === undefined) {
-            return [null, null];
+            return null;
         }
         const table = tableFromIPC(data.record);
-        const cumulative = table.getChild('cumulative');
-        const flat = table.getChild('flat');
-        return [cumulative, flat];
+        return {
+            numRows: table.numRows,
+            lineNumbers: table.getChild('line_number'),
+            cumulative: table.getChild('cumulative'),
+            flat: table.getChild('flat'),
+        };
     }, [data]);
+    const getLineData = useCallback((lineNumber) => {
+        if (sourceTable === null || sourceTable.lineNumbers === null) {
+            return undefined;
+        }
+        const { numRows, lineNumbers, cumulative, flat } = sourceTable;
+        let lo = 0;
+        let hi = numRows - 1;
+        while (lo <= hi) {
+            const mid = (lo + hi) >>> 1;
+            const midVal = Number(lineNumbers.get(mid));
+            if (midVal === lineNumber) {
+                return {
+                    cumulative: cumulative?.get(mid) ?? 0n,
+                    flat: flat?.get(mid) ?? 0n,
+                };
+            }
+            if (midVal < lineNumber) {
+                lo = mid + 1;
+            }
+            else {
+                hi = mid - 1;
+            }
+        }
+        return undefined;
+    }, [sourceTable]);
     const getProfileDataForLine = useCallback((line, newLine) => {
-        if (cumulative == null && flat == null) {
+        const data = getLineData(line);
+        if (data === undefined) {
             return undefined;
         }
-        if (cumulative?.get(line - 1) === 0n && flat?.get(line - 1) === 0n) {
+        if (data.cumulative === 0n && data.flat === 0n) {
             return undefined;
         }
         return {
             line: newLine,
-            cumulative: Number(cumulative?.get(line - 1) ?? 0),
-            flat: Number(flat?.get(line - 1) ?? 0),
+            cumulative: Number(data.cumulative),
+            flat: Number(data.flat),
         };
-    }, [cumulative, flat]);
+    }, [getLineData]);
     const [selectedCode, profileData] = useMemo(() => {
         if (startLine === -1 && endLine === -1) {
             return ['', []];
@@ -97,6 +126,6 @@ export const SourceView = React.memo(function SourceView({ data, loading, total,
             event,
         });
     };
-    return (_jsx(AnimatePresence, { children: _jsxs(motion.div, { className: "h-full w-full", initial: { display: 'none', opacity: 0 }, animate: { display: 'block', opacity: 1 }, transition: { duration: 0.5 }, children: [_jsx(Highlighter, { file: sourceFileName, content: data.source, renderer: profileAwareRenderer(cumulative, flat, total, filtered, onContextMenu) }), sourceViewContextMenuItems.length > 0 ? (_jsx(Menu, { id: MENU_ID, children: sourceViewContextMenuItems.map(item => (_jsx(Item, { onClick: () => item.action(selectedCode, profileData), children: item.label }, item.id))) })) : null] }, "source-view-loaded") }));
+    return (_jsx(AnimatePresence, { children: _jsxs(motion.div, { className: "h-full w-full", initial: { display: 'none', opacity: 0 }, animate: { display: 'block', opacity: 1 }, transition: { duration: 0.5 }, children: [_jsx(Highlighter, { file: sourceFileName, content: data.source, renderer: profileAwareRenderer(getLineData, total, filtered, onContextMenu) }), sourceViewContextMenuItems.length > 0 ? (_jsx(Menu, { id: MENU_ID, children: sourceViewContextMenuItems.map(item => (_jsx(Item, { onClick: () => item.action(selectedCode, profileData), children: item.label }, item.id))) })) : null] }, "source-view-loaded") }));
 });
 export default SourceView;

package/dist/hooks/useLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLabels.d.ts","sourceRoot":"","sources":["../../src/hooks/useLabels.ts"],"names":[],"mappings":"AAeA,OAAO,EAAgB,cAAc,EAAE,kBAAkB,EAAgB,MAAM,eAAe,CAAC;AAM/F,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;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,eAAO,MAAM,cAAc,GACzB,QAAQ,kBAAkB,EAC1B,WAAW,MAAM,EACjB,aAAa,MAAM,EACnB,QAAQ,MAAM,EACd,MAAM,MAAM,KACX,cAmCF,CAAC"}
+{"version":3,"file":"useLabels.d.ts","sourceRoot":"","sources":["../../src/hooks/useLabels.ts"],"names":[],"mappings":"AAaA,OAAO,EAAgB,cAAc,EAAE,kBAAkB,EAAgB,MAAM,eAAe,CAAC;AAM/F,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,UAAU,cAAc;IACtB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;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,aA8BF,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,QAAQ,kBAAkB,EAC1B,WAAW,MAAM,EACjB,aAAa,MAAM,EACnB,QAAQ,MAAM,EACd,MAAM,MAAM,KACX,cA+BF,CAAC"}

package/dist/hooks/useLabels.js

@@ -10,7 +10,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 { useEffect } from 'react';
 import { useGrpcMetadata } from '@parca/components';
 import { millisToProtoTimestamp, sanitizeLabelValue } from '@parca/utilities';
 import useGrpcQuery from '../useGrpcQuery';
@@ -35,9 +34,6 @@ export const useLabelNames = (client, profileType, start, end, match) => {
             keepPreviousData: false,
         },
     });
-    useEffect(() => {
-        console.log('Label names query result:', { data, error, isLoading });
-    }, [data, error, isLoading]);
     return {
         result: { response: data, error: error },
         loading: isLoading,
@@ -67,9 +63,6 @@ export const useLabelValues = (client, labelName, profileType, start, end) => {
             keepPreviousData: false,
         },
     });
-    useEffect(() => {
-        console.log('Label values query result:', { data, error, isLoading, labelName });
-    }, [data, error, isLoading, labelName]);
     return {
         result: { response: data ?? [], error: error },
         loading: isLoading,

package/dist/hooks/useQueryState.d.ts

@@ -8,6 +8,7 @@ interface UseQueryStateOptions {
     defaultFrom?: number;
     defaultTo?: number;
     comparing?: boolean;
+    onProfileTypeChange?: () => void;
 }
 interface UseQueryStateReturn {
     querySelection: QuerySelection;
@@ -28,6 +29,9 @@ interface UseQueryStateReturn {
     sumByLoading: boolean;
     draftParsedQuery: Query | null;
     parsedQuery: Query | null;
+    setExpressionParam: (value: string | undefined) => void;
+    setSumByParam: (value: string | undefined) => void;
+    setGroupByParam: (value: string[] | undefined) => void;
 }
 export declare const useQueryState: (options?: UseQueryStateOptions) => UseQueryStateReturn;
 export {};

package/dist/hooks/useQueryState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryState.d.ts","sourceRoot":"","sources":["../../src/hooks/useQueryState.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAA8B,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAK7F,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,mBAAmB;IAE3B,cAAc,EAAE,cAAc,CAAC;IAG/B,cAAc,EAAE,cAAc,CAAC;IAG/B,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG7C,WAAW,EAAE,CAAC,kBAAkB,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAG9F,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAG1C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IAGpC,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGhF,YAAY,EAAE,OAAO,CAAC;IAGtB,gBAAgB,EAAE,KAAK,GAAG,IAAI,CAAC;IAG/B,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,UAAS,oBAAyB,KAAG,mBAgZlE,CAAC"}
+{"version":3,"file":"useQueryState.d.ts","sourceRoot":"","sources":["../../src/hooks/useQueryState.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAA8B,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAK7F,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,UAAU,mBAAmB;IAE3B,cAAc,EAAE,cAAc,CAAC;IAG/B,cAAc,EAAE,cAAc,CAAC;IAG/B,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG7C,WAAW,EAAE,CAAC,kBAAkB,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAG9F,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAG1C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IAGpC,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGhF,YAAY,EAAE,OAAO,CAAC;IAGtB,gBAAgB,EAAE,KAAK,GAAG,IAAI,CAAC;IAG/B,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAE1B,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,aAAa,GAAI,UAAS,oBAAyB,KAAG,mBA2alE,CAAC"}

package/dist/hooks/useQueryState.js

@@ -20,7 +20,7 @@ import { DEFAULT_EMPTY_SUM_BY, sumByToParam, useSumBy, useSumByFromParams } from
 export const useQueryState = (options = {}) => {
     const { queryServiceClient: queryClient } = useParcaContext();
     const { suffix = '', defaultExpression = '', defaultTimeSelection = 'relative:minute|15', // Default to 15 minutes relative
-    defaultFrom, defaultTo, comparing = false, } = options;
+    defaultFrom, defaultTo, comparing = false, onProfileTypeChange, } = options;
     const batchUpdates = useURLStateBatch();
     const resetFlameGraphState = useResetFlameGraphState();
     const resetStateOnProfileTypeChange = useResetStateOnProfileTypeChange();
@@ -38,6 +38,9 @@ export const useQueryState = (options = {}) => {
         defaultValue: defaultTimeSelection,
     });
     const [sumByParam, setSumByParam] = useURLState(`sum_by${suffix}`);
+    const [, setGroupByParam] = useURLState('group_by', {
+        alwaysReturnArray: true,
+    });
     const [mergeFrom, setMergeFromState] = useURLState(`merge_from${suffix}`);
     const [mergeTo, setMergeToState] = useURLState(`merge_to${suffix}`);
     // ProfileSelection URL state hooks - reuses merge_from/merge_to but adds selection
@@ -54,7 +57,11 @@ export const useQueryState = (options = {}) => {
         try {
             return Query.parse(draftExpression ?? '');
         }
-        catch {
+        catch (error) {
+            console.warn('Failed to parse draft expression', {
+                expression: draftExpression,
+                error: error instanceof Error ? error.message : String(error),
+            });
             return Query.parse('');
         }
     }, [draftExpression]);
@@ -62,7 +69,11 @@ export const useQueryState = (options = {}) => {
         try {
             return Query.parse(expression ?? '');
         }
-        catch {
+        catch (error) {
+            console.warn('Failed to parse expression', {
+                expression,
+                error: error instanceof Error ? error.message : String(error),
+            });
             return Query.parse('');
         }
     }, [expression]);
@@ -232,6 +243,7 @@ export const useQueryState = (options = {}) => {
             if (draftProfileType.toString() !==
                 Query.parse(querySelection.expression).profileType().toString()) {
                 resetStateOnProfileTypeChange();
+                onProfileTypeChange?.();
             }
         });
     }, [
@@ -254,6 +266,7 @@ export const useQueryState = (options = {}) => {
         setSelectionParam,
         resetFlameGraphState,
         resetStateOnProfileTypeChange,
+        onProfileTypeChange,
         draftProfileType,
         querySelection.expression,
     ]);
@@ -290,7 +303,11 @@ export const useQueryState = (options = {}) => {
         try {
             return Query.parse(draftSelection.expression ?? '');
         }
-        catch {
+        catch (error) {
+            console.warn('Failed to parse draft selection expression', {
+                expression: draftSelection.expression,
+                error: error instanceof Error ? error.message : String(error),
+            });
             return Query.parse('');
         }
     }, [draftSelection.expression]);
@@ -298,7 +315,11 @@ export const useQueryState = (options = {}) => {
         try {
             return Query.parse(querySelection.expression ?? '');
         }
-        catch {
+        catch (error) {
+            console.warn('Failed to parse query selection expression', {
+                expression: querySelection.expression,
+                error: error instanceof Error ? error.message : String(error),
+            });
             return Query.parse('');
         }
     }, [querySelection.expression]);
@@ -323,5 +344,8 @@ export const useQueryState = (options = {}) => {
         sumByLoading: isDraftSumByLoading || sumBySelectionLoading,
         draftParsedQuery,
         parsedQuery,
+        setExpressionParam: setExpressionState,
+        setSumByParam,
+        setGroupByParam,
     };
 };

package/dist/hooks/useQueryState.test.js

@@ -1,6 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2022 The Parca 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
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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 { act } from 'react';
 // eslint-disable-next-line import/named
-import { act, renderHook, waitFor } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+// eslint-disable-next-line import/named
+import { renderHook, waitFor } from '@testing-library/react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { URLStateProvider } from '@parca/components';
 import { useQueryState } from './useQueryState';
@@ -72,9 +87,38 @@ vi.mock('../useSumBy', async () => {
         },
     };
 });
+// Track profile types loading state for tests
+let mockProfileTypesLoading = false;
+let mockProfileTypesData;
+// Mock useProfileTypes to control loading state in tests
+vi.mock('../ProfileSelector', async () => {
+    const actual = await vi.importActual('../ProfileSelector');
+    return {
+        ...actual,
+        useProfileTypes: () => ({
+            loading: mockProfileTypesLoading,
+            data: mockProfileTypesData,
+            error: null,
+        }),
+    };
+});
+// Helper to set profile types loading state for tests
+const setProfileTypesLoading = (loading) => {
+    mockProfileTypesLoading = loading;
+};
+const setProfileTypesData = (data) => {
+    mockProfileTypesData = data;
+};
 // Helper to create wrapper with URLStateProvider
 const createWrapper = (paramPreferences = {}) => {
-    const Wrapper = ({ children }) => (_jsx(URLStateProvider, { navigateTo: mockNavigateTo, paramPreferences: paramPreferences, children: children }));
+    const queryClient = new QueryClient({
+        defaultOptions: {
+            queries: {
+                retry: false,
+            },
+        },
+    });
+    const Wrapper = ({ children }) => (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(URLStateProvider, { navigateTo: mockNavigateTo, paramPreferences: paramPreferences, children: children }) }));
     Wrapper.displayName = 'URLStateProviderWrapper';
     return Wrapper;
 };
@@ -86,17 +130,20 @@ describe('useQueryState', () => {
             writable: true,
         });
         mockLocation.search = '';
+        // Reset profile types mock state
+        setProfileTypesLoading(false);
+        setProfileTypesData(undefined);
     });
     describe('Basic functionality', () => {
         it('should initialize with default values', () => {
             const { result } = renderHook(() => useQueryState({
-                defaultExpression: 'process_cpu{}',
+                defaultExpression: 'process_cpu:cpu:nanoseconds:cpu:nanoseconds{}',
                 defaultTimeSelection: 'relative:hour|1',
                 defaultFrom: 1000,
                 defaultTo: 2000,
             }), { wrapper: createWrapper() });
             const { querySelection } = result.current;
-            expect(querySelection.expression).toBe('process_cpu{}');
+            expect(querySelection.expression).toBe('process_cpu:cpu:nanoseconds:cpu:nanoseconds{}');
             expect(querySelection.timeSelection).toBe('relative:hour|1');
             // From/to should be calculated from the range
             expect(querySelection.from).toBeDefined();
@@ -395,12 +442,28 @@ describe('useQueryState', () => {
         });
     });
     describe('Edge cases', () => {
-        it('should handle invalid expression gracefully', () => {
+        it('should handle invalid expression gracefully and log warning', () => {
+            const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => { });
             const { result } = renderHook(() => useQueryState({
                 defaultExpression: 'invalid{{}expression',
             }), { wrapper: createWrapper() });
-            // Should not throw error
+            // Should not throw error - invalid expressions are caught and logged
+            expect(() => result.current.querySelection).not.toThrow();
+            // Should fall back to empty expression
+            expect(result.current.querySelection.expression).toBe('invalid{{}expression');
+            // Should log a warning about the parse failure
+            expect(consoleSpy).toHaveBeenCalledWith('Failed to parse expression', expect.objectContaining({
+                expression: 'invalid{{}expression',
+            }));
+            consoleSpy.mockRestore();
+        });
+        it('should handle empty expression gracefully', () => {
+            const { result } = renderHook(() => useQueryState({
+                defaultExpression: '',
+            }), { wrapper: createWrapper() });
+            // Should not throw error with empty expression
             expect(() => result.current.querySelection).not.toThrow();
+            expect(result.current.querySelection.expression).toBe('');
         });
         it('should clear merge params for non-delta profiles', async () => {
             mockLocation.search =
@@ -896,7 +959,8 @@ describe('useQueryState', () => {
             });
         });
         it('should preserve other URL params when setting ProfileSelection', async () => {
-            mockLocation.search = '?expression_a=process_cpu{}&other_param=value&unrelated=test';
+            mockLocation.search =
+                '?expression_a=process_cpu:cpu:nanoseconds:cpu:nanoseconds{}&other_param=value&unrelated=test';
             const { result } = renderHook(() => useQueryState({ suffix: '_a' }), { wrapper: createWrapper() });
             const mockQuery = {
                 toString: () => 'process_cpu:cpu:nanoseconds:cpu:nanoseconds{pod="test"}',
@@ -911,7 +975,7 @@ describe('useQueryState', () => {
                 // ProfileSelection params should be set
                 expect(params.selection_a).toBe('process_cpu:cpu:nanoseconds:cpu:nanoseconds{pod="test"}');
                 // Other params should be preserved
-                expect(params.expression_a).toBe('process_cpu{}');
+                expect(params.expression_a).toBe('process_cpu:cpu:nanoseconds:cpu:nanoseconds{}');
                 expect(params.other_param).toBe('value');
                 expect(params.unrelated).toBe('test');
             });

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { useQueryState } from './hooks/useQueryState';
 export { useMetricsGraphDimensions } from './MetricsGraph/useMetricsGraphDimensions';
 export * from './ProfileFlameGraph';
 export * from './ProfileSource';
-export { convertToProtoFilters, convertFromProtoFilters, } from './ProfileView/components/ProfileFilters/useProfileFilters';
+export { convertToProtoFilters, convertFromProtoFilters, useProfileFilters, type ProfileFilter, } from './ProfileView/components/ProfileFilters/useProfileFilters';
 export * from './ProfileView';
 export * from './ProfileViewWithData';
 export * from './utils';
@@ -23,5 +23,6 @@ export { QueryControls } from './QueryControls';
 export { default as ProfileFilters } from './ProfileView/components/ProfileFilters';
 export { useProfileFiltersUrlState } from './ProfileView/components/ProfileFilters/useProfileFiltersUrlState';
 export declare const DEFAULT_PROFILE_EXPLORER_PARAM_VALUES: ParamPreferences;
+export { useProfileTypes } from './ProfileSelector';
 export { ProfileExplorer, ProfileTypeSelector, CustomSelect, SelectWithRefresh, useLabelNames, MetricsGraph, type ContextMenuItemOrSubmenu, type Series, LabelsQueryProvider, useLabelsQueryProvider, UnifiedLabelsProvider, useUnifiedLabels, useQueryState, type LabelsQueryProviderContextType, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAExD,OAAO,YAAY,EAAE,EAAC,KAAK,wBAAwB,EAAE,KAAK,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACxF,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,8BAA8B,EACpC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACxF,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAC,yBAAyB,EAAC,MAAM,0CAA0C,CAAC;AAEnF,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,2DAA2D,CAAC;AACnE,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAC,yBAAyB,EAAC,MAAM,mEAAmE,CAAC;AAE5G,eAAO,MAAM,qCAAqC,EAAE,gBAQnD,CAAC;AAEF,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,KAAK,wBAAwB,EAC7B,KAAK,MAAM,EACX,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,KAAK,8BAA8B,GACpC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAExD,OAAO,YAAY,EAAE,EAAC,KAAK,wBAAwB,EAAE,KAAK,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACxF,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,8BAA8B,EACpC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAC,qBAAqB,EAAE,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACxF,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAC,yBAAyB,EAAC,MAAM,0CAA0C,CAAC;AAEnF,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,iBAAiB,EACjB,KAAK,aAAa,GACnB,MAAM,2DAA2D,CAAC;AACnE,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAC,yBAAyB,EAAC,MAAM,mEAAmE,CAAC;AAE5G,eAAO,MAAM,qCAAqC,EAAE,gBAQnD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,KAAK,wBAAwB,EAC7B,KAAK,MAAM,EACX,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,KAAK,8BAA8B,GACpC,CAAC"}

package/dist/index.js

@@ -22,7 +22,7 @@ import { useQueryState } from './hooks/useQueryState';
 export { useMetricsGraphDimensions } from './MetricsGraph/useMetricsGraphDimensions';
 export * from './ProfileFlameGraph';
 export * from './ProfileSource';
-export { convertToProtoFilters, convertFromProtoFilters, } from './ProfileView/components/ProfileFilters/useProfileFilters';
+export { convertToProtoFilters, convertFromProtoFilters, useProfileFilters, } from './ProfileView/components/ProfileFilters/useProfileFilters';
 export * from './ProfileView';
 export * from './ProfileViewWithData';
 export * from './utils';
@@ -42,4 +42,5 @@ export const DEFAULT_PROFILE_EXPLORER_PARAM_VALUES = {
         splitOnCommas: true,
     },
 };
+export { useProfileTypes } from './ProfileSelector';
 export { ProfileExplorer, ProfileTypeSelector, CustomSelect, SelectWithRefresh, useLabelNames, MetricsGraph, LabelsQueryProvider, useLabelsQueryProvider, UnifiedLabelsProvider, useUnifiedLabels, useQueryState, };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.109",
+  "version": "0.19.111",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
     "@headlessui/react": "^1.7.19",
     "@iconify/react": "^4.0.0",
     "@parca/client": "0.17.16",
-    "@parca/components": "0.16.395",
+    "@parca/components": "0.16.396",
     "@parca/dynamicsize": "0.16.72",
     "@parca/hooks": "0.0.116",
     "@parca/icons": "0.16.79",
@@ -84,5 +84,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "02333e7ff5910eca5a0f85ba42908dfcce1c19c5"
+  "gitHead": "77f4ccf0e86c3d2c62f8a24d2d5316b78f24dec7"
 }

package/src/ProfileSelector/index.tsx

@@ -30,6 +30,10 @@ import {TEST_IDS, testId} from '@parca/test-utils';
 import {millisToProtoTimestamp, type NavigateFunction} from '@parca/utilities';
 
 import {useMetricsGraphDimensions} from '../MetricsGraph/useMetricsGraphDimensions';
+import {
+  ProfileFilter,
+  useProfileFilters,
+} from '../ProfileView/components/ProfileFilters/useProfileFilters';
 import {QueryControls} from '../QueryControls';
 import {LabelsQueryProvider, useLabelsQueryProvider} from '../contexts/LabelsQueryProvider';
 import {UnifiedLabelsProvider} from '../contexts/UnifiedLabelsContext';
@@ -119,6 +123,15 @@ const ProfileSelector = ({
   const [queryBrowserMode, setQueryBrowserMode] = useURLState('query_browser_mode');
   const batchUpdates = useURLStateBatch();
 
+  const profileFilterDefaults = viewComponent?.profileFilterDefaults as ProfileFilter[] | undefined;
+  const {forceApplyFilters} = useProfileFilters();
+
+  const handleProfileTypeChange = useCallback(() => {
+    if (profileFilterDefaults != null && profileFilterDefaults.length > 0) {
+      forceApplyFilters(profileFilterDefaults);
+    }
+  }, [forceApplyFilters, profileFilterDefaults]);
+
   // Use the new useQueryState hook - reads directly from URL params
   const {
     querySelection,
@@ -133,7 +146,7 @@ const ProfileSelector = ({
     setProfileSelection,
     sumByLoading,
     draftParsedQuery,
-  } = useQueryState({suffix});
+  } = useQueryState({suffix, onProfileTypeChange: handleProfileTypeChange});
 
   // Use draft state for local state instead of committed state
   const [timeRangeSelection, setTimeRangeSelection] = useState(

package/src/ProfileSelector/useAutoQuerySelector.ts

@@ -137,7 +137,7 @@ export const useAutoQuerySelector = ({
       }
       dispatch(setAutoQuery('true'));
       let profileType = profileTypesData.types.find(
-        type => type.name === 'parca_agent' && type.delta
+        type => type.name === 'parca_agent' && type.sampleType === 'samples' && type.delta
       );
       if (profileType == null) {
         profileType = profileTypesData.types.find(

package/src/ProfileView/components/ProfileFilters/useProfileFilters.ts

@@ -237,8 +237,10 @@ export const useProfileFilters = (): {
   removeFilter: (id: string) => void;
   updateFilter: (id: string, updates: Partial<ProfileFilter>) => void;
   resetFilters: () => void;
+  setAppliedFilters: (filters: ProfileFilter[]) => void;
+  forceApplyFilters: (filters: ProfileFilter[]) => void;
 } => {
-  const {appliedFilters, setAppliedFilters} = useProfileFiltersUrlState();
+  const {appliedFilters, setAppliedFilters, forceApplyFilters} = useProfileFiltersUrlState();
   const resetFlameGraphState = useResetFlameGraphState();
 
   const [localFilters, setLocalFilters] = useState<ProfileFilter[]>(appliedFilters ?? []);
@@ -422,5 +424,7 @@ export const useProfileFilters = (): {
     removeFilter,
     updateFilter,
     resetFilters,
+    setAppliedFilters,
+    forceApplyFilters,
   };
 };