@parca/profile 0.19.140 → 0.19.142

package/dist/ProfileFlameGraph/FlameGraphArrow/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/ProfileFlameGraph/FlameGraphArrow/ContextMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAQxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAU1C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,kIAalB,gBAAgB,KAAG,GAAG,CAAC,OAuOzB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/ProfileFlameGraph/FlameGraphArrow/ContextMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAOxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAQ1C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,kIAalB,gBAAgB,KAAG,GAAG,CAAC,OAyOzB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ProfileFlameGraph/FlameGraphArrow/ContextMenu.js

@@ -1,4 +1,13 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // 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.
@@ -11,102 +20,292 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // 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 { Icon } from '@iconify/react';
 import cx from 'classnames';
-import { useQueryState } from 'nuqs';
 import { Item, Menu, Separator, Submenu } from 'react-contexify';
 import { Tooltip } from 'react-tooltip';
-import { useParcaContext } from '@parca/components';
+import { useParcaContext, useURLState } from '@parca/components';
 import { USER_PREFERENCES, useUserPreference } from '@parca/hooks';
 import { TEST_IDS } from '@parca/test-utils';
 import { getLastItem } from '@parca/utilities';
 import { useGraphTooltip } from '../../GraphTooltipArrow/useGraphTooltip';
 import { useGraphTooltipMetaInfo } from '../../GraphTooltipArrow/useGraphTooltipMetaInfo';
-import { stringParam } from '../../hooks/urlParsers';
-import { useDashboardItems } from '../../hooks/useDashboardItems';
 import { hexifyAddress, truncateString } from '../../utils';
