Merge branch 'main' into fix/h2c/std-lib

metalmatze · web-flow · commit 18e7139d41d5 · 2025-09-04T11:31:45.000+02:00
diff --git a/go.mod b/go.mod
@@ -13,7 +13,7 @@ require (
 	github.com/dgraph-io/badger/v4 v4.8.0
 	github.com/felixge/fgprof v0.9.5
 	github.com/fsnotify/fsnotify v1.9.0
-	github.com/go-chi/chi/v5 v5.2.2
+	github.com/go-chi/chi/v5 v5.2.3
 	github.com/go-chi/cors v1.2.2
 	github.com/go-delve/delve v1.25.1
 	github.com/go-kit/log v0.2.1
diff --git a/go.sum b/go.sum
@@ -288,8 +288,8 @@ github.com/gin-gonic/gin v1.5.0/go.mod h1:Nd6IXA8m5kNZdNEHMBd93KT+mdY3+bewLgRvmC
 github.com/gin-gonic/gin v1.6.3/go.mod h1:75u5sXoLsGZoRN5Sgbi1eraJ4GU3++wFwWzhwvtwp4M=
 github.com/gin-gonic/gin v1.9.1 h1:4idEAncQnU5cB7BeOkPtxjfCSye0AAm1R0RVIqJ+Jmg=
 github.com/gin-gonic/gin v1.9.1/go.mod h1:hPrL7YrpYKXt5YId3A/Tnip5kqbEAP+KLuI3SUcPTeU=
-github.com/go-chi/chi/v5 v5.2.2 h1:CMwsvRVTbXVytCk1Wd72Zy1LAsAh9GxMmSNWLHCG618=
-github.com/go-chi/chi/v5 v5.2.2/go.mod h1:L2yAIGWB3H+phAw1NxKwWM+7eUH/lU8pOMm5hHcoops=
+github.com/go-chi/chi/v5 v5.2.3 h1:WQIt9uxdsAbgIYgid+BpYc+liqQZGMHRaUwp0JUcvdE=
+github.com/go-chi/chi/v5 v5.2.3/go.mod h1:L2yAIGWB3H+phAw1NxKwWM+7eUH/lU8pOMm5hHcoops=
 github.com/go-chi/cors v1.2.2 h1:Jmey33TE+b+rB7fT8MUy1u0I4L+NARQlK6LhzKPSyQE=
 github.com/go-chi/cors v1.2.2/go.mod h1:sSbTewc+6wYHBBCW7ytsFSn836hqM7JxpglAy2Vzc58=
 github.com/go-delve/delve v1.25.1 h1:M/a9uUhITYdrHoTSZSC0D9EIuL4agpq77omDTneRre8=
diff --git a/ui/package.json b/ui/package.json
@@ -53,14 +53,14 @@
     "@storybook/react-vite": "8.6.14",
     "@storybook/test": "8.6.14",
     "@swc/cli": "0.7.8",
-    "@swc/core": "1.13.3",
+    "@swc/core": "1.13.5",
     "@swc/jest": "0.2.39",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "13.4.0",
     "@types/command-line-args": "5.2.3",
     "@types/jest": "29.5.14",
     "@types/node": "18.19.123",
-    "@types/react": "18.3.23",
+    "@types/react": "18.3.24",
     "@types/react-dom": "18.3.7",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
diff --git a/ui/packages/app/web/CHANGELOG.md b/ui/packages/app/web/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.16.929](https://github.com/parca-dev/parca/compare/@parca/web@0.16.928...@parca/web@0.16.929) (2025-09-03)
+
+**Note:** Version bump only for package @parca/web
+
+## [0.16.928](https://github.com/parca-dev/parca/compare/@parca/web@0.16.927...@parca/web@0.16.928) (2025-09-02)
+
+**Note:** Version bump only for package @parca/web
+
 ## [0.16.927](https://github.com/parca-dev/parca/compare/@parca/web@0.16.926...@parca/web@0.16.927) (2025-08-28)
 
 **Note:** Version bump only for package @parca/web
diff --git a/ui/packages/app/web/package.json b/ui/packages/app/web/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@parca/web",
   "private": true,
-  "version": "0.16.927",
+  "version": "0.16.929",
   "description": "Parca Web Interface",
   "type": "module",
   "scripts": {
diff --git a/ui/packages/shared/components/CHANGELOG.md b/ui/packages/shared/components/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.367 (2025-09-03)
+
+**Note:** Version bump only for package @parca/components
+
 ## [0.16.366](https://github.com/parca-dev/parca/compare/@parca/components@0.16.365...@parca/components@0.16.366) (2025-08-28)
 
 **Note:** Version bump only for package @parca/components
diff --git a/ui/packages/shared/components/package.json b/ui/packages/shared/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@parca/components",
-  "version": "0.16.366",
+  "version": "0.16.367",
   "description": "A component library for Parca",
   "main": "dist/index.js",
   "scripts": {
diff --git a/ui/packages/shared/profile/CHANGELOG.md b/ui/packages/shared/profile/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.48](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.47...@parca/profile@0.19.48) (2025-09-03)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.19.47](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.46...@parca/profile@0.19.47) (2025-09-02)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.46](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.45...@parca/profile@0.19.46) (2025-08-28)
 
 **Note:** Version bump only for package @parca/profile
