@parca/profile 0.19.140 → 0.19.143

package/dist/GraphTooltipArrow/index.js

@@ -1,4 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,62 +22,81 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useEffect, useState } from 'react';
+
+/* eslint-disable react-hooks/refs */
+
+import React, { useEffect, useState } from 'react';
 import { flip, offset, shift, useFloating } from '@floating-ui/react';
 import { pointer } from 'd3-selection';
-function createPositionedVirtualElement(contextElement, x = 0, y = 0) {
-    const domRect = contextElement.getBoundingClientRect();
-    return {
-        getBoundingClientRect: () => ({
-            width: 0,
-            height: 0,
-            top: domRect.y + y,
-            left: domRect.x + x,
-            right: domRect.x + x,
-            bottom: domRect.y + y,
-            x: domRect.x + x,
-            y: domRect.y + y,
-            toJSON: () => ({}),
-        }),
-    };
+import { jsx as _jsx } from "react/jsx-runtime";
+function createPositionedVirtualElement(contextElement) {
+  var x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var y = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var domRect = contextElement.getBoundingClientRect();
+  return {
+    getBoundingClientRect: function getBoundingClientRect() {
+      return {
+        width: 0,
+        height: 0,
+        top: domRect.y + y,
+        left: domRect.x + x,
+        right: domRect.x + x,
+        bottom: domRect.y + y,
+        x: domRect.x + x,
+        y: domRect.y + y,
+        toJSON: function toJSON() {
+          return {};
+        }
+      };
+    }
+  };
 }
-const GraphTooltip = ({ children, contextElement }) => {
-    const [isPositioned, setIsPositioned] = useState(false);
-    const { refs, floatingStyles, update } = useFloating({
-        placement: 'bottom-start',
-        strategy: 'fixed',
-        middleware: [
-            offset({
-                mainAxis: 30,
-                crossAxis: 30,
-            }),
-            flip(),
-            shift({
-                padding: 20,
-            }),
-        ],
-        whileElementsMounted: undefined,
-    });
-    useEffect(() => {
-        if (contextElement === null)
-            return;
-        const onMouseMove = (e) => {
-            const rel = pointer(e);
-            const tooltipX = rel[0];
-            const tooltipY = rel[1];
-            const virtualElement = createPositionedVirtualElement(contextElement, tooltipX, tooltipY);
-            refs.setReference(virtualElement);
-            setIsPositioned(true);
-            update();
-        };
-        contextElement.addEventListener('mousemove', onMouseMove);
-        return () => {
-            contextElement.removeEventListener('mousemove', onMouseMove);
-        };
-    }, [contextElement, update, refs]);
-    return (_jsx("div", { ref: refs.setFloating, style: {
-            ...floatingStyles,
-            visibility: !isPositioned ? 'hidden' : 'visible',
-        }, className: "z-50 w-max", children: children }));
+var GraphTooltip = function GraphTooltip(_ref) {
+  'use no memo';
+
+  var children = _ref.children,
+    contextElement = _ref.contextElement;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPositioned = _useState2[0],
+    setIsPositioned = _useState2[1];
+  var _useFloating = useFloating({
+      placement: 'bottom-start',
+      strategy: 'fixed',
+      middleware: [offset({
+        mainAxis: 30,
+        crossAxis: 30
+      }), flip(), shift({
+        padding: 20
+      })],
+      whileElementsMounted: undefined
+    }),
+    refs = _useFloating.refs,
+    floatingStyles = _useFloating.floatingStyles,
+    update = _useFloating.update;
+  useEffect(function () {
+    if (contextElement === null) return;
+    var onMouseMove = function onMouseMove(e) {
+      var rel = pointer(e);
+      var tooltipX = rel[0];
+      var tooltipY = rel[1];
+      var virtualElement = createPositionedVirtualElement(contextElement, tooltipX, tooltipY);
+      refs.setReference(virtualElement);
+      setIsPositioned(true);
+      update();
+    };
+    contextElement.addEventListener('mousemove', onMouseMove);
+    return function () {
+      contextElement.removeEventListener('mousemove', onMouseMove);
+    };
+  }, [contextElement, update, refs]);
+  return /*#__PURE__*/_jsx("div", {
+    ref: refs.setFloating,
+    style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
+      visibility: !isPositioned ? 'hidden' : 'visible'
+    }),
+    className: "z-50 w-max",
+    children: children
+  });
 };
