Merge branch 'main' into flamechart-improvements

Author: yomete

ui/packages/app/web/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.16.975](https://github.com/parca-dev/parca/compare/@parca/[email protected]...@parca/[email protected]) (2025-12-04)
+
+**Note:** Version bump only for package @parca/web
+
 ## [0.16.974](https://github.com/parca-dev/parca/compare/@parca/[email protected]...@parca/[email protected]) (2025-12-04)
 
 **Note:** Version bump only for package @parca/web

ui/packages/app/web/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@parca/web",
   "private": true,
-  "version": "0.16.974",
+  "version": "0.16.975",
   "description": "Parca Web Interface",
   "type": "module",
   "scripts": {

ui/packages/shared/profile/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.92](https://github.com/parca-dev/parca/compare/@parca/[email protected]...@parca/[email protected]) (2025-12-04)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.91](https://github.com/parca-dev/parca/compare/@parca/[email protected]...@parca/[email protected]) (2025-12-04)
 
 **Note:** Version bump only for package @parca/profile

ui/packages/shared/profile/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.91",
+  "version": "0.19.92",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",

ui/packages/shared/profile/src/ProfileView/components/ProfileFilters/filterPresets.ts

@@ -174,6 +174,50 @@ export const filterPresets: FilterPreset[] = [
       },
     ],
   },
+  {
+    key: 'hide_tokio_frames',
+    name: 'Hide Tokio Frames',
+    description: 'Excludes Tokio runtime frames from the profile',
+    filters: [
+      {
+        type: 'frame',
+        field: 'function_name',
+        matchType: 'not_starts_with',
+        value: 'tokio::',
+      },
+      {
+        type: 'frame',
+        field: 'function_name',
+        matchType: 'not_starts_with',
+        value: '<tokio::',
+      },
+    ],
+  },
+  {
+    key: 'hide_rust_panic_backtrace',
+    name: 'Hide Rust Panic Backtrace Infrastructure',
+    description: 'Excludes Rust panic and backtrace infrastructure frames from the profile',
+    filters: [
+      {
+        type: 'frame',
+        field: 'function_name',
+        matchType: 'not_starts_with',
+        value: 'std::panic',
+      },
+      {
+        type: 'frame',
+        field: 'function_name',
+        matchType: 'not_starts_with',
+        value: '<core::panic',
+      },
+      {
+        type: 'frame',
+        field: 'function_name',
+        matchType: 'not_starts_with',
+        value: 'std::sys::backtrace',
+      },
+    ],
+  },
 ];
 
 const presetKeys = new Set(filterPresets.map(preset => preset.key));

ui/packages/shared/profile/src/ProfileView/components/VisualizationContainer/index.tsx

@@ -51,8 +51,14 @@ export const VisualizationContainer: FC<VisualizationContainerProps> = ({
       className={cx(
         'w-full min-h-96',
         snapshot.isDragging ? 'bg-gray-200 dark:bg-gray-500' : 'bg-inherit dark:bg-gray-900',
-        isMultiPanelView ? 'border-2 border-gray-100 dark:border-gray-700 rounded-md p-3' : ''
+        isMultiPanelView ? 'border-2 border-gray-100 dark:border-gray-700 rounded-md p-3' : '',
+        dashboardItem === 'source' && isMultiPanelView ? 'sticky top-0 self-start' : ''
       )}
+      style={
+        dashboardItem === 'source' && isMultiPanelView
+          ? {maxHeight: 'calc(100vh - 50px)'}
+          : undefined
+      }
     >
       <VisualizationPanel
         handleClosePanel={handleClosePanel}

ui/packages/shared/profile/src/SourceView/Highlighter.tsx

@@ -218,13 +218,13 @@ export const Highlighter = ({file, content, renderer}: HighlighterProps): JSX.El
           <div>Source</div>
         </div>
       </div>
-      <div className="text-xs">
+      <div className="text-xs overflow-auto" style={{maxHeight: 'calc(100vh - 200px)'}}>
         <SyntaxHighlighter
           language={language}
           style={isDarkMode ? atomOneDark : atomOneLight}
           showLineNumbers
           renderer={renderer}
-          customStyle={{padding: 0, height: '90vh'}}
+          customStyle={{padding: 0}}
         >
           {content}
         </SyntaxHighlighter>