@parca/profile 0.19.151 → 0.19.153

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.153](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.152...@parca/profile@0.19.153) (2026-05-21)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.19.152](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.151...@parca/profile@0.19.152) (2026-05-18)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.151](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.150...@parca/profile@0.19.151) (2026-05-18)
 
 **Note:** Version bump only for package @parca/profile

package/dist/GraphTooltipArrow/Content.d.ts

@@ -10,7 +10,8 @@ interface GraphTooltipArrowContentProps {
     row: number | null;
     isFixed: boolean;
     compareAbsolute: boolean;
+    frozen?: boolean;
 }
-declare const GraphTooltipArrowContent: ({ table, profileType, unit, total, totalUnfiltered, row, isFixed, compareAbsolute, }: GraphTooltipArrowContentProps) => React.JSX.Element;
+declare const GraphTooltipArrowContent: ({ table, profileType, unit, total, totalUnfiltered, row, isFixed, compareAbsolute, frozen, }: GraphTooltipArrowContentProps) => React.JSX.Element;
 export default GraphTooltipArrowContent;
 //# sourceMappingURL=Content.d.ts.map

package/dist/GraphTooltipArrow/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/GraphTooltipArrow/Content.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAQ1C,UAAU,6BAA6B;IACrC,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,GAAG,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;CAC1B;AAMD,QAAA,MAAM,wBAAwB,GAAI,sFAS/B,6BAA6B,KAAG,KAAK,CAAC,GAAG,CAAC,OA+E5C,CAAC;AAqFF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/GraphTooltipArrow/Content.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAU1C,UAAU,6BAA6B;IACrC,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,GAAG,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAMD,QAAA,MAAM,wBAAwB,GAAI,8FAU/B,6BAA6B,KAAG,KAAK,CAAC,GAAG,CAAC,OAwF5C,CAAC;AAyJF,eAAe,wBAAwB,CAAC"}

package/dist/GraphTooltipArrow/Content.js

@@ -18,6 +18,8 @@ import { useParcaContext } from '@parca/components';
 import { formatDateTimeDownToMS, getLastItem } from '@parca/utilities';
 import { hexifyAddress, truncateString, truncateStringReverse } from '../utils';
 import { ExpandOnHover } from './ExpandOnHoverValue';
+import { gpuFrameInfo } from './gpuFrameDescriptions';
+import { openInNewTab } from './openInNewTab';
 import { useGraphTooltip } from './useGraphTooltip';
 import { useGraphTooltipMetaInfo } from './useGraphTooltipMetaInfo';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -43,7 +45,9 @@ var GraphTooltipArrowContent = function GraphTooltipArrowContent(_ref) {
     totalUnfiltered = _ref.totalUnfiltered,
     row = _ref.row,
     isFixed = _ref.isFixed,
-    compareAbsolute = _ref.compareAbsolute;
+    compareAbsolute = _ref.compareAbsolute,
+    _ref$frozen = _ref.frozen,
+    frozen = _ref$frozen === void 0 ? false : _ref$frozen;
   var graphTooltipData = useGraphTooltip({
     table: table,
     profileType: profileType,
@@ -63,12 +67,17 @@ var GraphTooltipArrowContent = function GraphTooltipArrowContent(_ref) {
     diffText = graphTooltipData.diffText,
     diff = graphTooltipData.diff,
     rowNumber = graphTooltipData.row;
+  var info = gpuFrameInfo(name);
+
+  // Outer card gains a subtle ring when frozen, matching the design's
+  // `.is-frozen` treatment.
+  var cardClassName = ['flex w-auto max-w-[600px] min-w-[300px] flex-col justify-start rounded-lg border bg-gray-50 p-3 shadow-lg dark:bg-gray-900', frozen ? 'border-indigo-400/60 ring-2 ring-indigo-400/20 dark:border-indigo-400/40' : 'border-gray-300 dark:border-gray-500'].join(' ');
   return /*#__PURE__*/_jsx("div", {
     className: "flex text-sm ".concat(isFixed ? 'w-full' : ''),
     children: /*#__PURE__*/_jsx("div", {
       className: "m-auto w-full ".concat(isFixed ? 'w-full' : ''),
       children: /*#__PURE__*/_jsxs("div", {
-        className: "flex w-auto max-w-[600px] min-w-[300px] flex-col justify-start rounded-lg border border-gray-300 bg-gray-50 p-3 shadow-lg dark:border-gray-500 dark:bg-gray-900",
+        className: cardClassName,
         children: [/*#__PURE__*/_jsx("div", {
           className: "flex flex-row",
           children: /*#__PURE__*/_jsxs("div", {
@@ -120,18 +129,203 @@ var GraphTooltipArrowContent = function GraphTooltipArrowContent(_ref) {
               })
             })]
           })
-        }), /*#__PURE__*/_jsxs("div", {
-          className: "flex w-full items-center gap-1 text-xs text-gray-500",
-          children: [/*#__PURE__*/_jsx(Icon, {
-            icon: "iconoir:mouse-button-right"
-          }), /*#__PURE__*/_jsx("div", {
-            children: "Right click to show context menu"
-          })]
+        }), info !== undefined && /*#__PURE__*/_jsx(GpuDescriptionBlock, {
+          info: info
+        }), /*#__PURE__*/_jsx(ShortcutFooter, {
+          frozen: frozen
         })]
       })
     })
   });
 };