-export default GraphTooltip;
+export default GraphTooltip;

package/dist/GraphTooltipArrow/useGraphTooltip/index.js

@@ -10,42 +10,42 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+
 import { divide, valueFormatter } from '@parca/utilities';
-import { FIELD_CUMULATIVE, FIELD_DIFF, FIELD_FLAT, FIELD_LOCATION_ADDRESS, } from '../../ProfileFlameGraph/FlameGraphArrow';
+import { FIELD_CUMULATIVE, FIELD_DIFF, FIELD_FLAT, FIELD_LOCATION_ADDRESS } from '../../ProfileFlameGraph/FlameGraphArrow';
 import { getTextForCumulative, nodeLabel } from '../../ProfileFlameGraph/FlameGraphArrow/utils';
-export const useGraphTooltip = ({ table, profileType, unit, compareAbsolute, total, totalUnfiltered, row, }) => {
-    if (row === null || profileType === undefined) {
-        return null;
-    }
-    const locationAddress = table.getChild(FIELD_LOCATION_ADDRESS)?.get(row) ?? 0n;
-    unit = unit ?? profileType.sampleUnit;
-    const cumulative = table.getChild(FIELD_CUMULATIVE)?.get(row) !== null &&
-        table.getChild(FIELD_CUMULATIVE)?.get(row) !== undefined
-        ? BigInt(table.getChild(FIELD_CUMULATIVE)?.get(row))
-        : 0n;
-    const flat = table.getChild(FIELD_FLAT)?.get(row) !== null &&
-        table.getChild(FIELD_FLAT)?.get(row) !== undefined
-        ? BigInt(table.getChild(FIELD_FLAT)?.get(row))
-        : 0n;
-    const diff = table.getChild(FIELD_DIFF)?.get(row) !== null &&
-        table.getChild(FIELD_DIFF)?.get(row) !== undefined
-        ? BigInt(table.getChild(FIELD_DIFF)?.get(row))
-        : 0n;
-    let diffText = '';
-    const prevValue = cumulative - diff;
-    const diffRatio = diff !== 0n ? divide(diff, prevValue) : 0;
-    const diffSign = diff > 0 ? '+' : '';
-    const diffValueText = diffSign + valueFormatter(diff, unit, 1);
-    const diffPercentageText = diffSign + (diffRatio * 100).toFixed(2) + '%';
-    diffText = compareAbsolute ? `${diffValueText} (${diffPercentageText})` : diffPercentageText;
-    const name = nodeLabel(table, row, false);
-    return {
-        name,
-        locationAddress,
-        cumulativeText: getTextForCumulative(cumulative, totalUnfiltered, total, unit ?? ''),
-        flatText: getTextForCumulative(flat, totalUnfiltered, total, unit ?? ''),
-        diffText,
-        diff,
-        row,
-    };
-};
+export var useGraphTooltip = function useGraphTooltip(_ref) {
+  var _table$getChild$get, _table$getChild, _table$getChild2, _table$getChild3, _table$getChild4, _table$getChild5, _table$getChild6, _table$getChild7, _table$getChild8, _table$getChild9, _table$getChild0;
+  var table = _ref.table,
+    profileType = _ref.profileType,
+    unit = _ref.unit,
+    compareAbsolute = _ref.compareAbsolute,
+    total = _ref.total,
+    totalUnfiltered = _ref.totalUnfiltered,
+    row = _ref.row;
+  if (row === null || profileType === undefined) {
+    return null;
+  }
+  var locationAddress = (_table$getChild$get = (_table$getChild = table.getChild(FIELD_LOCATION_ADDRESS)) === null || _table$getChild === void 0 ? void 0 : _table$getChild.get(row)) !== null && _table$getChild$get !== void 0 ? _table$getChild$get : 0n;
+  unit = unit !== null && unit !== void 0 ? unit : profileType.sampleUnit;
+  var cumulative = ((_table$getChild2 = table.getChild(FIELD_CUMULATIVE)) === null || _table$getChild2 === void 0 ? void 0 : _table$getChild2.get(row)) !== null && ((_table$getChild3 = table.getChild(FIELD_CUMULATIVE)) === null || _table$getChild3 === void 0 ? void 0 : _table$getChild3.get(row)) !== undefined ? BigInt((_table$getChild4 = table.getChild(FIELD_CUMULATIVE)) === null || _table$getChild4 === void 0 ? void 0 : _table$getChild4.get(row)) : 0n;
+  var flat = ((_table$getChild5 = table.getChild(FIELD_FLAT)) === null || _table$getChild5 === void 0 ? void 0 : _table$getChild5.get(row)) !== null && ((_table$getChild6 = table.getChild(FIELD_FLAT)) === null || _table$getChild6 === void 0 ? void 0 : _table$getChild6.get(row)) !== undefined ? BigInt((_table$getChild7 = table.getChild(FIELD_FLAT)) === null || _table$getChild7 === void 0 ? void 0 : _table$getChild7.get(row)) : 0n;
+  var diff = ((_table$getChild8 = table.getChild(FIELD_DIFF)) === null || _table$getChild8 === void 0 ? void 0 : _table$getChild8.get(row)) !== null && ((_table$getChild9 = table.getChild(FIELD_DIFF)) === null || _table$getChild9 === void 0 ? void 0 : _table$getChild9.get(row)) !== undefined ? BigInt((_table$getChild0 = table.getChild(FIELD_DIFF)) === null || _table$getChild0 === void 0 ? void 0 : _table$getChild0.get(row)) : 0n;
+  var diffText = '';
+  var prevValue = cumulative - diff;
+  var diffRatio = diff !== 0n ? divide(diff, prevValue) : 0;
+  var diffSign = diff > 0 ? '+' : '';
+  var diffValueText = diffSign + valueFormatter(diff, unit, 1);
+  var diffPercentageText = diffSign + (diffRatio * 100).toFixed(2) + '%';
+  diffText = compareAbsolute ? "".concat(diffValueText, " (").concat(diffPercentageText, ")") : diffPercentageText;
+  var name = nodeLabel(table, row, false);
+  return {
+    name: name,
+    locationAddress: locationAddress,
+    cumulativeText: getTextForCumulative(cumulative, totalUnfiltered, total, unit !== null && unit !== void 0 ? unit : ''),
+    flatText: getTextForCumulative(flat, totalUnfiltered, total, unit !== null && unit !== void 0 ? unit : ''),
+    diffText: diffText,
+    diff: diff,
+    row: row
+  };
+};

