@parca/profile 0.19.30 → 0.19.32

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.32](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.31...@parca/profile@0.19.32) (2025-08-06)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.19.31](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.30...@parca/profile@0.19.31) (2025-08-04)
+
+**Note:** Version bump only for package @parca/profile
+
 ## 0.19.30 (2025-07-29)
 
 **Note:** Version bump only for package @parca/profile

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,EAIL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAU1B,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;AAsUF,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;AAIjD,OAAO,EAAwC,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAU9F,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;AA4TF,QAAA,MAAM,eAAe,GAAI,2CAItB,oBAAoB,KAAG,GAAG,CAAC,OAkB7B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ProfileExplorer/index.js

@@ -16,7 +16,7 @@ import { Provider } from 'react-redux';
 import { DateTimeRange, KeyDownProvider, useParcaContext } from '@parca/components';
 import { Query } from '@parca/parser';
 import { createStore } from '@parca/store';
-import { capitalizeOnlyFirstLetter, decodeMultipleEncodings, isUrlEncoded, } from '@parca/utilities';
+import { capitalizeOnlyFirstLetter, safeDecode } from '@parca/utilities';
 import { ProfileSelectionFromParams, SuffixParams } from '..';
 import { useProfileTypes } from '../ProfileSelector';
 import { useResetStateOnNewSearch } from '../ProfileView/hooks/useResetStateOnNewSearch';