+var GpuDescriptionBlock = function GpuDescriptionBlock(t0) {
+  var $ = _c(16);
+  var info = t0.info;
+  var chipPrefix = info.kind === "stall" ? "Stall reason" : "SASS instruction";
+  var t1;
+  if ($[0] !== chipPrefix || $[1] !== info.entry.reasonLabel) {
+    t1 = /*#__PURE__*/_jsxs("div", {
+      className: "mb-2 text-xs font-semibold text-gray-700 dark:text-gray-200",
+      children: [chipPrefix, " \xB7 ", info.entry.reasonLabel]
+    });
+    $[0] = chipPrefix;
+    $[1] = info.entry.reasonLabel;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  var t2;
+  if ($[3] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      className: "font-mono text-[10px] uppercase tracking-wider text-gray-500 dark:text-gray-400",
+      children: "Description"
+    });
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  var t3;
+  if ($[4] !== info.entry.description) {
+    t3 = /*#__PURE__*/_jsx("p", {
+      className: "mt-1 text-xs leading-relaxed text-gray-600 dark:text-gray-300",
+      children: info.entry.description
+    });
+    $[4] = info.entry.description;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  var t4;
+  if ($[6] !== info.sourceUrl) {
+    t4 = function t4(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      openInNewTab(info.sourceUrl);
+    };
+    $[6] = info.sourceUrl;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  var t5;
+  if ($[8] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx(Icon, {
+      icon: "iconoir:open-new-window",
+      className: "opacity-80",
+      width: 11,
+      height: 11
+    });
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  var t6;
+  if ($[9] !== info.sourceLabel || $[10] !== t4) {
+    t6 = /*#__PURE__*/_jsxs("button", {
+      type: "button",
+      onClick: t4,
+      title: info.sourceLabel,
+      className: "mt-2 inline-flex cursor-pointer items-center gap-1 self-start text-[11px] text-indigo-600 hover:underline dark:text-indigo-400",
+      children: ["Docs", t5]
+    });
+    $[9] = info.sourceLabel;
+    $[10] = t4;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  var t7;
+  if ($[12] !== t1 || $[13] !== t3 || $[14] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      className: "mx-2 mt-3 border-t border-gray-200 pt-3 dark:border-gray-700",
+      children: [t1, t2, t3, t6]
+    });
+    $[12] = t1;
+    $[13] = t3;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  return t7;
+};
+var ShortcutFooter = function ShortcutFooter(t0) {
+  var $ = _c(14);
+  var frozen = t0.frozen;
+  var t1 = "inline-flex items-center gap-1.5 ".concat(frozen ? "text-gray-600 dark:text-gray-300" : "");
+  var t2 = frozen ? "border-gray-300 bg-gray-200 text-gray-600 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300" : "border-gray-300 bg-white text-gray-600 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-300";
+  var t3;
+  if ($[0] !== t2) {
+    t3 = ["inline-flex min-w-[18px] justify-center rounded border border-b-2 px-1 font-mono text-[10px] leading-4", t2];
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  var t4 = t3.join(" ");
+  var t5;
+  if ($[2] !== t4) {
+    t5 = /*#__PURE__*/_jsx("kbd", {
+      className: t4,
+      children: "\u21E7"
+    });
+    $[2] = t4;
+    $[3] = t5;
+  } else {
+    t5 = $[3];
+  }
+  var t6;
+  if ($[4] !== frozen) {
+    t6 = frozen ? /*#__PURE__*/_jsxs("span", {
+      children: [/*#__PURE__*/_jsx("b", {
+        className: "font-semibold",
+        children: "Frozen"
+      }), " \xB7 release to resume hover"]
+    }) : /*#__PURE__*/_jsxs("span", {
+      children: ["Hold ", /*#__PURE__*/_jsx("b", {
+        className: "font-semibold",
+        children: "Shift"
+      }), " to freeze \xB7 interact"]
+    });
+    $[4] = frozen;
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  var t7;
+  if ($[6] !== t1 || $[7] !== t5 || $[8] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("span", {
+      className: t1,
+      children: [t5, t6]
+    });
+    $[6] = t1;
+    $[7] = t5;
+    $[8] = t6;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  var t8;
+  if ($[10] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t8 = /*#__PURE__*/_jsx("span", {
+      className: "inline-block h-3 w-px bg-gray-200 dark:bg-gray-700"
+    });
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  var t9;
+  if ($[11] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t9 = /*#__PURE__*/_jsxs("span", {
+      className: "inline-flex items-center gap-1.5",
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: "iconoir:mouse-button-right",
+        width: 12,
+        height: 14
+      }), /*#__PURE__*/_jsxs("span", {
+        children: [/*#__PURE__*/_jsx("b", {
+          className: "font-semibold",
+          children: "Right-click"
+        }), " for context menu"]
+      })]
+    });
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  var t10;
+  if ($[12] !== t7) {
+    t10 = /*#__PURE__*/_jsxs("div", {
+      className: "mx-2 mt-3 flex flex-wrap items-center gap-x-3 gap-y-1 border-t border-gray-200 pt-2 text-[11px] text-gray-500 dark:border-gray-700 dark:text-gray-400",
+      children: [t7, t8, t9]
+    });
+    $[12] = t7;
+    $[13] = t10;
+  } else {
+    t10 = $[13];
+  }
+  return t10;
+};
 var TooltipMetaInfo = function TooltipMetaInfo(_ref2) {
   var _ref3;
   var table = _ref2.table,

package/dist/GraphTooltipArrow/gpuFrameDescriptions.d.ts

@@ -0,0 +1,28 @@
+export declare const NVIDIA_DOCS_LABEL = "NVIDIA docs";
+export declare const STALL_SOURCE_URL = "https://docs.nvidia.com/nsight-compute/ProfilingGuide/index.html#warp-stall-reasons";
+export declare const SASS_SOURCE_URL = "https://docs.nvidia.com/cuda/cuda-binary-utilities/index.html#turing-turing-instruction-set-table";
+export interface StallEntry {
+    reasonLabel: string;
+    description: string;
+    sourceUrl?: string;
+}
+export interface SASSEntry {
+    reasonLabel: string;
+    description: string;
+    sourceUrl?: string;
+}
+export declare const SASS_INSTRUCTION_DESCRIPTIONS: Record<string, SASSEntry>;
+export declare const STALL_REASON_DESCRIPTIONS: Record<string, StallEntry>;
+export type GpuFrameInfo = {
+    kind: 'sass';
+    entry: SASSEntry;
+    sourceLabel: string;
+    sourceUrl: string;
+} | {
+    kind: 'stall';
+    entry: StallEntry;
+    sourceLabel: string;
+    sourceUrl: string;
+};
+export declare function gpuFrameInfo(name: string): GpuFrameInfo | undefined;
+//# sourceMappingURL=gpuFrameDescriptions.d.ts.map

package/dist/GraphTooltipArrow/gpuFrameDescriptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gpuFrameDescriptions.d.ts","sourceRoot":"","sources":["../../src/GraphTooltipArrow/gpuFrameDescriptions.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAC/C,eAAO,MAAM,gBAAgB,wFAC0D,CAAC;AACxF,eAAO,MAAM,eAAe,sGACyE,CAAC;AAEtG,MAAM,WAAW,UAAU;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAkRnE,CAAC;AAGF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CA4LhE,CAAC;AAGF,MAAM,MAAM,YAAY,GACpB;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAC,GACxE;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAC,CAAC;AAW/E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAqBnE"}