package/dist/GraphTooltipArrow/useGraphTooltipMetaInfo/index.js

@@ -1,3 +1,9 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,79 +16,99 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+
 import { useQueryState } from 'nuqs';
 import { QueryRequest_ReportType } from '@parca/client';
 import { useParcaContext } from '@parca/components';
-import { FIELD_FUNCTION_FILE_NAME, FIELD_FUNCTION_START_LINE, FIELD_FUNCTION_SYSTEM_NAME, FIELD_INLINED, FIELD_LOCATION_ADDRESS, FIELD_LOCATION_LINE, FIELD_MAPPING_BUILD_ID, FIELD_MAPPING_FILE, FIELD_TIMESTAMP, } from '../../ProfileFlameGraph/FlameGraphArrow';
+import { FIELD_FUNCTION_FILE_NAME, FIELD_FUNCTION_START_LINE, FIELD_FUNCTION_SYSTEM_NAME, FIELD_INLINED, FIELD_LOCATION_ADDRESS, FIELD_LOCATION_LINE, FIELD_MAPPING_BUILD_ID, FIELD_MAPPING_FILE, FIELD_TIMESTAMP } from '../../ProfileFlameGraph/FlameGraphArrow';
 import { arrowToString } from '../../ProfileFlameGraph/FlameGraphArrow/utils';
 import { useProfileViewContext } from '../../ProfileView/context/ProfileViewContext';
 import { stringParam } from '../../hooks/urlParsers';
 import { useDashboardItems } from '../../hooks/useDashboardItems';
 import { useQuery } from '../../useQuery';