diff --git a/ui/packages/shared/profile/package.json b/ui/packages/shared/profile/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.46",
+  "version": "0.19.48",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
diff --git a/ui/packages/shared/profile/src/MetricsGraph/MetricsContextMenu/index.tsx b/ui/packages/shared/profile/src/MetricsGraph/MetricsContextMenu/index.tsx
@@ -15,6 +15,7 @@ import {Icon} from '@iconify/react';
 import {Item, Menu, Submenu} from 'react-contexify';
 
 import {useParcaContext} from '@parca/components';
+import {testId} from '@parca/test-utils';
 
 import {Series, SeriesPoint} from '../';
 
@@ -110,7 +111,12 @@ const MetricsContextMenu = ({
   };
 
   return (
-    <Menu id={menuId} onVisibilityChange={trackVisibility} theme={isDarkMode ? 'dark' : ''}>
+    <Menu
+      id={menuId}
+      onVisibilityChange={trackVisibility}
+      theme={isDarkMode ? 'dark' : ''}
+      {...testId('METRICS_GRAPH_CONTEXT_MENU')}
+    >
       {menuItems.map(renderMenuItem)}
     </Menu>
   );
diff --git a/ui/packages/shared/profile/src/MetricsGraph/MetricsTooltip/index.tsx b/ui/packages/shared/profile/src/MetricsGraph/MetricsTooltip/index.tsx
@@ -15,6 +15,8 @@ import {useEffect, useMemo, useState} from 'react';
 
 import {usePopper} from 'react-popper';
 
+import {testId} from '@parca/test-utils';
+
 interface VirtualElement {
   getBoundingClientRect: () => DOMRect;
 }
@@ -107,7 +109,13 @@ const MetricsTooltip = ({x, y, contextElement, content}: Props): JSX.Element =>
   }
 
   return (
-    <div ref={setPopperElement} style={styles.popper} {...attributes.popper} className="z-50">
+    <div
+      ref={setPopperElement}
+      style={styles.popper}
+      {...attributes.popper}
+      {...testId('METRICS_GRAPH_TOOLTIP')}
+      className="z-50"
+    >
       <div className="flex max-w-lg">
         <div className="m-auto">
           <div className="border border-gray-300 bg-gray-50 dark:border-gray-500 dark:bg-gray-900 rounded-lg shadow-lg px-3 py-2">
diff --git a/ui/packages/shared/profile/src/MetricsGraph/index.tsx b/ui/packages/shared/profile/src/MetricsGraph/index.tsx
@@ -19,6 +19,7 @@ import throttle from 'lodash.throttle';
 import {useContextMenu} from 'react-contexify';
 
 import {DateTimeRange, useParcaContext} from '@parca/components';
+import {testId} from '@parca/test-utils';
 import {formatDate, formatForTimespan, getPrecision, valueFormatter} from '@parca/utilities';
 
 import MetricsCircle from '../MetricsCircle';
@@ -81,7 +82,11 @@ const MetricsGraph = ({
 }: Props): JSX.Element => {
   const [isInfoPanelOpen, setIsInfoPanelOpen] = useState<boolean>(false);
   return (
-    <div className="relative" onClick={() => isInfoPanelOpen && setIsInfoPanelOpen(false)}>
+    <div
+      className="relative"
+      {...testId('METRICS_GRAPH')}
+      onClick={() => isInfoPanelOpen && setIsInfoPanelOpen(false)}
+    >
       <div className="absolute right-0 top-0">
         <MetricsInfoPanel
           isInfoPanelOpen={isInfoPanelOpen}
diff --git a/ui/packages/shared/profile/src/ProfileMetricsGraph/index.tsx b/ui/packages/shared/profile/src/ProfileMetricsGraph/index.tsx
@@ -29,6 +29,7 @@ import {
   useParcaContext,
 } from '@parca/components';
 import {Query} from '@parca/parser';
+import {testId} from '@parca/test-utils';
 import {capitalizeOnlyFirstLetter, formatDate, timePattern, valueFormatter} from '@parca/utilities';
 
 import {MergedProfileSelection, ProfileSelection} from '..';
@@ -490,6 +491,7 @@ const ProfileMetricsGraph = ({
                                   <div
                                     key={name}
                                     className="mr-3 inline-block rounded-lg bg-gray-200 px-2 py-1 text-xs font-bold text-gray-700 dark:bg-gray-700 dark:text-gray-400"
+                                    {...testId('TOOLTIP_LABEL')}
                                   >
                                     <TextWithTooltip
                                       text={`${name.replace('attributes.', '')}="${
@@ -511,6 +513,7 @@ const ProfileMetricsGraph = ({
                                   <div
                                     key={name}
                                     className="mr-3 inline-block rounded-lg bg-gray-200 px-2 py-1 text-xs font-bold text-gray-700 dark:bg-gray-700 dark:text-gray-400"
+                                    {...testId('TOOLTIP_LABEL')}
                                   >
                                     <TextWithTooltip
                                       text={`${name.replace('attributes.', '')}="${
@@ -531,6 +534,7 @@ const ProfileMetricsGraph = ({
                                   <div
                                     key={label.name}
                                     className="mr-3 inline-block rounded-lg bg-gray-200 px-2 py-1 text-xs font-bold text-gray-700 dark:bg-gray-700 dark:text-gray-400"
+                                    {...testId('TOOLTIP_LABEL')}
                                   >
                                     <TextWithTooltip
                                       text={`${label.name}="${label.value}"`}
diff --git a/ui/packages/shared/profile/src/ProfileSelector/MetricsGraphSection.tsx b/ui/packages/shared/profile/src/ProfileSelector/MetricsGraphSection.tsx
@@ -76,7 +76,7 @@ export function MetricsGraphSection({
     const to = range.getToMs();
     let mergedProfileParams = {};
     if (query.profileType().delta) {
-      mergedProfileParams = {mergeFrom: from, mergeTo: to};
+      mergedProfileParams = {mergeFrom: from * 1_000_000, mergeTo: to * 1_000_000};
     }
     setTimeRangeSelection(range);
     selectQuery({
diff --git a/ui/packages/shared/test-utils/CHANGELOG.md b/ui/packages/shared/test-utils/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.0.9 (2025-09-03)
+
+**Note:** Version bump only for package @parca/test-utils
+
 ## 0.0.8 (2025-08-28)
 
 **Note:** Version bump only for package @parca/test-utils
diff --git a/ui/packages/shared/test-utils/package.json b/ui/packages/shared/test-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@parca/test-utils",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Test utilities and test IDs for Parca components",
   "main": "dist/index.js",
   "scripts": {
diff --git a/ui/packages/shared/test-utils/src/test-ids.ts b/ui/packages/shared/test-utils/src/test-ids.ts
@@ -87,6 +87,14 @@ export const TEST_IDS = {
   FLAMEGRAPH_CONTAINER: 'flamegraph-container',
   FLAMEGRAPH_RESET_BUTTON: 'flamegraph-reset-button',
 
+  // Metrics Graph
+  METRICS_GRAPH: 'metrics-graph',
+  METRICS_GRAPH_TOOLTIP: 'metrics-graph-tooltip',
+  TOOLTIP_LABEL: 'tooltip-label',
+  TOOLTIP_LABEL_KEY: 'tooltip-label-key',
+  TOOLTIP_LABEL_VALUE: 'tooltip-label-value',
+  METRICS_GRAPH_CONTEXT_MENU: 'metrics-graph-context-menu',
+
   // Profile Filters
   PROFILE_FILTERS_CONTAINER: 'profile-filters-container',
   FILTER_TYPE_SELECT: 'filter-type-select',
diff --git a/ui/pnpm-lock.yaml b/ui/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@parca/web",`
`3`	`3`	`"private": true,`
`4`		`- "version": "0.16.927",`
	`4`	`+ "version": "0.16.929",`
`5`	`5`	`"description": "Parca Web Interface",`
`6`	`6`	`"type": "module",`
`7`	`7`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@parca/components",`
`3`		`- "version": "0.16.366",`
	`3`	`+ "version": "0.16.367",`
`4`	`4`	`"description": "A component library for Parca",`
`5`	`5`	`"main": "dist/index.js",`
`6`	`6`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@parca/profile",`
`3`		`- "version": "0.19.46",`
	`3`	`+ "version": "0.19.48",`
`4`	`4`	`"description": "Profile viewing libraries",`
`5`	`5`	`"dependencies": {`
`6`	`6`	`"@floating-ui/react": "^0.27.12",`