-const ContextMenu = ({ menuId, table, total, totalUnfiltered, row, compareAbsolute, hideMenu, profileType, unit, hideBinary, resetPath, isSandwich = false, }) => {
-    const { isDarkMode } = useParcaContext();
-    const { enableSourcesView, enableSandwichView, checkDebuginfoStatusHandler } = useParcaContext();
-    const [isGraphTooltipDocked, setIsDocked] = useUserPreference(USER_PREFERENCES.GRAPH_METAINFO_DOCKED.key);
-    const contextMenuData = useGraphTooltip({
-        table,
-        profileType,
-        unit,
-        total,
-        totalUnfiltered,
-        row,
-        compareAbsolute,
-    });
-    const { functionFilename, functionSystemName, file, openFile, isSourceAvailable, locationAddress, mappingFile, mappingBuildID, inlined, } = useGraphTooltipMetaInfo({ table, row });
-    const { dashboardItems, setDashboardItems } = useDashboardItems();
-    const [_sandwichFunctionName, setSandwichFunctionName] = useQueryState('sandwich_function_name', stringParam);
-    if (contextMenuData === null) {
-        return _jsx(_Fragment, {});
-    }
-    const { name, cumulativeText, diffText, diff } = contextMenuData;
-    const isMappingBuildIDAvailable = mappingBuildID !== null && mappingBuildID !== '';
-    const handleViewSourceFile = () => openFile();
-    const handleResetView = () => {
-        resetPath();
-        return hideMenu();
-    };
-    const handleDockTooltip = () => {
-        return isGraphTooltipDocked ? setIsDocked(false) : setIsDocked(true);
-    };
-    const handleCopyItem = (text) => {
-        void navigator.clipboard.writeText(text);
-    };
-    const functionName = row === 0
-        ? ''
-        : name !== ''
-            ? name
-            : locationAddress !== 0n
-                ? hexifyAddress(locationAddress)
-                : '';
-    const buildIdText = !isMappingBuildIDAvailable ? '' : mappingBuildID;
-    const inlinedText = inlined === null ? 'merged' : inlined ? 'yes' : 'no';
-    const valuesToCopy = [
-        { id: 'Function name', value: functionName },
-        {
-            id: 'Function system name',
-            value: functionSystemName === functionName ? '' : functionSystemName,
-        }, // an empty string will be filtered out below
-        { id: 'Cumulative', value: cumulativeText ?? '' },
-        { id: 'Diff', value: diff !== 0n ? diffText : '' },
-        {
-            id: 'File',
-            value: functionFilename === '' ? functionFilename : file,
-        },
-        { id: 'Address', value: locationAddress === 0n ? '' : hexifyAddress(locationAddress) },
-        { id: 'Inlined', value: inlinedText },
-        { id: 'Binary', value: mappingFile ?? '' },
-        { id: 'Build Id', value: buildIdText },
-    ];
-    const nonEmptyValuesToCopy = valuesToCopy.filter(({ value }) => value !== '');
-    return (_jsxs(Menu, { id: menuId, theme: isDarkMode ? 'dark' : '', className: cx(dashboardItems.includes('sandwich')
-            ? 'min-w-[350px] w-[350px]'
-            : 'min-w-[260px] w-fit-content'), children: [_jsxs(Item, { id: "view-source-file", onClick: handleViewSourceFile, disabled: enableSourcesView === false || !isSourceAvailable, children: [_jsx("div", { "data-tooltip-id": "view-source-file-help", "data-tooltip-content": "There is no source code uploaded for this build", children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "wpf:view-file" }), _jsx("div", { children: "View source file" })] }) }), !isSourceAvailable ? _jsx(Tooltip, { id: "view-source-file-help" }) : null] }), _jsx(Item, { id: "show-in-table", onClick: () => {
-                    if (isSandwich) {
-                        setDashboardItems(['table']);
-                    }
-                    else {
-                        setDashboardItems([...dashboardItems, 'table']);
-                    }
-                }, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "ph:table" }), _jsx("div", { children: "Show in table" })] }) }), enableSandwichView === true && (_jsx(Item, { id: "show-in-sandwich", "data-testid": TEST_IDS.CONTEXT_MENU_SHOW_IN_SANDWICH, onClick: () => {
-                    if (functionName === '' || functionName == null) {
-                        return;
-                    }
-                    if (dashboardItems.includes('sandwich')) {
-                        void setSandwichFunctionName(functionName);
-                        hideMenu();
-                        return;
-                    }
-                    void setSandwichFunctionName(functionName);
-                    setDashboardItems([...dashboardItems, 'sandwich']);
-                    hideMenu();
-                }, disabled: functionName === '' || functionName == null, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "tdesign:sandwich-filled" }), _jsxs("div", { className: "relative", children: [dashboardItems.includes('sandwich')
-                                    ? 'Focus sandwich on this frame.'
-                                    : 'Show in sandwich', _jsx("span", { className: "absolute top-[-2px] text-xs lowercase text-red-500", children: "\u00A0alpha" })] })] }) })), _jsx(Item, { id: "reset-view", onClick: handleResetView, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "system-uicons:reset" }), _jsx("div", { children: "Reset graph" })] }) }), _jsxs(Item, { id: "hide-binary", onClick: () => hideBinary(getLastItem(mappingFile)), disabled: mappingFile === null || mappingFile === '', children: [_jsx("div", { "data-tooltip-id": "hide-binary-help", "data-tooltip-content": "Hide all frames for this binary", children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:bxs-hide" }), _jsxs("div", { children: ["Hide binary ", mappingFile !== null && `(${getLastItem(mappingFile)})`] })] }) }), _jsx(Tooltip, { place: "left", id: "hide-binary-help" })] }), _jsx(Submenu, { label: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "ph:copy" }), _jsx("div", { children: "Copy" })] }), children: _jsx("div", { className: "max-h-[300px] overflow-scroll", children: nonEmptyValuesToCopy.map(({ id, value }) => (_jsx(Item, { id: id, onClick: () => handleCopyItem(value), className: "dark:bg-gray-800", children: _jsxs("div", { className: "flex flex-col dark:text-gray-300 hover:dark:text-gray-100", children: [_jsx("div", { className: "text-sm", children: id }), _jsx("div", { className: "text-xs", children: truncateString(value, 30) })] }) }, id))) }) }), checkDebuginfoStatusHandler !== undefined ? (_jsx(Item, { id: "check-debuginfo-status", onClick: () => checkDebuginfoStatusHandler(mappingBuildID), disabled: !isMappingBuildIDAvailable, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:bx-info-circle" }), _jsx("div", { className: "relative pr-4", children: "Check debuginfo status" })] }) })) : null, _jsx(Separator, {}), _jsx(Item, { id: "dock-tooltip", onClick: handleDockTooltip, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx(Icon, { icon: "bx:dock-bottom" }), isGraphTooltipDocked ? 'Undock tooltip' : 'Dock tooltip'] }) })] }));
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var ContextMenu = function ContextMenu(_ref) {
+  var menuId = _ref.menuId,
+    table = _ref.table,
+    total = _ref.total,
+    totalUnfiltered = _ref.totalUnfiltered,
+    row = _ref.row,
+    compareAbsolute = _ref.compareAbsolute,
+    hideMenu = _ref.hideMenu,
+    profileType = _ref.profileType,
+    unit = _ref.unit,
+    hideBinary = _ref.hideBinary,
+    resetPath = _ref.resetPath,
+    _ref$isSandwich = _ref.isSandwich,
+    isSandwich = _ref$isSandwich === void 0 ? false : _ref$isSandwich;
+  var _useParcaContext = useParcaContext(),
+    isDarkMode = _useParcaContext.isDarkMode;
+  var _useParcaContext2 = useParcaContext(),
+    enableSourcesView = _useParcaContext2.enableSourcesView,
+    enableSandwichView = _useParcaContext2.enableSandwichView,
+    checkDebuginfoStatusHandler = _useParcaContext2.checkDebuginfoStatusHandler;
+  var _useUserPreference = useUserPreference(USER_PREFERENCES.GRAPH_METAINFO_DOCKED.key),
+    _useUserPreference2 = _slicedToArray(_useUserPreference, 2),
+    isGraphTooltipDocked = _useUserPreference2[0],
+    setIsDocked = _useUserPreference2[1];
+  var contextMenuData = useGraphTooltip({
+    table: table,
+    profileType: profileType,
+    unit: unit,
+    total: total,
+    totalUnfiltered: totalUnfiltered,
+    row: row,
+    compareAbsolute: compareAbsolute
+  });
+  var _useGraphTooltipMetaI = useGraphTooltipMetaInfo({
+      table: table,
+      row: row
+    }),
+    functionFilename = _useGraphTooltipMetaI.functionFilename,
+    functionSystemName = _useGraphTooltipMetaI.functionSystemName,
+    file = _useGraphTooltipMetaI.file,
+    openFile = _useGraphTooltipMetaI.openFile,
+    isSourceAvailable = _useGraphTooltipMetaI.isSourceAvailable,
+    locationAddress = _useGraphTooltipMetaI.locationAddress,
+    mappingFile = _useGraphTooltipMetaI.mappingFile,
+    mappingBuildID = _useGraphTooltipMetaI.mappingBuildID,
+    inlined = _useGraphTooltipMetaI.inlined;
+  var _useURLState = useURLState('dashboard_items', {
+      alwaysReturnArray: true
+    }),
+    _useURLState2 = _slicedToArray(_useURLState, 2),
+    dashboardItems = _useURLState2[0],
+    setDashboardItems = _useURLState2[1];
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  var _useURLState3 = useURLState('sandwich_function_name'),
+    _useURLState4 = _slicedToArray(_useURLState3, 2),
+    sandwichFunctionName = _useURLState4[0],
+    setSandwichFunctionName = _useURLState4[1];
+  if (contextMenuData === null) {
+    return /*#__PURE__*/_jsx(_Fragment, {});
+  }
+  var name = contextMenuData.name,
+    cumulativeText = contextMenuData.cumulativeText,
+    diffText = contextMenuData.diffText,
+    diff = contextMenuData.diff;
+  var isMappingBuildIDAvailable = mappingBuildID !== null && mappingBuildID !== '';
+  var handleViewSourceFile = function handleViewSourceFile() {
+    return openFile();
+  };
+  var handleResetView = function handleResetView() {
+    resetPath();
+    return hideMenu();
+  };
+  var handleDockTooltip = function handleDockTooltip() {
+    return isGraphTooltipDocked ? setIsDocked(false) : setIsDocked(true);
+  };
+  var handleCopyItem = function handleCopyItem(text) {
+    void navigator.clipboard.writeText(text);
+  };
+  var functionName = row === 0 ? '' : name !== '' ? name : locationAddress !== 0n ? hexifyAddress(locationAddress) : '';
+  var buildIdText = !isMappingBuildIDAvailable ? '' : mappingBuildID;
+  var inlinedText = inlined === null ? 'merged' : inlined ? 'yes' : 'no';
+  var valuesToCopy = [{
+    id: 'Function name',
+    value: functionName
+  }, {
+    id: 'Function system name',
+    value: functionSystemName === functionName ? '' : functionSystemName
+  },
+  // an empty string will be filtered out below
+  {
+    id: 'Cumulative',
+    value: cumulativeText !== null && cumulativeText !== void 0 ? cumulativeText : ''
+  }, {
+    id: 'Diff',
+    value: diff !== 0n ? diffText : ''
+  }, {
+    id: 'File',
+    value: functionFilename === '' ? functionFilename : file
+  }, {
+    id: 'Address',
+    value: locationAddress === 0n ? '' : hexifyAddress(locationAddress)
+  }, {
+    id: 'Inlined',
+    value: inlinedText
+  }, {
+    id: 'Binary',
+    value: mappingFile !== null && mappingFile !== void 0 ? mappingFile : ''
+  }, {
+    id: 'Build Id',
+    value: buildIdText
+  }];
+  var nonEmptyValuesToCopy = valuesToCopy.filter(function (_ref2) {
+    var value = _ref2.value;
+    return value !== '';
+  });
+  return /*#__PURE__*/_jsxs(Menu, {
+    id: menuId,
+    theme: isDarkMode ? 'dark' : '',
+    className: cx(dashboardItems.includes('sandwich') ? 'min-w-[350px] w-[350px]' : 'min-w-[260px] w-fit-content'),
+    children: [/*#__PURE__*/_jsxs(Item, {
+      id: "view-source-file",
+      onClick: handleViewSourceFile,
+      disabled: enableSourcesView === false || !isSourceAvailable,
+      children: [/*#__PURE__*/_jsx("div", {
+        "data-tooltip-id": "view-source-file-help",
+        "data-tooltip-content": "There is no source code uploaded for this build",
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "flex w-full items-center gap-2",
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: "wpf:view-file"
+          }), /*#__PURE__*/_jsx("div", {
+            children: "View source file"
+          })]
+        })
+      }), !isSourceAvailable ? /*#__PURE__*/_jsx(Tooltip, {
+        id: "view-source-file-help"
+      }) : null]
+    }), /*#__PURE__*/_jsx(Item, {
+      id: "show-in-table",
+      onClick: function onClick() {
+        if (isSandwich) {
+          setDashboardItems(['table']);
+        } else {
+          setDashboardItems([].concat(_toConsumableArray(dashboardItems), ['table']));
+        }
+      },
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "flex w-full items-center gap-2",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: "ph:table"
+        }), /*#__PURE__*/_jsx("div", {
+          children: "Show in table"
+        })]
+      })
+    }), enableSandwichView === true && /*#__PURE__*/_jsx(Item, {
+      id: "show-in-sandwich",
+      "data-testid": TEST_IDS.CONTEXT_MENU_SHOW_IN_SANDWICH,
+      onClick: function onClick() {
+        if (functionName === '' || functionName == null) {
+          return;
+        }
+        if (dashboardItems.includes('sandwich')) {
+          setSandwichFunctionName(functionName);
+          hideMenu();
+          return;
+        }
+        setSandwichFunctionName(functionName);
+        setDashboardItems([].concat(_toConsumableArray(dashboardItems), ['sandwich']));
+        hideMenu();
+      },
+      disabled: functionName === '' || functionName == null,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "flex w-full items-center gap-2",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: "tdesign:sandwich-filled"
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "relative",
+          children: [dashboardItems.includes('sandwich') ? 'Focus sandwich on this frame.' : 'Show in sandwich', /*#__PURE__*/_jsx("span", {
+            className: "absolute top-[-2px] text-xs lowercase text-red-500",
+            children: "\xA0alpha"
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Item, {
+      id: "reset-view",
+      onClick: handleResetView,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "flex w-full items-center gap-2",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: "system-uicons:reset"
+        }), /*#__PURE__*/_jsx("div", {
+          children: "Reset graph"
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(Item, {
+      id: "hide-binary",
+      onClick: function onClick() {
+        return hideBinary(getLastItem(mappingFile));
+      },
+      disabled: mappingFile === null || mappingFile === '',
+      children: [/*#__PURE__*/_jsx("div", {
+        "data-tooltip-id": "hide-binary-help",
+        "data-tooltip-content": "Hide all frames for this binary",
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "flex w-full items-center gap-2",
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: "bx:bxs-hide"
+          }), /*#__PURE__*/_jsxs("div", {
+            children: ["Hide binary ", mappingFile !== null && "(".concat(getLastItem(mappingFile), ")")]
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        place: "left",
+        id: "hide-binary-help"
+      })]
+    }), /*#__PURE__*/_jsx(Submenu, {
+      label: /*#__PURE__*/_jsxs("div", {
+        className: "flex w-full items-center gap-2",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: "ph:copy"
+        }), /*#__PURE__*/_jsx("div", {
+          children: "Copy"
+        })]
+      }),
+      children: /*#__PURE__*/_jsx("div", {
+        className: "max-h-[300px] overflow-scroll",
+        children: nonEmptyValuesToCopy.map(function (_ref3) {
+          var id = _ref3.id,
+            value_0 = _ref3.value;
+          return /*#__PURE__*/_jsx(Item, {
+            id: id,
+            onClick: function onClick() {
+              return handleCopyItem(value_0);
+            },
+            className: "dark:bg-gray-800",
+            children: /*#__PURE__*/_jsxs("div", {
+              className: "flex flex-col dark:text-gray-300 hover:dark:text-gray-100",
+              children: [/*#__PURE__*/_jsx("div", {
+                className: "text-sm",
+                children: id
+              }), /*#__PURE__*/_jsx("div", {
+                className: "text-xs",
+                children: truncateString(value_0, 30)
+              })]
+            })
+          }, id);
+        })
+      })
+    }), checkDebuginfoStatusHandler !== undefined ? /*#__PURE__*/_jsx(Item, {
+      id: "check-debuginfo-status",
+      onClick: function onClick() {
+        return checkDebuginfoStatusHandler(mappingBuildID);
+      },
+      disabled: !isMappingBuildIDAvailable,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "flex w-full items-center gap-2",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: "bx:bx-info-circle"
+        }), /*#__PURE__*/_jsx("div", {
+          className: "relative pr-4",
+          children: "Check debuginfo status"
+        })]
+      })
+    }) : null, /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(Item, {
+      id: "dock-tooltip",
+      onClick: handleDockTooltip,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "flex w-full items-center gap-2",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: "bx:dock-bottom"
+        }), isGraphTooltipDocked ? 'Undock tooltip' : 'Dock tooltip']
+      })
+    })]
+  });
 };
