@parca/profile 0.19.126 → 0.19.127

package/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.127](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.126...@parca/profile@0.19.127) (2026-02-23)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.19.126](https://github.com/parca-dev/parca/compare/@parca/profile@0.19.125...@parca/profile@0.19.126) (2026-02-23)
 
 **Note:** Version bump only for package @parca/profile

package/dist/MetricsGraph/useMetricsGraphDimensions.d.ts

@@ -4,6 +4,6 @@ interface MetricsGraphDimensions {
     heightStyle: string;
     margin: number;
 }
-export declare const useMetricsGraphDimensions: (comparing: boolean, isMini?: boolean) => MetricsGraphDimensions;
+export declare const useMetricsGraphDimensions: (comparing: boolean, maxHeight?: number) => MetricsGraphDimensions;
 export {};
 //# sourceMappingURL=useMetricsGraphDimensions.d.ts.map

package/dist/MetricsGraph/useMetricsGraphDimensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMetricsGraphDimensions.d.ts","sourceRoot":"","sources":["../../src/MetricsGraph/useMetricsGraphDimensions.ts"],"names":[],"mappings":"AAiBA,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB;AAMD,eAAO,MAAM,yBAAyB,GACpC,WAAW,OAAO,EAClB,gBAAc,KACb,sBA8BF,CAAC"}
+{"version":3,"file":"useMetricsGraphDimensions.d.ts","sourceRoot":"","sources":["../../src/MetricsGraph/useMetricsGraphDimensions.ts"],"names":[],"mappings":"AAiBA,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB;AAID,eAAO,MAAM,yBAAyB,GACpC,WAAW,OAAO,EAClB,kBAAe,KACd,sBA2BF,CAAC"}

package/dist/MetricsGraph/useMetricsGraphDimensions.js

@@ -12,11 +12,8 @@
 // limitations under the License.
 import { useWindowSize } from 'react-use';
 import { useParcaContext } from '@parca/components';
-const MAX_HEIGHT = 402;
-const MINI_VARIANT_HEIGHT = 180;
 const margin = 50;
-export const useMetricsGraphDimensions = (comparing, isMini = false) => {
-    const maxHeight = isMini ? MINI_VARIANT_HEIGHT : MAX_HEIGHT;
+export const useMetricsGraphDimensions = (comparing, maxHeight = 402) => {
     let { width } = useWindowSize();
     const { profileExplorer } = useParcaContext();
     if (profileExplorer == null) {
@@ -31,12 +28,10 @@ export const useMetricsGraphDimensions = (comparing, isMini = false) => {
     if (comparing) {
         width = width / 2 - 32;
     }
-    const height = isMini ? MINI_VARIANT_HEIGHT : Math.min(width / 2.5, maxHeight);
-    const heightStyle = isMini
-        ? `${MINI_VARIANT_HEIGHT + margin}px`
-        : `min(${maxHeight + margin}px, ${comparing
-            ? profileExplorer.metricsGraph.maxHeightStyle.compareMode
-            : profileExplorer.metricsGraph.maxHeightStyle.default})`;
+    const height = Math.min(width / 2.5, maxHeight);
+    const heightStyle = `min(${maxHeight + margin}px, ${comparing
+        ? profileExplorer.metricsGraph.maxHeightStyle.compareMode
+        : profileExplorer.metricsGraph.maxHeightStyle.default})`;
     return {
         width,
         height,

package/dist/ProfileMetricsGraph/index.js

@@ -124,9 +124,8 @@ const ProfileMetricsGraph = ({ queryClient, queryExpression, profile, from, to,
         return Math.min(rawStepCount, maxForOneSecond);
     }, [rawStepCount, from, to]);
     const { isLoading: metricsGraphLoading, response, error, } = useQueryRange(queryClient, queryExpression, from, to, sumBy, stepCount, queryExpression === '');
-    const { onError, perf, authenticationErrorMessage, isDarkMode, timezone } = useParcaContext();
-    const isGpuProfileType = queryExpression.includes(':cuda:');
-    const { width, height, margin, heightStyle } = useMetricsGraphDimensions(comparing, isGpuProfileType);
+    const { onError, perf, authenticationErrorMessage, isDarkMode, timezone, profileExplorer } = useParcaContext();
+    const { width, height, margin, heightStyle } = useMetricsGraphDimensions(comparing, profileExplorer?.metricsGraph.height);
     const [showAllSeriesForResponse, setShowAllSeriesForResponse] = useState(null);
     useEffect(() => {
         if (error !== null) {

package/dist/ProfileSelector/MetricsGraphSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsGraphSection.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/MetricsGraphSection.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAQ,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,aAAa,EAAmB,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAIpC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gCAAgC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,kBAAkB,CAAC;IAChC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChF,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,kBAAkB,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CACX,kBAAkB,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,EACtE,UAAU,CAAC,EAAE,MAAM,KAChB,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gCAAgC,EAChC,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,qBAAqB,EACrB,WAAW,EACX,mBAA2B,EAC3B,iBAAyB,GAC1B,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAmIxC"}
+{"version":3,"file":"MetricsGraphSection.d.ts","sourceRoot":"","sources":["../../src/ProfileSelector/MetricsGraphSection.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAQ,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACxD,OAAO,EAAC,aAAa,EAAoC,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;AAIpC,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gCAAgC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC5B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,kBAAkB,CAAC;IAChC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChF,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,kBAAkB,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CACX,kBAAkB,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,EACtE,UAAU,CAAC,EAAE,MAAM,KAChB,IAAI,CAAC;IACV,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gCAAgC,EAChC,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,qBAAqB,EACrB,WAAW,EACX,mBAA2B,EAC3B,iBAAyB,GAC1B,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAmIxC"}

package/dist/ProfileSelector/MetricsGraphSection.js

@@ -12,7 +12,7 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import cx from 'classnames';
-import { useURLStateBatch } from '@parca/components';
+import { useParcaContext, useURLStateBatch } from '@parca/components';
 import { Query } from '@parca/parser';
 import { useMetricsGraphDimensions } from '../MetricsGraph/useMetricsGraphDimensions';
 import ProfileMetricsGraph, { ProfileMetricsEmptyState } from '../ProfileMetricsGraph';
@@ -20,8 +20,8 @@ import { useResetStateOnSeriesChange } from '../ProfileView/hooks/useResetStateO
 export function MetricsGraphSection({ showMetricsGraph, setDisplayHideMetricsGraphButton, querySelection, profileSelection, comparing, sumBy, defaultSumByLoading, queryClient, queryExpressionString, setTimeRangeSelection, selectQuery, setProfileSelection, query, setNewQueryExpression, commitDraft, profileTypesLoading = false, hasNoProfileTypes = false, }) {
     const resetStateOnSeriesChange = useResetStateOnSeriesChange();
     const batchUpdates = useURLStateBatch();
-    const isGpuProfileType = querySelection.expression.includes(':cuda:');
-    const { heightStyle } = useMetricsGraphDimensions(comparing, isGpuProfileType);
+    const { profileExplorer } = useParcaContext();
+    const { heightStyle } = useMetricsGraphDimensions(comparing, profileExplorer?.metricsGraph.height);
     const handleTimeRangeChange = (range) => {
         const from = range.getFromMs();
         const to = range.getToMs();

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@parca/profile",
-  "version": "0.19.126",
+  "version": "0.19.127",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
     "@headlessui/react": "^1.7.19",
     "@iconify/react": "^4.0.0",
     "@parca/client": "0.17.17",
-    "@parca/components": "0.16.403",
+    "@parca/components": "0.16.404",
     "@parca/dynamicsize": "0.16.72",
     "@parca/hooks": "0.0.118",
     "@parca/icons": "0.16.79",
@@ -88,5 +88,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "0cbcaff4a19806bfa5e3e1c7b2c3cb4a0e8eb97c"
+  "gitHead": "344bd4f2b926f0eecfa47459ba9cc9f6f731ef7d"
 }

package/src/MetricsGraph/useMetricsGraphDimensions.ts

@@ -22,15 +22,12 @@ interface MetricsGraphDimensions {
   margin: number;
 }
 
-const MAX_HEIGHT = 402;
-const MINI_VARIANT_HEIGHT = 180;
 const margin = 50;
 
 export const useMetricsGraphDimensions = (
   comparing: boolean,
-  isMini = false
+  maxHeight = 402
 ): MetricsGraphDimensions => {
-  const maxHeight = isMini ? MINI_VARIANT_HEIGHT : MAX_HEIGHT;
   let {width} = useWindowSize();
   const {profileExplorer} = useParcaContext();
   if (profileExplorer == null) {
@@ -45,14 +42,12 @@ export const useMetricsGraphDimensions = (
   if (comparing) {
     width = width / 2 - 32;
   }
-  const height = isMini ? MINI_VARIANT_HEIGHT : Math.min(width / 2.5, maxHeight);
-  const heightStyle = isMini
-    ? `${MINI_VARIANT_HEIGHT + margin}px`
-    : `min(${maxHeight + margin}px, ${
-        comparing
-          ? profileExplorer.metricsGraph.maxHeightStyle.compareMode
-          : profileExplorer.metricsGraph.maxHeightStyle.default
-      })`;
+  const height = Math.min(width / 2.5, maxHeight);
+  const heightStyle = `min(${maxHeight + margin}px, ${
+    comparing
+      ? profileExplorer.metricsGraph.maxHeightStyle.compareMode
+      : profileExplorer.metricsGraph.maxHeightStyle.default
+  })`;
   return {
     width,
     height,

package/src/ProfileMetricsGraph/index.tsx

@@ -224,11 +224,11 @@ const ProfileMetricsGraph = ({
     stepCount,
     queryExpression === ''
   );
-  const {onError, perf, authenticationErrorMessage, isDarkMode, timezone} = useParcaContext();
-  const isGpuProfileType = queryExpression.includes(':cuda:');
+  const {onError, perf, authenticationErrorMessage, isDarkMode, timezone, profileExplorer} =
+    useParcaContext();
   const {width, height, margin, heightStyle} = useMetricsGraphDimensions(
     comparing,
-    isGpuProfileType
+    profileExplorer?.metricsGraph.height
   );
   const [showAllSeriesForResponse, setShowAllSeriesForResponse] = useState<typeof response | null>(
     null

package/src/ProfileSelector/MetricsGraphSection.tsx

@@ -14,7 +14,7 @@
 import cx from 'classnames';
 
 import {Label, QueryServiceClient} from '@parca/client';
-import {DateTimeRange, useURLStateBatch} from '@parca/components';
+import {DateTimeRange, useParcaContext, useURLStateBatch} from '@parca/components';
 import {Query} from '@parca/parser';
 
 import {ProfileSelection} from '..';
@@ -68,8 +68,8 @@ export function MetricsGraphSection({
 }: MetricsGraphSectionProps): JSX.Element {
   const resetStateOnSeriesChange = useResetStateOnSeriesChange();
   const batchUpdates = useURLStateBatch();
-  const isGpuProfileType = querySelection.expression.includes(':cuda:');
-  const {heightStyle} = useMetricsGraphDimensions(comparing, isGpuProfileType);
+  const {profileExplorer} = useParcaContext();
+  const {heightStyle} = useMetricsGraphDimensions(comparing, profileExplorer?.metricsGraph.height);
   const handleTimeRangeChange = (range: DateTimeRange): void => {
     const from = range.getFromMs();
     const to = range.getToMs();