-export const useGraphTooltipMetaInfo = ({ table, row }) => {
-    const mappingFile = arrowToString(table.getChild(FIELD_MAPPING_FILE)?.get(row));
-    const mappingBuildID = arrowToString(table.getChild(FIELD_MAPPING_BUILD_ID)?.get(row));
-    const locationAddress = table.getChild(FIELD_LOCATION_ADDRESS)?.get(row) ?? 0n;
-    const inlined = table.getChild(FIELD_INLINED)?.get(row);
-    const locationLine = table.getChild(FIELD_LOCATION_LINE)?.get(row) ?? 0n;
-    const functionFilename = arrowToString(table.getChild(FIELD_FUNCTION_FILE_NAME)?.get(row)) ?? '';
-    const functionSystemName = arrowToString(table.getChild(FIELD_FUNCTION_SYSTEM_NAME)?.get(row)) ?? '';
-    const functionStartLine = table.getChild(FIELD_FUNCTION_START_LINE)?.get(row) ?? 0n;
-    const lineNumber = locationLine !== 0n ? locationLine : functionStartLine !== 0n ? functionStartLine : undefined;
-    const labelPrefix = 'labels.';
-    const labelColumnNames = table.schema.fields.filter(field => field.name.startsWith(labelPrefix));
-    const timestamp = table.getChild(FIELD_TIMESTAMP)?.get(row);
-    const { queryServiceClient, enableSourcesView } = useParcaContext();
-    const { profileSource } = useProfileViewContext();
-    const { isLoading: sourceLoading, response: sourceResponse } = useQuery(queryServiceClient, profileSource, QueryRequest_ReportType.SOURCE, {
-        skip: enableSourcesView === false ||
-            profileSource === undefined ||
-            // eslint-disable-next-line no-extra-boolean-cast
-            !Boolean(mappingBuildID) ||
-            // eslint-disable-next-line no-extra-boolean-cast
-            !Boolean(functionFilename),
-        sourceBuildID: mappingBuildID !== null ? mappingBuildID : undefined,
-        sourceFilename: functionFilename,
-        sourceOnly: true,
-    });
-    const isSourceAvailable = !sourceLoading && sourceResponse?.report != null;
-    const getTextForFile = () => {
-        if (functionFilename === '')
-            return '<unknown>';
-        return `${functionFilename} ${lineNumber !== undefined ? ` +${lineNumber.toString()}` : ''}`;
-    };
-    const file = getTextForFile();
-    const labelPairs = labelColumnNames
-        .map((field, i) => [
-        labelColumnNames[i].name.slice(labelPrefix.length),
-        arrowToString(table.getChild(field.name)?.get(row)) ?? '',
-    ])
-        .filter(value => value[1] !== '');
-    const { dashboardItems, setDashboardItems } = useDashboardItems();
-    const [_unusedBuildId, setSourceBuildId] = useQueryState('source_buildid', stringParam);
-    const [_unusedFilename, setSourceFilename] = useQueryState('source_filename', stringParam);
-    const [_unusedLine, setSourceLine] = useQueryState('source_line', stringParam);
-    const openFile = () => {
-        setDashboardItems([dashboardItems[0], 'source']);
-        if (mappingBuildID != null) {
-            void setSourceBuildId(mappingBuildID);
-        }
-        void setSourceFilename(functionFilename);
-        if (lineNumber !== undefined) {
-            void setSourceLine(lineNumber.toString());
-        }
-    };
-    return {
-        labelPairs,
-        functionFilename,
-        functionSystemName,
-        file,
-        openFile,
-        isSourceAvailable,
-        locationAddress,
-        mappingBuildID,
-        mappingFile,
-        inlined,
-        timestamp,
-    };
-};
+export var useGraphTooltipMetaInfo = function useGraphTooltipMetaInfo(_ref) {
+  var _table$getChild, _table$getChild2, _table$getChild$get, _table$getChild3, _table$getChild4, _table$getChild$get2, _table$getChild5, _arrowToString, _table$getChild6, _arrowToString2, _table$getChild7, _table$getChild$get3, _table$getChild8, _table$getChild9;
+  var table = _ref.table,
+    row = _ref.row;
+  var mappingFile = arrowToString((_table$getChild = table.getChild(FIELD_MAPPING_FILE)) === null || _table$getChild === void 0 ? void 0 : _table$getChild.get(row));
+  var mappingBuildID = arrowToString((_table$getChild2 = table.getChild(FIELD_MAPPING_BUILD_ID)) === null || _table$getChild2 === void 0 ? void 0 : _table$getChild2.get(row));
+  var locationAddress = (_table$getChild$get = (_table$getChild3 = table.getChild(FIELD_LOCATION_ADDRESS)) === null || _table$getChild3 === void 0 ? void 0 : _table$getChild3.get(row)) !== null && _table$getChild$get !== void 0 ? _table$getChild$get : 0n;
+  var inlined = (_table$getChild4 = table.getChild(FIELD_INLINED)) === null || _table$getChild4 === void 0 ? void 0 : _table$getChild4.get(row);
+  var locationLine = (_table$getChild$get2 = (_table$getChild5 = table.getChild(FIELD_LOCATION_LINE)) === null || _table$getChild5 === void 0 ? void 0 : _table$getChild5.get(row)) !== null && _table$getChild$get2 !== void 0 ? _table$getChild$get2 : 0n;
+  var functionFilename = (_arrowToString = arrowToString((_table$getChild6 = table.getChild(FIELD_FUNCTION_FILE_NAME)) === null || _table$getChild6 === void 0 ? void 0 : _table$getChild6.get(row))) !== null && _arrowToString !== void 0 ? _arrowToString : '';
+  var functionSystemName = (_arrowToString2 = arrowToString((_table$getChild7 = table.getChild(FIELD_FUNCTION_SYSTEM_NAME)) === null || _table$getChild7 === void 0 ? void 0 : _table$getChild7.get(row))) !== null && _arrowToString2 !== void 0 ? _arrowToString2 : '';
+  var functionStartLine = (_table$getChild$get3 = (_table$getChild8 = table.getChild(FIELD_FUNCTION_START_LINE)) === null || _table$getChild8 === void 0 ? void 0 : _table$getChild8.get(row)) !== null && _table$getChild$get3 !== void 0 ? _table$getChild$get3 : 0n;
+  var lineNumber = locationLine !== 0n ? locationLine : functionStartLine !== 0n ? functionStartLine : undefined;
+  var labelPrefix = 'labels.';
+  var labelColumnNames = table.schema.fields.filter(function (field) {
+    return field.name.startsWith(labelPrefix);
+  });
+  var timestamp = (_table$getChild9 = table.getChild(FIELD_TIMESTAMP)) === null || _table$getChild9 === void 0 ? void 0 : _table$getChild9.get(row);
+  var _useParcaContext = useParcaContext(),
+    queryServiceClient = _useParcaContext.queryServiceClient,
+    enableSourcesView = _useParcaContext.enableSourcesView;
+  var _useProfileViewContex = useProfileViewContext(),
+    profileSource = _useProfileViewContex.profileSource;
+  var _useQuery = useQuery(queryServiceClient, profileSource, QueryRequest_ReportType.SOURCE, {
+      skip: enableSourcesView === false || profileSource === undefined ||
+      // eslint-disable-next-line no-extra-boolean-cast
+      !Boolean(mappingBuildID) ||
+      // eslint-disable-next-line no-extra-boolean-cast
+      !Boolean(functionFilename),
+      sourceBuildID: mappingBuildID !== null ? mappingBuildID : undefined,
+      sourceFilename: functionFilename,
+      sourceOnly: true
+    }),
+    sourceLoading = _useQuery.isLoading,
+    sourceResponse = _useQuery.response;
+  var isSourceAvailable = !sourceLoading && (sourceResponse === null || sourceResponse === void 0 ? void 0 : sourceResponse.report) != null;
+  var getTextForFile = function getTextForFile() {
+    if (functionFilename === '') return '<unknown>';
+    return "".concat(functionFilename, " ").concat(lineNumber !== undefined ? " +".concat(lineNumber.toString()) : '');
+  };
+  var file = getTextForFile();
+  var labelPairs = labelColumnNames.map(function (field_0, i) {
+    var _arrowToString3, _table$getChild0;
+    return [labelColumnNames[i].name.slice(labelPrefix.length), (_arrowToString3 = arrowToString((_table$getChild0 = table.getChild(field_0.name)) === null || _table$getChild0 === void 0 ? void 0 : _table$getChild0.get(row))) !== null && _arrowToString3 !== void 0 ? _arrowToString3 : ''];
+  }).filter(function (value) {
+    return value[1] !== '';
+  });
+  var _useDashboardItems = useDashboardItems(),
+    dashboardItems = _useDashboardItems.dashboardItems,
+    setDashboardItems = _useDashboardItems.setDashboardItems;
+  var _useQueryState = useQueryState('source_buildid', stringParam),
+    _useQueryState2 = _slicedToArray(_useQueryState, 2),
+    _unusedBuildId = _useQueryState2[0],
+    setSourceBuildId = _useQueryState2[1];
+  var _useQueryState3 = useQueryState('source_filename', stringParam),
+    _useQueryState4 = _slicedToArray(_useQueryState3, 2),
+    _unusedFilename = _useQueryState4[0],
+    setSourceFilename = _useQueryState4[1];
+  var _useQueryState5 = useQueryState('source_line', stringParam),
+    _useQueryState6 = _slicedToArray(_useQueryState5, 2),
+    _unusedLine = _useQueryState6[0],
+    setSourceLine = _useQueryState6[1];
+  var openFile = function openFile() {
+    setDashboardItems([dashboardItems[0], 'source']);
+    if (mappingBuildID != null) {
+      void setSourceBuildId(mappingBuildID);
+    }
+    void setSourceFilename(functionFilename);
+    if (lineNumber !== undefined) {
+      void setSourceLine(lineNumber.toString());
+    }
+  };
+  return {
+    labelPairs: labelPairs,
+    functionFilename: functionFilename,
+    functionSystemName: functionSystemName,
+    file: file,
+    openFile: openFile,
+    isSourceAvailable: isSourceAvailable,
+    locationAddress: locationAddress,
+    mappingBuildID: mappingBuildID,
+    mappingFile: mappingFile,
+    inlined: inlined,
+    timestamp: timestamp
+  };
+};

