@parca/profile 0.17.4 → 0.17.6

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.17.6](https://github.com/parca-dev/parca/compare/@parca/profile@0.17.5...@parca/profile@0.17.6) (2025-06-05)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.17.5](https://github.com/parca-dev/parca/compare/@parca/profile@0.17.4...@parca/profile@0.17.5) (2025-06-03)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.17.4](https://github.com/parca-dev/parca/compare/@parca/profile@0.17.3...@parca/profile@0.17.4) (2025-06-02)
 
 **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;AAGjD,OAAO,EAA4B,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAQlF,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAaD,eAAO,MAAM,sBAAsB,eAAgB,MAAM,GAAG,EAAE,KAAG,MAGhE,CAAC;AAoWF,QAAA,MAAM,eAAe,8CAIlB,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,EAIL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAQ1B,UAAU,oBAAoB;IAC5B,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,GAAG,CAAC;IACjB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAaD,eAAO,MAAM,sBAAsB,eAAgB,MAAM,GAAG,EAAE,KAAG,MAGhE,CAAC;AAmWF,QAAA,MAAM,eAAe,8CAIlB,oBAAoB,KAAG,GAAG,CAAC,OAkB7B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/ProfileExplorer/index.js

@@ -15,7 +15,7 @@ import { useEffect, useMemo, useState } from 'react';
 import { Provider } from 'react-redux';
 import { DateTimeRange, KeyDownProvider, useParcaContext } from '@parca/components';
 import { createStore } from '@parca/store';
-import { capitalizeOnlyFirstLetter } from '@parca/utilities';
+import { capitalizeOnlyFirstLetter, decodeMultipleEncodings, isUrlEncoded, } from '@parca/utilities';
 import { ProfileSelectionFromParams, SuffixParams } from '..';
 import { useProfileTypes } from '../ProfileSelector';
 import { sumByToParam, useSumByFromParams } from '../useSumBy';
@@ -55,10 +55,12 @@ const filterSuffix = (o, suffix) => Object.fromEntries(Object.entries(o)
     .filter(([key]) => !key.endsWith(suffix))
     .map(([key, value]) => {
     if (typeof value === 'string') {
-        return [key, encodeURIComponent(value)];
+        // Only encode if not already encoded
+        return [key, isUrlEncoded(value) ? value : encodeURIComponent(value)];
     }
     if (Array.isArray(value)) {
-        return [key, value.map(v => encodeURIComponent(v))];
+        // Only encode array values if not already encoded
+        return [key, value.map(v => (isUrlEncoded(v) ? v : encodeURIComponent(v)))];
     }
     return [key, value];
 }));
@@ -124,14 +126,10 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
     from_a = sanitizedRange.from_a;
     to_a = sanitizedRange.to_a;
     if ((queryParams?.expression_a ?? '') !== '')
-        queryParams.expression_a = expression_a;
+        queryParams.expression_a = decodeMultipleEncodings(expression_a);
     if ((queryParams?.expression_b ?? '') !== '')
-        queryParams.expression_b = expression_b;
+        queryParams.expression_b = decodeMultipleEncodings(expression_b);
     const selectProfile = (p, suffix) => {
-        queryParams.expression_a = encodeURIComponent(queryParams.expression_a);
-        queryParams.selection_a = encodeURIComponent(queryParams.selection_a);
-        queryParams.expression_b = encodeURIComponent(queryParams.expression_b);
-        queryParams.selection_b = encodeURIComponent(queryParams.selection_b);
         return navigateTo('/', {
             ...queryParams,
             ...SuffixParams(p.HistoryParams(), suffix),
@@ -157,7 +155,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('/', 
@@ -166,7 +164,7 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
             filterEmptyParams({
                 ...filterSuffix(queryParams, '_a'),
                 ...{
-                    expression_a: encodeURIComponent(q.expression),
+                    expression_a: q.expression,
                     from_a: q.from.toString(),
                     to_a: q.to.toString(),
                     time_selection_a: q.timeSelection,
@@ -176,7 +174,6 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
             }));
         };
         const selectProfile = (p) => {
-            queryParams.expression_a = encodeURIComponent(queryParams.expression_a);
             return navigateTo('/', {
                 ...queryParams,
                 ...SuffixParams(p.HistoryParams(), '_a'),
@@ -206,9 +203,9 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
             ...filterSuffix(queryParams, '_a'),
             ...{
                 compare_a: 'true',
-                expression_a: encodeURIComponent(q.expression),
-                expression_b: encodeURIComponent(expression_b),
-                selection_b: encodeURIComponent(selection_b),
+                expression_a: q.expression,
+                expression_b,
+                selection_b,
                 from_a: q.from.toString(),
                 to_a: q.to.toString(),
                 time_selection_a: q.timeSelection,
@@ -223,7 +220,7 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
             ? {
                 merge_from_b: q.mergeFrom,
                 merge_to_b: q.mergeTo,
-                selection_b: encodeURIComponent(q.expression),
+                selection_b: q.expression,
             }
             : {};
         return navigateTo('/', 
@@ -233,9 +230,9 @@ const ProfileExplorerApp = ({ queryClient, queryParams, navigateTo, }) => {
             ...filterSuffix(queryParams, '_b'),
             ...{
                 compare_b: 'true',
-                expression_b: encodeURIComponent(q.expression),
-                expression_a: encodeURIComponent(expression_a),
-                selection_a: encodeURIComponent(selection_a),
+                expression_b: q.expression,
+                expression_a,
+                selection_a,
                 from_b: q.from.toString(),
                 to_b: q.to.toString(),
                 time_selection_b: q.timeSelection,

package/dist/ProfileIcicleGraph/IcicleGraphArrow/IcicleGraphNodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IcicleGraphNodes.d.ts","sourceRoot":"","sources":["../../../src/ProfileIcicleGraph/IcicleGraphArrow/IcicleGraphNodes.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AAMnC,OAAO,yCAAyC,CAAC;AAIjD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAgBlD,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAG7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AACF,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,UAAU,6CA4KrB,CAAC"}
+{"version":3,"file":"IcicleGraphNodes.d.ts","sourceRoot":"","sources":["../../../src/ProfileIcicleGraph/IcicleGraphArrow/IcicleGraphNodes.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AAMnC,OAAO,yCAAyC,CAAC;AAIjD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAgBlD,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAG7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AACF,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,UAAU,6CAiLrB,CAAC"}

package/dist/ProfileIcicleGraph/IcicleGraphArrow/IcicleGraphNodes.js

@@ -47,7 +47,9 @@ export const IcicleNode = React.memo(function IcicleNodeNoMemo({ table, row, col
     const diff = diffColumn?.get(row) !== null ? BigInt(diffColumn?.get(row)) : null;
     const filename = arrowToString(filenameColumn?.get(row));
     const depth = depthColumn?.get(row) ?? 0;
-    const valueOffset = valueOffsetColumn?.get(row) !== null ? BigInt(valueOffsetColumn?.get(row)) : 0n;
+    const valueOffset = valueOffsetColumn?.get(row) !== null && valueOffsetColumn?.get(row) !== undefined
+        ? BigInt(valueOffsetColumn?.get(row))
+        : 0n;
     const colorAttribute = colorBy === 'filename' ? filename : colorBy === 'binary' ? mappingFile : null;
     const colorsMap = colors;
     const hoveringName = hoveringRow !== undefined ? arrowToString(functionNameColumn?.get(hoveringRow)) : '';
@@ -70,7 +72,10 @@ export const IcicleNode = React.memo(function IcicleNodeNoMemo({ table, row, col
         }
         return { isHighlightEnabled: true, isHighlighted: isSearchMatch(searchString, name) };
     }, [searchString, name]);
-    const selectionOffset = valueOffsetColumn?.get(selectedRow) !== null ? BigInt(valueOffsetColumn?.get(selectedRow)) : 0n;
+    const selectionOffset = valueOffsetColumn?.get(selectedRow) !== null &&
+        valueOffsetColumn?.get(selectedRow) !== undefined
+        ? BigInt(valueOffsetColumn?.get(selectedRow))
+        : 0n;
     const selectionCumulative = cumulativeColumn?.get(selectedRow) !== null ? BigInt(cumulativeColumn?.get(selectedRow)) : 0n;
     if (valueOffset + cumulative <= selectionOffset ||
         valueOffset >= selectionOffset + selectionCumulative) {

package/dist/ProfileIcicleGraph/IcicleGraphArrow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ProfileIcicleGraph/IcicleGraphArrow/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAG9C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAc,KAAK,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAwB,aAAa,EAAC,MAAM,oBAAoB,CAAC;AAIxE,OAAO,EACL,gBAAgB,EAMjB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAC/C,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,cAAc,aAAa,CAAC;AACzC,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAC7D,eAAO,MAAM,yBAAyB,uBAAuB,CAAC;AAC9D,eAAO,MAAM,cAAc,aAAa,CAAC;AACzC,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAC7C,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,WAAW,UAAU,CAAC;AACnC,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AAEjD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;IACtB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,iBACb,MAAM,EAAE,cACV,OAAO,uBACE,WAAW,KAC/B,aAQF,CAAC;AAEF,eAAO,MAAM,iBAAiB,kBACb,MAAM,EAAE,cACX,OAAO,uBACE,WAAW,KAC/B,aAQF,CAAC;AAIF,eAAO,MAAM,gBAAgB,mDA8N3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ProfileIcicleGraph/IcicleGraphArrow/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAG9C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAc,KAAK,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAwB,aAAa,EAAC,MAAM,oBAAoB,CAAC;AAIxE,OAAO,EACL,gBAAgB,EAMjB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAC/C,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,cAAc,aAAa,CAAC;AACzC,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAC7D,eAAO,MAAM,yBAAyB,uBAAuB,CAAC;AAC9D,eAAO,MAAM,cAAc,aAAa,CAAC;AACzC,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAC7C,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,YAAY,WAAW,CAAC;AACrC,eAAO,MAAM,WAAW,UAAU,CAAC;AACnC,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AAEjD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;IACtB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,iBACb,MAAM,EAAE,cACV,OAAO,uBACE,WAAW,KAC/B,aAQF,CAAC;AAEF,eAAO,MAAM,iBAAiB,kBACb,MAAM,EAAE,cACX,OAAO,uBACE,WAAW,KAC/B,aAQF,CAAC;AAeF,eAAO,MAAM,gBAAgB,mDA8N3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/ProfileIcicleGraph/IcicleGraphArrow/index.js

@@ -63,6 +63,17 @@ export const getFilenameColors = (filenamesList, isDarkMode, currentColorProfile
     return colors;
 };
 const noop = () => { };
+function getMaxDepth(depthColumn) {
+    if (depthColumn === null)
+        return 0;
+    let max = 0;
+    for (const val of depthColumn) {
+        const numVal = Number(val);
+        if (numVal > max)
+            max = numVal;
+    }
+    return max;
+}
 export const IcicleGraphArrow = memo(function IcicleGraphArrow({ arrow, total, filtered, width, setCurPath, curPath, profileType, profileSource, mappingsListFromMetadata, compareAbsolute, isIcicleChart = false, }) {
     const [highlightSimilarStacksPreference] = useUserPreference(USER_PREFERENCES.HIGHLIGHT_SIMILAR_STACKS.key);
     const [hoveringRow, setHoveringRow] = useState(undefined);
@@ -155,7 +166,7 @@ export const IcicleGraphArrow = memo(function IcicleGraphArrow({ arrow, total, f
         setCurPath(path);
     };
     const depthColumn = table.getChild(FIELD_DEPTH);
-    const maxDepth = depthColumn === null ? 0 : Math.max(...depthColumn.toArray());
+    const maxDepth = getMaxDepth(depthColumn);
     const height = maxDepth * RowHeight;
     // To find the selected row, we must walk the current path and look at which
     // children of the current frame matches the path element exactly. Until the

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@parca/profile",
-  "version": "0.17.4",
+  "version": "0.17.6",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@headlessui/react": "^1.7.19",
     "@iconify/react": "^4.0.0",
     "@parca/client": "0.16.129",
-    "@parca/components": "0.16.337",
+    "@parca/components": "0.16.338",
     "@parca/dynamicsize": "0.16.65",
-    "@parca/hooks": "0.0.87",
+    "@parca/hooks": "0.0.88",
     "@parca/icons": "0.16.71",
     "@parca/parser": "0.16.78",
-    "@parca/store": "0.16.172",
-    "@parca/utilities": "0.0.97",
+    "@parca/store": "0.16.173",
+    "@parca/utilities": "0.0.98",
     "@popperjs/core": "^2.11.8",
     "@protobuf-ts/runtime-rpc": "^2.5.0",
     "@storybook/preview-api": "^8.4.3",
@@ -77,5 +77,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "b7a5b90765143b5f7cb46fb671c97b72a5abd570"
+  "gitHead": "57a6cd95c786690c9cdd0daaf9206df1bcf8d32e"
 }

package/src/ProfileExplorer/index.tsx

@@ -18,7 +18,12 @@ import {Provider} from 'react-redux';
 import {QueryServiceClient} from '@parca/client';
 import {DateTimeRange, KeyDownProvider, useParcaContext} from '@parca/components';
 import {createStore} from '@parca/store';
-import {capitalizeOnlyFirstLetter, type NavigateFunction} from '@parca/utilities';
+import {
+  capitalizeOnlyFirstLetter,
+  decodeMultipleEncodings,
+  isUrlEncoded,
+  type NavigateFunction,
+} from '@parca/utilities';
 
 import {ProfileSelection, ProfileSelectionFromParams, SuffixParams} from '..';
 import {QuerySelection, useProfileTypes} from '../ProfileSelector';
@@ -91,10 +96,12 @@ const filterSuffix = (
       .filter(([key]) => !key.endsWith(suffix))
       .map(([key, value]) => {
         if (typeof value === 'string') {
-          return [key, encodeURIComponent(value)];
+          // Only encode if not already encoded
+          return [key, isUrlEncoded(value) ? value : encodeURIComponent(value)];
         }
         if (Array.isArray(value)) {
-          return [key, value.map(v => encodeURIComponent(v))];
+          // Only encode array values if not already encoded
+          return [key, value.map(v => (isUrlEncoded(v) ? v : encodeURIComponent(v)))];
         }
         return [key, value];
       })
@@ -220,14 +227,12 @@ const ProfileExplorerApp = ({
   from_a = sanitizedRange.from_a;
   to_a = sanitizedRange.to_a;
 
-  if ((queryParams?.expression_a ?? '') !== '') queryParams.expression_a = expression_a;
-  if ((queryParams?.expression_b ?? '') !== '') queryParams.expression_b = expression_b;
+  if ((queryParams?.expression_a ?? '') !== '')
+    queryParams.expression_a = decodeMultipleEncodings(expression_a);
+  if ((queryParams?.expression_b ?? '') !== '')
+    queryParams.expression_b = decodeMultipleEncodings(expression_b);
 
   const selectProfile = (p: ProfileSelection, suffix: string): void => {
-    queryParams.expression_a = encodeURIComponent(queryParams.expression_a);
-    queryParams.selection_a = encodeURIComponent(queryParams.selection_a);
-    queryParams.expression_b = encodeURIComponent(queryParams.expression_b);
-    queryParams.selection_b = encodeURIComponent(queryParams.selection_b);
     return navigateTo('/', {
       ...queryParams,
       ...SuffixParams(p.HistoryParams(), suffix),
@@ -258,7 +263,7 @@ const ProfileExplorerApp = ({
           ? {
               merge_from_a: q.mergeFrom,
               merge_to_a: q.mergeTo,
-              selection_a: encodeURIComponent(q.expression),
+              selection_a: q.expression,
             }
           : {};
       return navigateTo(
@@ -268,7 +273,7 @@ const ProfileExplorerApp = ({
         filterEmptyParams({
           ...filterSuffix(queryParams, '_a'),
           ...{
-            expression_a: encodeURIComponent(q.expression),
+            expression_a: q.expression,
             from_a: q.from.toString(),
             to_a: q.to.toString(),
             time_selection_a: q.timeSelection,
@@ -280,7 +285,6 @@ const ProfileExplorerApp = ({
     };
 
     const selectProfile = (p: ProfileSelection): void => {
-      queryParams.expression_a = encodeURIComponent(queryParams.expression_a);
       return navigateTo('/', {
         ...queryParams,
         ...SuffixParams(p.HistoryParams(), '_a'),
@@ -324,9 +328,9 @@ const ProfileExplorerApp = ({
         ...filterSuffix(queryParams, '_a'),
         ...{
           compare_a: 'true',
-          expression_a: encodeURIComponent(q.expression),
-          expression_b: encodeURIComponent(expression_b),
-          selection_b: encodeURIComponent(selection_b),
+          expression_a: q.expression,
+          expression_b,
+          selection_b,
           from_a: q.from.toString(),
           to_a: q.to.toString(),
           time_selection_a: q.timeSelection,
@@ -344,7 +348,7 @@ const ProfileExplorerApp = ({
         ? {
             merge_from_b: q.mergeFrom,
             merge_to_b: q.mergeTo,
-            selection_b: encodeURIComponent(q.expression),
+            selection_b: q.expression,
           }
         : {};
     return navigateTo(
@@ -355,9 +359,9 @@ const ProfileExplorerApp = ({
         ...filterSuffix(queryParams, '_b'),
         ...{
           compare_b: 'true',
-          expression_b: encodeURIComponent(q.expression),
-          expression_a: encodeURIComponent(expression_a),
-          selection_a: encodeURIComponent(selection_a),
+          expression_b: q.expression,
+          expression_a,
+          selection_a,
           from_b: q.from.toString(),
           to_b: q.to.toString(),
           time_selection_b: q.timeSelection,

package/src/ProfileIcicleGraph/IcicleGraphArrow/IcicleGraphNodes.tsx

@@ -114,7 +114,9 @@ export const IcicleNode = React.memo(function IcicleNodeNoMemo({
   const filename: string | null = arrowToString(filenameColumn?.get(row));
   const depth: number = depthColumn?.get(row) ?? 0;
   const valueOffset: bigint =
-    valueOffsetColumn?.get(row) !== null ? BigInt(valueOffsetColumn?.get(row)) : 0n;
+    valueOffsetColumn?.get(row) !== null && valueOffsetColumn?.get(row) !== undefined
+      ? BigInt(valueOffsetColumn?.get(row))
+      : 0n;
 
   const colorAttribute =
     colorBy === 'filename' ? filename : colorBy === 'binary' ? mappingFile : null;
@@ -147,7 +149,10 @@ export const IcicleNode = React.memo(function IcicleNodeNoMemo({
   }, [searchString, name]);
 
   const selectionOffset =
-    valueOffsetColumn?.get(selectedRow) !== null ? BigInt(valueOffsetColumn?.get(selectedRow)) : 0n;
+    valueOffsetColumn?.get(selectedRow) !== null &&
+    valueOffsetColumn?.get(selectedRow) !== undefined
+      ? BigInt(valueOffsetColumn?.get(selectedRow))
+      : 0n;
   const selectionCumulative =
     cumulativeColumn?.get(selectedRow) !== null ? BigInt(cumulativeColumn?.get(selectedRow)) : 0n;
   if (

package/src/ProfileIcicleGraph/IcicleGraphArrow/index.tsx

@@ -106,6 +106,17 @@ export const getFilenameColors = (
 
 const noop = (): void => {};
 
+function getMaxDepth(depthColumn: Vector<any> | null): number {
+  if (depthColumn === null) return 0;
+
+  let max = 0;
+  for (const val of depthColumn) {
+    const numVal = Number(val);
+    if (numVal > max) max = numVal;
+  }
+  return max;
+}
+
 export const IcicleGraphArrow = memo(function IcicleGraphArrow({
   arrow,
   total,
@@ -237,7 +248,7 @@ export const IcicleGraphArrow = memo(function IcicleGraphArrow({
   };
 
   const depthColumn = table.getChild(FIELD_DEPTH);
-  const maxDepth = depthColumn === null ? 0 : Math.max(...depthColumn.toArray());
+  const maxDepth = getMaxDepth(depthColumn);
   const height = maxDepth * RowHeight;
 
   // To find the selected row, we must walk the current path and look at which