Merge remote-tracking branch 'origin/main' into flamecharts-zoom-feature

manojVivek · manojVivek · commit 42bb30900629 · 2026-02-12T22:24:47.000+05:30
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.1006](https://github.com/parca-dev/parca/compare/@parca/web@0.16.1005...@parca/web@0.16.1006) (2026-02-12)
+
+**Note:** Version bump only for package @parca/web
+
+## [0.16.1005](https://github.com/parca-dev/parca/compare/@parca/web@0.16.1004...@parca/web@0.16.1005) (2026-02-12)
+
+**Note:** Version bump only for package @parca/web
+
 ## [0.16.1004](https://github.com/parca-dev/parca/compare/@parca/web@0.16.1003...@parca/web@0.16.1004) (2026-02-11)
 
 **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.1004",
+  "version": "0.16.1006",
   "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,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.16.399](https://github.com/parca-dev/parca/compare/@parca/components@0.16.398...@parca/components@0.16.399) (2026-02-12)
+
+**Note:** Version bump only for package @parca/components
+
+## 0.16.398 (2026-02-12)
+
+**Note:** Version bump only for package @parca/components
+
 ## 0.16.397 (2026-02-06)
 
 **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.397",
+  "version": "0.16.399",
   "description": "A component library for Parca",
   "main": "dist/index.js",
   "scripts": {
diff --git a/ui/packages/shared/components/src/ParcaContext/index.tsx b/ui/packages/shared/components/src/ParcaContext/index.tsx
@@ -18,6 +18,7 @@ import {RpcError} from '@protobuf-ts/runtime-rpc';
 import {QueryServiceClient} from '@parca/client';
 import type {ColorConfig, NavigateFunction} from '@parca/utilities';
 
+import {DateTimeRange} from '../DateTimeRangePicker/utils';
 import {NoDataPrompt} from '../NoDataPrompt';
 import Spinner, {SpinnerProps} from '../Spinner';
 
@@ -33,6 +34,23 @@ export interface SourceViewContextMenuItem {
   action: (selectedCode: string, profileData: ProfileData[]) => void;
 }
 
+export interface AdditionalMetricsGraphProps {
+  querySelection: {
+    expression: string;
+    from: number;
+    to: number;
+    timeSelection: string;
+    sumBy?: string[];
+    mergeFrom?: string;
+    mergeTo?: string;
+  };
+  queryClient: QueryServiceClient;
+  suffix?: '_a' | '_b';
+  timeRange: DateTimeRange;
+  onTimeRangeChange: (range: DateTimeRange) => void;
+  commitTimeRange: () => void;
+}
+
 interface Props {
   Spinner: FC<SpinnerProps>;
   loader?: ReactNode;
@@ -78,6 +96,7 @@ interface Props {
   preferencesModal?: boolean;
   checkDebuginfoStatusHandler?: (buildId: string) => void;
   flamechartHelpText?: ReactNode;
+  additionalMetricsGraph?: (props: AdditionalMetricsGraphProps) => ReactNode;
 }
 
 export const defaultValue: Props = {
diff --git a/ui/packages/shared/hooks/CHANGELOG.md b/ui/packages/shared/hooks/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.118 (2026-02-12)
+
+**Note:** Version bump only for package @parca/hooks
+
 ## 0.0.117 (2026-02-06)
 
 **Note:** Version bump only for package @parca/hooks
diff --git a/ui/packages/shared/hooks/package.json b/ui/packages/shared/hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@parca/hooks",
-  "version": "0.0.117",
+  "version": "0.0.118",
   "description": "A library containing React hooks used in the Parca UI",
   "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.120](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.119...@parca/profile@0.19.120) (2026-02-12)
+
+**Note:** Version bump only for package @parca/profile
+
+## [0.19.119](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.118...@parca/profile@0.19.119) (2026-02-12)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.118](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.117...@parca/profile@0.19.118) (2026-02-11)
 
 **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.118",
+  "version": "0.19.120",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
diff --git a/ui/packages/shared/profile/src/ProfileSelector/index.tsx b/ui/packages/shared/profile/src/ProfileSelector/index.tsx
@@ -119,7 +119,7 @@ const ProfileSelector = ({
   onSearchHook,
 }: ProfileSelectorProps): JSX.Element => {
   const {heightStyle} = useMetricsGraphDimensions(comparing, false);
-  const {viewComponent} = useParcaContext();
+  const {viewComponent, additionalMetricsGraph} = useParcaContext();
   const [queryBrowserMode, setQueryBrowserMode] = useURLState('query_browser_mode');
   const batchUpdates = useURLStateBatch();
 
@@ -290,7 +290,15 @@ const ProfileSelector = ({
 
   return (
     <>
-      <div className="mb-2 flex">
+      <div className="mb-2 flex flex-col">
+        {additionalMetricsGraph?.({
+          querySelection,
+          queryClient,
+          suffix,
+          timeRange: timeRangeSelection,
+          onTimeRangeChange: handleTimeRangeChange,
+          commitTimeRange: () => setQueryExpression(true),
+        })}
         <LabelsQueryProvider
           setMatchersString={setMatchersString}
           runQuery={setQueryExpression}
diff --git a/ui/packages/shared/profile/src/index.tsx b/ui/packages/shared/profile/src/index.tsx
@@ -16,10 +16,12 @@ import * as lz4 from 'lz4js';
 
 import type {ParamPreferences} from '@parca/components';
 
+import MatchersInput from './MatchersInput';
 import MetricsGraph, {type ContextMenuItemOrSubmenu, type Series} from './MetricsGraph';
 import ProfileExplorer from './ProfileExplorer';
 import ProfileTypeSelector from './ProfileTypeSelector';
 import {SelectWithRefresh} from './SelectWithRefresh';
+import SimpleMatchers from './SimpleMatchers';
 import CustomSelect from './SimpleMatchers/Select';
 import {
   LabelsQueryProvider,
@@ -80,6 +82,8 @@ export {
   SelectWithRefresh,
   useLabelNames,
   MetricsGraph,
+  SimpleMatchers,
+  MatchersInput,
   type ContextMenuItemOrSubmenu,
   type Series,
   LabelsQueryProvider,
diff --git a/ui/packages/shared/store/CHANGELOG.md b/ui/packages/shared/store/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.201 (2026-02-12)
+
+**Note:** Version bump only for package @parca/store
+
 ## 0.16.200 (2026-02-06)
 
 **Note:** Version bump only for package @parca/store
diff --git a/ui/packages/shared/store/package.json b/ui/packages/shared/store/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@parca/store",
-  "version": "0.16.200",
+  "version": "0.16.201",
   "description": "State management for Parca UI",
   "main": "dist/index.js",
   "scripts": {
diff --git a/ui/packages/shared/utilities/CHANGELOG.md b/ui/packages/shared/utilities/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.124 (2026-02-12)
+
+**Note:** Version bump only for package @parca/utilities
+
 ## 0.0.123 (2026-02-06)
 
 **Note:** Version bump only for package @parca/utilities
diff --git a/ui/packages/shared/utilities/package.json b/ui/packages/shared/utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@parca/utilities",
-  "version": "0.0.123",
+  "version": "0.0.124",
   "description": "A set of reusable functions for Parca",
   "main": "dist/index.js",
   "scripts": {
diff --git a/ui/packages/shared/utilities/src/index.ts b/ui/packages/shared/utilities/src/index.ts
@@ -100,6 +100,17 @@ const unitsInCelsius = {
   unit: {multiplier: 1, symbol: '°C'},
 };
 
+const unitsInMillicelsius = {
+  unit: {multiplier: 1e7, symbol: '°C'},
+};
+
+const unitsInMicrowatts = {
+  unit: {multiplier: 1e6, symbol: 'W'},
+  kilo: {multiplier: 1e9, symbol: 'kW'},
+  mega: {multiplier: 1e12, symbol: 'MW'},
+  giga: {multiplier: 1e15, symbol: 'GW'},
+};
+
 const unitsInHertz = {
   unit: {multiplier: 1, symbol: 'Hz'},
   kilo: {multiplier: 1e3, symbol: 'kHz'},
@@ -115,8 +126,10 @@ const knownValueFormatters = {
   'CPU Cores': unitsInCores,
   milliseconds: unitsInTimeMs,
   watts: unitsInWatts,
+  microwatts: unitsInMicrowatts,
   bytes_per_second: unitsInBytesPerSecond,
   celsius: unitsInCelsius,
+  millicelsius: unitsInMillicelsius,
   hertz: unitsInHertz,
 };
 

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.1004",`
	`4`	`+ "version": "0.16.1006",`
`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.397",`
	`3`	`+ "version": "0.16.399",`
`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/hooks",`
`3`		`- "version": "0.0.117",`
	`3`	`+ "version": "0.0.118",`
`4`	`4`	`"description": "A library containing React hooks used in the Parca UI",`
`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.118",`
	`3`	`+ "version": "0.19.120",`
`4`	`4`	`"description": "Profile viewing libraries",`
`5`	`5`	`"dependencies": {`
`6`	`6`	`"@floating-ui/react": "^0.27.12",`