@@ -57,14 +57,6 @@ export const filterEmptyParams = (o) => {
 const filterSuffix = (o, suffix) => Object.fromEntries(Object.entries(o)
     .filter(([key]) => !key.endsWith(suffix))
     .map(([key, value]) => {
-    if (typeof value === 'string') {
-        // Only encode if not already encoded
-        return [key, isUrlEncoded(value) ? value : encodeURIComponent(value)];
-    }
-    if (Array.isArray(value)) {
-        // Only encode array values if not already encoded
-        return [key, value.map(v => (isUrlEncoded(v) ? v : encodeURIComponent(v)))];
-    }
     return [key, value];
 }));
 const swapQueryParameters = (o) => {
@@ -131,9 +123,9 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
     from_a = sanitizedRange.from_a;
     to_a = sanitizedRange.to_a;
     if ((queryParams?.expression_a ?? '') !== '')
-        queryParams.expression_a = decodeMultipleEncodings(expression_a);
+        queryParams.expression_a = safeDecode(expression_a);
     if ((queryParams?.expression_b ?? '') !== '')
-        queryParams.expression_b = decodeMultipleEncodings(expression_b);
+        queryParams.expression_b = safeDecode(expression_b);
     const selectProfile = (p, suffix) => {
         return navigateTo('/', {
             ...queryParams,
@@ -209,7 +201,7 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
             ? {
                 merge_from_a: q.mergeFrom,
                 merge_to_a: q.mergeTo,
-                selection_a: encodeURIComponent(q.expression),
+                selection_a: q.expression,
             }
             : {};
         return navigateTo('/', 

package/dist/ProfileSelector/useAutoQuerySelector.js

@@ -39,12 +39,12 @@ export const useAutoQuerySelector = ({ selectedProfileName, profileTypesData, se
             const sumBy = queryA.sumBy?.join(',');
             let compareQuery = {
                 compare_a: 'true',
-                expression_a: encodeURIComponent(queryA.expression),
+                expression_a: queryA.expression,
                 from_a: queryA.from.toString(),
                 to_a: queryA.to.toString(),
                 time_selection_a: queryA.timeSelection,
                 compare_b: 'true',
-                expression_b: encodeURIComponent(queryA.expression),
+                expression_b: queryA.expression,
                 from_b: queryA.from.toString(),
                 to_b: queryA.to.toString(),
                 time_selection_b: queryA.timeSelection,

package/dist/ProfileSource.js

@@ -61,7 +61,7 @@ export class MergedProfileSelection {
         return {
             merge_from: this.mergeFrom.toString(),
             merge_to: this.mergeTo.toString(),
-            selection: encodeURIComponent(this.query.toString()),
+            selection: this.query.toString(),
         };
     }
     Type() {

package/dist/ProfileView/components/ProfileFilters/filterPresets.d.ts

@@ -4,8 +4,10 @@ export interface FilterPreset {
     name: string;
     description: string;
     filters: Array<Omit<ProfileFilter, 'id'>>;
+    allowedProfileTypes?: string[];
 }
 export declare const filterPresets: FilterPreset[];
 export declare const isPresetKey: (key: string) => boolean;
 export declare const getPresetByKey: (key: string) => FilterPreset | undefined;
+export declare const getPresetsForProfileType: (profileType?: string) => FilterPreset[];
 //# sourceMappingURL=filterPresets.d.ts.map

package/dist/ProfileView/components/ProfileFilters/filterPresets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterPresets.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/filterPresets.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,aAAa,EAAE,YAAY,EA6CvC,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,OAEzC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,YAAY,GAAG,SAE3D,CAAC"}
+{"version":3,"file":"filterPresets.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/filterPresets.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,EAAE,YAAY,EAkEvC,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,OAEzC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,YAAY,GAAG,SAE3D,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,cAAc,MAAM,KAAG,YAAY,EAO3E,CAAC"}

package/dist/ProfileView/components/ProfileFilters/filterPresets.js

@@ -15,6 +15,7 @@ export const filterPresets = [
         key: 'go_runtime_expected_off_cpu',
         name: 'Go Runtime Expected Off-CPU',
         description: 'Excludes expected Go runtime blocking functions',
+        allowedProfileTypes: ['parca_agent:wallclock:nanoseconds:samples:count:delta'],
         filters: [
             {
                 type: 'stack',
@@ -34,6 +35,7 @@ export const filterPresets = [
         key: 'rust_runtime_expected_off_cpu',
         name: 'Rust Expected Off-CPU',
         description: 'Excludes expected Rust runtime blocking functions',
+        allowedProfileTypes: ['parca_agent:wallclock:nanoseconds:samples:count:delta'],
         filters: [
             {
                 type: 'stack',
@@ -55,6 +57,25 @@ export const filterPresets = [
             },
         ],
     },
+    {
+        key: 'hide_v8_internals',
+        name: 'Hide V8 internals',
+        description: 'Excludes Node.js and V8 internal functions from the profile',
+        filters: [
+            {
+                type: 'frame',
+                field: 'binary',
+                matchType: 'not_contains',
+                value: 'node',
+            },
+            {
+                type: 'frame',
+                field: 'function_name',
+                matchType: 'not_contains',
+                value: 'V8',
+            },
+        ],
+    },
 ];
 const presetKeys = new Set(filterPresets.map(preset => preset.key));
 export const isPresetKey = (key) => {
@@ -63,3 +84,12 @@ export const isPresetKey = (key) => {
 export const getPresetByKey = (key) => {
     return filterPresets.find(preset => preset.key === key);
 };
+export const getPresetsForProfileType = (profileType) => {
+    if (profileType === undefined || profileType === '')
+        return filterPresets;
+    return filterPresets.filter(preset => {
+        if (preset.allowedProfileTypes === undefined)
+            return true;
+        return preset.allowedProfileTypes.includes(profileType);
+    });
+};

package/dist/ProfileView/components/ProfileFilters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAoB,KAAK,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,gBAAgB,GAAI,QAAQ,aAAa,KAAG,OASxD,CAAC;AAyIF,QAAA,MAAM,cAAc,QAAO,GAAG,CAAC,OA+K9B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAoB,KAAK,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,gBAAgB,GAAI,QAAQ,aAAa,KAAG,OASxD,CAAC;AAyIF,QAAA,MAAM,cAAc,QAAO,GAAG,CAAC,OAmL9B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/ProfileView/components/ProfileFilters/index.js

@@ -15,7 +15,8 @@ import { useCallback } from 'react';
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
 import { Button, Input, Select } from '@parca/components';
-import { filterPresets, getPresetByKey, isPresetKey } from './filterPresets';
+import { useProfileViewContext } from '../../context/ProfileViewContext';
+import { getPresetByKey, getPresetsForProfileType, isPresetKey } from './filterPresets';
 import { useProfileFilters } from './useProfileFilters';
 export const isFilterComplete = (filter) => {
     // For preset filters, only need type and value
@@ -25,7 +26,7 @@ export const isFilterComplete = (filter) => {
     // For regular filters, need all fields
     return (filter.value !== '' && filter.type != null && filter.field != null && filter.matchType != null);
 };
-const filterTypeItems = [
+const getFilterTypeItems = (currentProfileType) => [
     {
         key: 'stack',
         element: {
@@ -40,7 +41,7 @@ const filterTypeItems = [
             expanded: (_jsxs(_Fragment, { children: [_jsx("span", { children: "Frame Filter" }), _jsx("br", {}), _jsx("span", { className: "text-xs", children: "Filters individual frames" })] })),
         },
     },
-    ...filterPresets.map(preset => ({
+    ...getPresetsForProfileType(currentProfileType).map(preset => ({
         key: preset.key,
         element: {
             active: _jsx(_Fragment, { children: preset.name }),
@@ -139,6 +140,9 @@ const numberMatchTypeItems = [
     },
 ];
 const ProfileFilters = () => {
+    const { profileSource } = useProfileViewContext();
+    const currentProfileType = profileSource?.ProfileType()?.toString();
+    const filterTypeItems = getFilterTypeItems(currentProfileType);
     const { localFilters, appliedFilters, hasUnsavedChanges, onApplyFilters, addFilter, removeFilter, updateFilter, resetFilters, } = useProfileFilters();
     const handleKeyDown = useCallback((e) => {
         if (e.key === 'Enter') {

package/dist/ProfileView/components/ProfileFilters/useProfileFiltersUrlState.js

@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { useURLStateCustom } from '@parca/components';
-import { decodeMultipleEncodings } from '@parca/utilities';
+import { safeDecode } from '@parca/utilities';
 import { isPresetKey } from './filterPresets';
 // Compact encoding mappings
 const TYPE_MAP = {
@@ -63,8 +63,8 @@ export const decodeProfileFilters = (encoded) => {
     if (encoded === '' || encoded === undefined)
         return [];
     try {
-        // Handle multiple levels of URL encoding
-        const decodedString = decodeMultipleEncodings(encoded) ?? encoded;
+        // Decode once since we fixed the double encoding issue
+        const decodedString = safeDecode(encoded);
         return decodedString.split(',').map((filter, index) => {
             const parts = filter.split(':');
             // Handle preset filters (format: p:presetKey:value)

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.30",
+  "version": "0.19.32",
   "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.3",
-    "@parca/components": "0.16.353",
+    "@parca/components": "0.16.354",
     "@parca/dynamicsize": "0.16.65",
-    "@parca/hooks": "0.0.98",
+    "@parca/hooks": "0.0.99",
     "@parca/icons": "0.16.72",
     "@parca/parser": "0.16.79",
-    "@parca/store": "0.16.182",
-    "@parca/utilities": "0.0.105",
+    "@parca/store": "0.16.183",
+    "@parca/utilities": "0.0.106",
     "@popperjs/core": "^2.11.8",
     "@protobuf-ts/runtime-rpc": "^2.5.0",
     "@storybook/preview-api": "^8.4.3",
@@ -78,5 +78,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "843fe8c388476f7934fe7748c00cf0a158bc1f56"
+  "gitHead": "5eb160b1e3617d6add4a82d4b943852485937fbd"
 }

package/src/ProfileExplorer/index.tsx

@@ -19,12 +19,7 @@ import {QueryServiceClient} from '@parca/client';
 import {DateTimeRange, KeyDownProvider, useParcaContext} from '@parca/components';
 import {Query} from '@parca/parser';
 import {createStore} from '@parca/store';
-import {
-  capitalizeOnlyFirstLetter,
-  decodeMultipleEncodings,
-  isUrlEncoded,
-  type NavigateFunction,
-} from '@parca/utilities';
+import {capitalizeOnlyFirstLetter, safeDecode, type NavigateFunction} from '@parca/utilities';
 
 import {ProfileSelection, ProfileSelectionFromParams, SuffixParams} from '..';
 import {QuerySelection, useProfileTypes} from '../ProfileSelector';
@@ -98,14 +93,6 @@ const filterSuffix = (
     Object.entries(o)
       .filter(([key]) => !key.endsWith(suffix))
       .map(([key, value]) => {
-        if (typeof value === 'string') {
-          // Only encode if not already encoded
-          return [key, isUrlEncoded(value) ? value : encodeURIComponent(value)];
-        }
-        if (Array.isArray(value)) {
-          // Only encode array values if not already encoded
-          return [key, value.map(v => (isUrlEncoded(v) ? v : encodeURIComponent(v)))];
-        }
         return [key, value];
       })
   );
@@ -227,10 +214,8 @@ const ProfileExplorerApp = ({
   from_a = sanitizedRange.from_a;
   to_a = sanitizedRange.to_a;
 
-  if ((queryParams?.expression_a ?? '') !== '')
-    queryParams.expression_a = decodeMultipleEncodings(expression_a);
-  if ((queryParams?.expression_b ?? '') !== '')
-    queryParams.expression_b = decodeMultipleEncodings(expression_b);
+  if ((queryParams?.expression_a ?? '') !== '') queryParams.expression_a = safeDecode(expression_a);
+  if ((queryParams?.expression_b ?? '') !== '') queryParams.expression_b = safeDecode(expression_b);
 
   const selectProfile = (p: ProfileSelection, suffix: string): void => {
     return navigateTo('/', {
@@ -328,7 +313,7 @@ const ProfileExplorerApp = ({
         ? {
             merge_from_a: q.mergeFrom,
             merge_to_a: q.mergeTo,
-            selection_a: encodeURIComponent(q.expression),
+            selection_a: q.expression,
           }
         : {};
     return navigateTo(

package/src/ProfileSelector/useAutoQuerySelector.ts

@@ -72,13 +72,13 @@ export const useAutoQuerySelector = ({
 
       let compareQuery: Record<string, string> = {
         compare_a: 'true',
-        expression_a: encodeURIComponent(queryA.expression),
+        expression_a: queryA.expression,
         from_a: queryA.from.toString(),
         to_a: queryA.to.toString(),
         time_selection_a: queryA.timeSelection,
 
         compare_b: 'true',
-        expression_b: encodeURIComponent(queryA.expression),
+        expression_b: queryA.expression,
         from_b: queryA.from.toString(),
         to_b: queryA.to.toString(),
         time_selection_b: queryA.timeSelection,

package/src/ProfileSource.tsx

@@ -110,7 +110,7 @@ export class MergedProfileSelection implements ProfileSelection {
     return {
       merge_from: this.mergeFrom.toString(),
       merge_to: this.mergeTo.toString(),
-      selection: encodeURIComponent(this.query.toString()),
+      selection: this.query.toString(),
     };
   }
 

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

@@ -18,6 +18,7 @@ export interface FilterPreset {
   name: string;
   description: string;
   filters: Array<Omit<ProfileFilter, 'id'>>;
+  allowedProfileTypes?: string[];
 }
 
 export const filterPresets: FilterPreset[] = [
@@ -25,6 +26,7 @@ export const filterPresets: FilterPreset[] = [
     key: 'go_runtime_expected_off_cpu',
     name: 'Go Runtime Expected Off-CPU',
     description: 'Excludes expected Go runtime blocking functions',
+    allowedProfileTypes: ['parca_agent:wallclock:nanoseconds:samples:count:delta'],
     filters: [
       {
         type: 'stack',
@@ -44,6 +46,7 @@ export const filterPresets: FilterPreset[] = [
     key: 'rust_runtime_expected_off_cpu',
     name: 'Rust Expected Off-CPU',
     description: 'Excludes expected Rust runtime blocking functions',
+    allowedProfileTypes: ['parca_agent:wallclock:nanoseconds:samples:count:delta'],
     filters: [
       {
         type: 'stack',
@@ -65,6 +68,25 @@ export const filterPresets: FilterPreset[] = [
       },
     ],
   },
+  {
+    key: 'hide_v8_internals',
+    name: 'Hide V8 internals',
+    description: 'Excludes Node.js and V8 internal functions from the profile',
+    filters: [
+      {
+        type: 'frame',
+        field: 'binary',
+        matchType: 'not_contains',
+        value: 'node',
+      },
+      {
+        type: 'frame',
+        field: 'function_name',
+        matchType: 'not_contains',
+        value: 'V8',
+      },
+    ],
+  },
 ];
 
 const presetKeys = new Set(filterPresets.map(preset => preset.key));
@@ -76,3 +98,12 @@ export const isPresetKey = (key: string): boolean => {
 export const getPresetByKey = (key: string): FilterPreset | undefined => {
   return filterPresets.find(preset => preset.key === key);
 };
+
+export const getPresetsForProfileType = (profileType?: string): FilterPreset[] => {
+  if (profileType === undefined || profileType === '') return filterPresets;
+
+  return filterPresets.filter(preset => {
+    if (preset.allowedProfileTypes === undefined) return true;
+    return preset.allowedProfileTypes.includes(profileType);
+  });
+};

package/src/ProfileView/components/ProfileFilters/index.tsx

@@ -18,7 +18,8 @@ import cx from 'classnames';
 
 import {Button, Input, Select, type SelectItem} from '@parca/components';
 
-import {filterPresets, getPresetByKey, isPresetKey} from './filterPresets';
+import {useProfileViewContext} from '../../context/ProfileViewContext';
+import {getPresetByKey, getPresetsForProfileType, isPresetKey} from './filterPresets';
 import {useProfileFilters, type ProfileFilter} from './useProfileFilters';
 
 export const isFilterComplete = (filter: ProfileFilter): boolean => {
@@ -32,7 +33,7 @@ export const isFilterComplete = (filter: ProfileFilter): boolean => {
   );
 };
 
-const filterTypeItems: SelectItem[] = [
+const getFilterTypeItems = (currentProfileType?: string): SelectItem[] => [
   {
     key: 'stack',
     element: {
@@ -59,7 +60,7 @@ const filterTypeItems: SelectItem[] = [
       ),
     },
   },
-  ...filterPresets.map(preset => ({
+  ...getPresetsForProfileType(currentProfileType).map(preset => ({
     key: preset.key,
     element: {
       active: <>{preset.name}</>,
@@ -168,6 +169,10 @@ const numberMatchTypeItems: SelectItem[] = [
 ];
 
 const ProfileFilters = (): JSX.Element => {
+  const {profileSource} = useProfileViewContext();
+  const currentProfileType = profileSource?.ProfileType()?.toString();
+  const filterTypeItems = getFilterTypeItems(currentProfileType);
+
   const {
     localFilters,
     appliedFilters,

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

@@ -12,7 +12,7 @@
 // limitations under the License.
 
 import {useURLStateCustom, type ParamValueSetterCustom} from '@parca/components';
-import {decodeMultipleEncodings} from '@parca/utilities';
+import {safeDecode} from '@parca/utilities';
 
 import {isPresetKey} from './filterPresets';
 import {type ProfileFilter} from './useProfileFilters';
@@ -73,8 +73,8 @@ export const decodeProfileFilters = (encoded: string): ProfileFilter[] => {
   if (encoded === '' || encoded === undefined) return [];
 
   try {
-    // Handle multiple levels of URL encoding
-    const decodedString = decodeMultipleEncodings(encoded) ?? encoded;
+    // Decode once since we fixed the double encoding issue
+    const decodedString = safeDecode(encoded);
 
     return decodedString.split(',').map((filter, index) => {
       const parts = filter.split(':');