-export default ContextMenu;
+export default ContextMenu;

package/dist/ProfileFlameGraph/FlameGraphArrow/ContextMenuWrapper.js

@@ -1,4 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { c as _c } from "react-compiler-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.
@@ -11,27 +23,51 @@ import { jsx as _jsx } 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 { forwardRef, useImperativeHandle, useState } from 'react';
 import ContextMenu from './ContextMenu';
-const ContextMenuWrapper = forwardRef((props, ref) => {
-    // Initialize with null to prevent rendering with invalid data
-    const [row, setRow] = useState(null);
-    useImperativeHandle(ref, () => ({
-        setRow: (newRow, callback) => {
-            setRow(newRow);
-            // Execute callback after state update using requestAnimationFrame
-            if (callback != null) {
-                requestAnimationFrame(() => {
-                    requestAnimationFrame(callback);
-                });
-            }
-        },
+import { jsx as _jsx } from "react/jsx-runtime";
+var ContextMenuWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
+  var $ = _c(4);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    row = _useState2[0],
+    _setRow = _useState2[1];
+  var t0;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = function t0() {
+      return {
+        setRow: function setRow(newRow, callback) {
+          _setRow(newRow);
+          if (callback != null) {
+            requestAnimationFrame(function () {
+              requestAnimationFrame(callback);
+            });
+          }
+        }
+      };
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  useImperativeHandle(ref, t0);
+  if (row === null) {
+    return null;
+  }
+  var t1;
+  if ($[1] !== props || $[2] !== row) {
+    t1 = /*#__PURE__*/_jsx(ContextMenu, _objectSpread(_objectSpread({}, props), {}, {
+      row: row,
+      isSandwich: props.isInSandwichView
     }));
-    // Only render ContextMenu when we have a valid row
-    if (row === null) {
-        return null;
-    }
-    return _jsx(ContextMenu, { ...props, row: row, isSandwich: props.isInSandwichView });
+    $[1] = props;
+    $[2] = row;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 });
 ContextMenuWrapper.displayName = 'ContextMenuWrapper';
-export default ContextMenuWrapper;
+export default ContextMenuWrapper;