package/dist/MatchersInput/SuggestionItem.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,17 +11,96 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+
 import { useEffect, useRef } from 'react';
 import cx from 'classnames';
-const SuggestionItem = ({ isHighlighted, onHighlight, onApplySuggestion, onResetHighlight, value, }) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        if (isHighlighted && ref.current != null) {
-            ref.current.scrollIntoView({ block: 'nearest' });
-        }
-    }, [isHighlighted]);
-    return (_jsx("div", { className: cx('relative cursor-default select-none py-2 pl-3 pr-9', {
-            'bg-indigo-600 text-white': isHighlighted,
-        }), onMouseOver: () => onHighlight(), onClick: () => onApplySuggestion(), onMouseOut: () => onResetHighlight(), ref: ref, children: value }));
+import { jsx as _jsx } from "react/jsx-runtime";
+var SuggestionItem = function SuggestionItem(t0) {
+  var $ = _c(17);
+  var isHighlighted = t0.isHighlighted,
+    onHighlight = t0.onHighlight,
+    onApplySuggestion = t0.onApplySuggestion,
+    onResetHighlight = t0.onResetHighlight,
+    value = t0.value;
+  var ref = useRef(null);
+  var t1;
+  var t2;
+  if ($[0] !== isHighlighted) {
+    t1 = function t1() {
+      if (isHighlighted && ref.current != null) {
+        ref.current.scrollIntoView({
+          block: "nearest"
+        });
+      }
+    };
+    t2 = [isHighlighted];
+    $[0] = isHighlighted;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  var t3;
+  if ($[3] !== isHighlighted) {
+    t3 = cx("relative cursor-default select-none py-2 pl-3 pr-9", {
+      "bg-indigo-600 text-white": isHighlighted
+    });
+    $[3] = isHighlighted;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  var t4;
+  if ($[5] !== onHighlight) {
+    t4 = function t4() {
+      return onHighlight();
+    };
+    $[5] = onHighlight;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  var t5;
+  if ($[7] !== onApplySuggestion) {
+    t5 = function t5() {
+      return onApplySuggestion();
+    };
+    $[7] = onApplySuggestion;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  var t6;
+  if ($[9] !== onResetHighlight) {
+    t6 = function t6() {
+      return onResetHighlight();
+    };
+    $[9] = onResetHighlight;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  var t7;
+  if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== value) {
+    t7 = /*#__PURE__*/_jsx("div", {
+      className: t3,
+      onMouseOver: t4,
+      onClick: t5,
+      onMouseOut: t6,
+      ref: ref,
+      children: value
+    });
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = value;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  return t7;
 };
-export default SuggestionItem;
+export default SuggestionItem;

package/dist/MatchersInput/SuggestionsList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare class Suggestion {
     type: string;
     typeahead: string;
@@ -13,7 +14,7 @@ export declare class Suggestions {
 interface Props {
     suggestions: Suggestions;
     applySuggestion: (suggestion: Suggestion) => void;
-    inputRef: HTMLTextAreaElement | null;
+    inputRef: React.RefObject<HTMLTextAreaElement | null>;
     runQuery: () => void;
     focusedInput: boolean;
     isLabelNamesLoading: boolean;

package/dist/MatchersInput/SuggestionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionsList.d.ts","sourceRoot":"","sources":["../../src/MatchersInput/SuggestionsList.tsx"],"names":[],"mappings":"AAuBA,qBAAa,UAAU;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;gBAEF,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;CAK3D;AAED,qBAAa,WAAW;IACtB,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;;CAO3B;AAED,UAAU,KAAK;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC;AAaD,QAAA,MAAM,eAAe,GAAI,yKAWtB,KAAK,KAAG,GAAG,CAAC,OAwUd,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SuggestionsList.d.ts","sourceRoot":"","sources":["../../src/MatchersInput/SuggestionsList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAUxE,qBAAa,UAAU;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;gBAEF,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;CAK3D;AAED,qBAAa,WAAW;IACtB,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;;CAO3B;AAED,UAAU,KAAK;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC;AAaD,QAAA,MAAM,eAAe,GAAI,yKAWtB,KAAK,KAAG,GAAG,CAAC,OAyUd,CAAC;AAEF,eAAe,eAAe,CAAC"}