@parca/profile 0.19.140 → 0.19.142

package/dist/ProfileView/components/ProfileFilters/useProfileFiltersUrlState.d.ts

@@ -1,8 +1,9 @@
+import { type ParamValueSetterCustom } from '@parca/components';
 import { type ProfileFilter } from './useProfileFilters';
 export declare const decodeProfileFilters: (encoded: string) => ProfileFilter[];
 export declare const useProfileFiltersUrlState: () => {
     appliedFilters: ProfileFilter[];
-    setAppliedFilters: (filters: ProfileFilter[]) => void;
+    setAppliedFilters: ParamValueSetterCustom<ProfileFilter[]>;
     forceApplyFilters: (filters: ProfileFilter[]) => void;
 };
 //# sourceMappingURL=useProfileFiltersUrlState.d.ts.map

package/dist/ProfileView/components/ProfileFilters/useProfileFiltersUrlState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProfileFiltersUrlState.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/useProfileFiltersUrlState.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAsEvD,eAAO,MAAM,oBAAoB,GAAI,SAAS,MAAM,KAAG,aAAa,EAgDnE,CAAC;AAUF,eAAO,MAAM,yBAAyB,QAAO;IAC3C,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACtD,iBAAiB,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CAmCvD,CAAC"}
+{"version":3,"file":"useProfileFiltersUrlState.d.ts","sourceRoot":"","sources":["../../../../src/ProfileView/components/ProfileFilters/useProfileFiltersUrlState.ts"],"names":[],"mappings":"AAeA,OAAO,EAAsC,KAAK,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AAInG,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAsEvD,eAAO,MAAM,oBAAoB,GAAI,SAAS,MAAM,KAAG,aAAa,EAgDnE,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAO;IAC3C,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,iBAAiB,EAAE,sBAAsB,CAAC,aAAa,EAAE,CAAC,CAAC;IAC3D,iBAAiB,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CA4CvD,CAAC"}

package/dist/ProfileView/components/ProfileFilters/useProfileFiltersUrlState.js

@@ -1,3 +1,12 @@
+function _toArray(r) { return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest(); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+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; }
+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.
@@ -10,137 +19,198 @@
 // 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 { useCallback, useMemo } from 'react';
-import { createParser, useQueryState } from 'nuqs';
+import { useURLStateBatch, useURLStateCustom } from '@parca/components';
 import { safeDecode } from '@parca/utilities';
 import { isPresetKey } from './filterPresets';
 // Compact encoding mappings
-const TYPE_MAP = {
-    stack: 's',
-    frame: 'f',
+var TYPE_MAP = {
+  stack: 's',
+  frame: 'f'
 };
-const FIELD_MAP = {
-    function_name: 'fn',
-    binary: 'b',
-    system_name: 'sn',
-    filename: 'f',
-    address: 'a',
-    line_number: 'ln',
+var FIELD_MAP = {
+  function_name: 'fn',
+  binary: 'b',
+  system_name: 'sn',
+  filename: 'f',
+  address: 'a',
+  line_number: 'ln'
 };
-const MATCH_MAP = {
-    equal: '=',
-    not_equal: '!=',
-    contains: '~',
-    not_contains: '!~',
-    starts_with: '^',
-    not_starts_with: '!^',
+var MATCH_MAP = {
+  equal: '=',
+  not_equal: '!=',
+  contains: '~',
+  not_contains: '!~',
+  starts_with: '^',
+  not_starts_with: '!^'
 };
+
 // Reverse mappings for decoding
-const TYPE_MAP_REVERSE = Object.fromEntries(Object.entries(TYPE_MAP).map(([k, v]) => [v, k]));
-const FIELD_MAP_REVERSE = Object.fromEntries(Object.entries(FIELD_MAP).map(([k, v]) => [v, k]));
-const MATCH_MAP_REVERSE = Object.fromEntries(Object.entries(MATCH_MAP).map(([k, v]) => [v, k]));
+var TYPE_MAP_REVERSE = Object.fromEntries(Object.entries(TYPE_MAP).map(function (_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    k = _ref2[0],
+    v = _ref2[1];
+  return [v, k];
+}));
+var FIELD_MAP_REVERSE = Object.fromEntries(Object.entries(FIELD_MAP).map(function (_ref3) {
+  var _ref4 = _slicedToArray(_ref3, 2),
+    k = _ref4[0],
+    v = _ref4[1];
+  return [v, k];
+}));
+var MATCH_MAP_REVERSE = Object.fromEntries(Object.entries(MATCH_MAP).map(function (_ref5) {
+  var _ref6 = _slicedToArray(_ref5, 2),
+    k = _ref6[0],
+    v = _ref6[1];
+  return [v, k];
+}));
+
 // Encode filters to compact string format
-const encodeProfileFilters = (filters) => {
-    if (filters.length === 0)
-        return '';
-    return filters
-        .filter(f => f.value !== '' && f.type != null)
-        .map(f => {
-        // Handle preset filters differently
-        if (isPresetKey(f.type)) {
-            const presetKey = encodeURIComponent(f.type);
-            const value = encodeURIComponent(f.value);
-            return `p:${presetKey}:${value}`;
-        }
-        // Handle regular filters
-        const type = TYPE_MAP[f.type];
-        const field = FIELD_MAP[f.field];
-        const match = MATCH_MAP[f.matchType];
-        const value = encodeURIComponent(f.value);
-        return `${type}:${field}:${match}:${value}`;
-    })
-        .join(',');
+var encodeProfileFilters = function encodeProfileFilters(filters) {
+  if (filters.length === 0) return '';
+  return filters.filter(function (f) {
+    return f.value !== '' && f.type != null;
+  }).map(function (f) {
+    // Handle preset filters differently
+    if (isPresetKey(f.type)) {
+      var presetKey = encodeURIComponent(f.type);
+      var _value = encodeURIComponent(f.value);
+      return "p:".concat(presetKey, ":").concat(_value);
+    }
+
+    // Handle regular filters
+    var type = TYPE_MAP[f.type];
+    var field = FIELD_MAP[f.field];
+    var match = MATCH_MAP[f.matchType];
+    var value = encodeURIComponent(f.value);
+    return "".concat(type, ":").concat(field, ":").concat(match, ":").concat(value);
+  }).join(',');
 };
-const generateFilterId = (filter, index) => {
-    const parts = [
-        filter.type ?? '',
-        filter.field ?? '',
-        filter.matchType ?? '',
-        filter.value,
-        index.toString(),
-    ];
-    return `filter-${parts.join('-').replace(/[^a-zA-Z0-9-]/g, '_')}`;
+var generateFilterId = function generateFilterId(filter, index) {
+  var _filter$type, _filter$field, _filter$matchType;
+  var parts = [(_filter$type = filter.type) !== null && _filter$type !== void 0 ? _filter$type : '', (_filter$field = filter.field) !== null && _filter$field !== void 0 ? _filter$field : '', (_filter$matchType = filter.matchType) !== null && _filter$matchType !== void 0 ? _filter$matchType : '', filter.value, index.toString()];
+  return "filter-".concat(parts.join('-').replace(/[^a-zA-Z0-9-]/g, '_'));
 };
+
 // Decode filters from compact string format
-export const decodeProfileFilters = (encoded) => {
-    if (encoded === '' || encoded === undefined)
-        return [];
-    try {
-        // Decode once since we fixed the double encoding issue
-        const decodedString = safeDecode(encoded);
-        return decodedString.split(',').map((filter, index) => {
-            const parts = filter.split(':');
-            // Handle preset filters (format: p:presetKey:value)
-            if (parts[0] === 'p' && parts.length >= 3) {
-                const presetKey = parts[1];
-                const value = parts.slice(2).join(':'); // Handle values with colons
-                const filterData = { type: presetKey, value };
-                return {
-                    id: generateFilterId(filterData, index),
-                    type: presetKey,
-                    value,
-                };
-            }
-            // Handle regular filters (format: type:field:match:value)
-            const [type, field, match, ...valueParts] = parts;
-            const value = valueParts.join(':'); // Handle values with colons
-            const decodedFilter = {
-                id: generateFilterId({
-                    type: TYPE_MAP_REVERSE[type],
-                    field: FIELD_MAP_REVERSE[field],
-                    matchType: MATCH_MAP_REVERSE[match],
-                    value,
-                }, index),
-                type: TYPE_MAP_REVERSE[type],
-                field: FIELD_MAP_REVERSE[field],
-                matchType: MATCH_MAP_REVERSE[match],
-                value,
-            };
-            return decodedFilter;
-        });
-    }
-    catch {
-        return [];
-    }
+export var decodeProfileFilters = function decodeProfileFilters(encoded) {
+  if (encoded === '' || encoded === undefined) return [];
+  try {
+    // Decode once since we fixed the double encoding issue
+    var decodedString = safeDecode(encoded);
+    return decodedString.split(',').map(function (filter, index) {
+      var parts = filter.split(':');
+
+      // Handle preset filters (format: p:presetKey:value)
+      if (parts[0] === 'p' && parts.length >= 3) {
+        var presetKey = parts[1];
+        var _value2 = parts.slice(2).join(':'); // Handle values with colons
+
+        var filterData = {
+          type: presetKey,
+          value: _value2
+        };
+        return {
+          id: generateFilterId(filterData, index),
+          type: presetKey,
+          value: _value2
+        };
+      }
+
+      // Handle regular filters (format: type:field:match:value)
+      var _parts = _toArray(parts),
+        type = _parts[0],
+        field = _parts[1],
+        match = _parts[2],
+        valueParts = _arrayLikeToArray(_parts).slice(3);
+      var value = valueParts.join(':'); // Handle values with colons
+
+      var decodedFilter = {
+        id: generateFilterId({
+          type: TYPE_MAP_REVERSE[type],
+          field: FIELD_MAP_REVERSE[field],
+          matchType: MATCH_MAP_REVERSE[match],
+          value: value
+        }, index),
+        type: TYPE_MAP_REVERSE[type],
+        field: FIELD_MAP_REVERSE[field],
+        matchType: MATCH_MAP_REVERSE[match],
+        value: value
+      };
+      return decodedFilter;
+    });
+  } catch (_unused) {
+    return [];
+  }
 };
-const profileFiltersParser = createParser({
-    parse: (value) => decodeProfileFilters(value),
-    serialize: (value) => encodeProfileFilters(value),
-    eq: (a, b) => encodeProfileFilters(a) === encodeProfileFilters(b),
-})
-    .withDefault([])
-    .withOptions({ history: 'replace' });
-export const useProfileFiltersUrlState = () => {
-    const [appliedFilters, setRawFilters] = useQueryState('profile_filters', profileFiltersParser);
-    const memoizedAppliedFilters = useMemo(() => {
-        return appliedFilters ?? [];
-    }, [appliedFilters]);
-    const setAppliedFilters = useCallback((filters) => {
-        void setRawFilters(filters);
-    }, [setRawFilters]);
-    // Force apply filters (bypasses preserve-existing strategy)
-    const forceApplyFilters = useCallback((filters) => {
-        const validFilters = filters.filter(f => {
-            if (f.type != null && isPresetKey(f.type)) {
-                return f.value !== '' && f.type != null;
-            }
-            return f.value !== '' && f.type != null && f.field != null && f.matchType != null;
-        });
+export var useProfileFiltersUrlState = function useProfileFiltersUrlState() {
+  var $ = _c(10);
+  var batchUpdates = useURLStateBatch();
+  var t0;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t0 = {
+      parse: _temp,
+      stringify: _temp2,
+      defaultValue: []
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  var _useURLStateCustom = useURLStateCustom("profile_filters", t0),
+    _useURLStateCustom2 = _slicedToArray(_useURLStateCustom, 2),
+    appliedFilters = _useURLStateCustom2[0],
+    setAppliedFilters = _useURLStateCustom2[1];
+  var t1;
+  if ($[1] !== appliedFilters) {
+    t1 = appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : [];
+    $[1] = appliedFilters;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  var memoizedAppliedFilters = t1;
+  var t2;
+  if ($[3] !== batchUpdates || $[4] !== setAppliedFilters) {
+    t2 = function t2(filters) {
+      var validFilters = filters.filter(_temp3);
+      batchUpdates(function () {
         setAppliedFilters(validFilters);
-    }, [setAppliedFilters]);
-    return {
-        appliedFilters: memoizedAppliedFilters,
-        setAppliedFilters,
-        forceApplyFilters,
+      });
+    };
+    $[3] = batchUpdates;
+    $[4] = setAppliedFilters;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  var forceApplyFilters = t2;
+  var t3;
+  if ($[6] !== forceApplyFilters || $[7] !== memoizedAppliedFilters || $[8] !== setAppliedFilters) {
+    t3 = {
+      appliedFilters: memoizedAppliedFilters,
+      setAppliedFilters: setAppliedFilters,
+      forceApplyFilters: forceApplyFilters
     };
+    $[6] = forceApplyFilters;
+    $[7] = memoizedAppliedFilters;
+    $[8] = setAppliedFilters;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 };
+function _temp(value) {
+  return decodeProfileFilters(value);
+}
+function _temp2(value_0) {
+  return encodeProfileFilters(value_0);
+}
+function _temp3(f) {
+  if (f.type != null && isPresetKey(f.type)) {
+    return f.value !== "" && f.type != null;
+  }
+  return f.value !== "" && f.type != null && f.field != null && f.matchType != null;
+}

package/dist/ProfileView/components/ProfileHeader/index.js

@@ -1,12 +1,106 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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 cx from 'classnames';
-export const ProfileHeader = ({ profileSourceString, hasProfileSource, externalMainActions, }) => {
-    const headerParts = profileSourceString?.split('"') ?? [];
-    const showDivider = hasProfileSource && (externalMainActions === null || externalMainActions === undefined);
-    return (_jsxs(_Fragment, { children: [showDivider && (_jsx("div", { className: "border-t border-gray-200 dark:border-gray-700 h-[1px] w-full pb-4" })), _jsx("div", { className: cx('flex w-full', hasProfileSource || externalMainActions != null ? 'justify-start' : 'justify-end', {
-                    'items-end mb-4': !hasProfileSource && externalMainActions != null,
-                    'items-center mb-2': hasProfileSource,
-                }), children: _jsxs("div", { children: [hasProfileSource && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "text-xs font-medium", children: headerParts.length > 0 ? headerParts[0].replace(/"/g, '') : '' }), _jsx("div", { className: "text-xs font-medium", children: headerParts.length > 1
-                                        ? headerParts[headerParts.length - 1].replace(/"/g, '')
-                                        : '' })] })), externalMainActions] }) })] }));
-};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var ProfileHeader = function ProfileHeader(t0) {
+  var $ = _c(21);
+  var profileSourceString = t0.profileSourceString,
+    hasProfileSource = t0.hasProfileSource,
+    externalMainActions = t0.externalMainActions;
+  var t1;
+  var t2;
+  var t3;
+  if ($[0] !== externalMainActions || $[1] !== hasProfileSource || $[2] !== profileSourceString) {
+    var _profileSourceString$;
+    var headerParts = (_profileSourceString$ = profileSourceString === null || profileSourceString === void 0 ? void 0 : profileSourceString.split("\"")) !== null && _profileSourceString$ !== void 0 ? _profileSourceString$ : [];
+    var showDivider = hasProfileSource && (externalMainActions === null || externalMainActions === undefined);
+    if ($[6] !== showDivider) {
+      t3 = showDivider && /*#__PURE__*/_jsx("div", {
+        className: "border-t border-gray-200 dark:border-gray-700 h-[1px] w-full pb-4"
+      });
+      $[6] = showDivider;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    var _t = hasProfileSource || externalMainActions != null ? "justify-start" : "justify-end";
+    var _t2 = !hasProfileSource && externalMainActions != null;
+    if ($[8] !== hasProfileSource || $[9] !== _t || $[10] !== _t2) {
+      t2 = cx("flex w-full", _t, {
+        "items-end mb-4": _t2,
+        "items-center mb-2": hasProfileSource
+      });
+      $[8] = hasProfileSource;
+      $[9] = _t;
+      $[10] = _t2;
+      $[11] = t2;
+    } else {
+      t2 = $[11];
+    }
+    t1 = hasProfileSource && /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center gap-1",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "text-xs font-medium",
+        children: headerParts.length > 0 ? headerParts[0].replace(/"/g, "") : ""
+      }), /*#__PURE__*/_jsx("div", {
+        className: "text-xs font-medium",
+        children: headerParts.length > 1 ? headerParts[headerParts.length - 1].replace(/"/g, "") : ""
+      })]
+    });
+    $[0] = externalMainActions;
+    $[1] = hasProfileSource;
+    $[2] = profileSourceString;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+    t3 = $[5];
+  }
+  var t4;
+  if ($[12] !== externalMainActions || $[13] !== t1) {
+    t4 = /*#__PURE__*/_jsxs("div", {
+      children: [t1, externalMainActions]
+    });
+    $[12] = externalMainActions;
+    $[13] = t1;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  var t5;
+  if ($[15] !== t2 || $[16] !== t4) {
+    t5 = /*#__PURE__*/_jsx("div", {
+      className: t2,
+      children: t4
+    });
+    $[15] = t2;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  var t6;
+  if ($[18] !== t3 || $[19] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t3, t5]
+    });
+    $[18] = t3;
+    $[19] = t5;
+    $[20] = t6;
+  } else {
+    t6 = $[20];
+  }
+  return t6;
+};

package/dist/ProfileView/components/ShareButton/ResultBox.js

@@ -1,4 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } 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 _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; }
+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,24 +21,117 @@ import { jsx as _jsx, jsxs as _jsxs } 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 { useState } from 'react';
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
 import { Button, CopyToClipboard } from '@parca/components';
-let timeoutHandle = null;
-const ResultBox = ({ value, className = '' }) => {
-    const [isCopied, setIsCopied] = useState(false);
-    const onCopy = () => {
-        if (typeof window === 'undefined') {
-            return;
-        }
-        setIsCopied(true);
-        window.document?.activeElement?.blur();
-        if (timeoutHandle != null) {
-            clearTimeout(timeoutHandle);
-        }
-        timeoutHandle = setTimeout(() => setIsCopied(false), 3000);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var timeoutHandle = null;
+var ResultBox = function ResultBox(t0) {
+  var $ = _c(16);
+  var value = t0.value,
+    t1 = t0.className;
+  var className = t1 === undefined ? "" : t1;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isCopied = _useState2[0],
+    setIsCopied = _useState2[1];
+  var t2;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t2 = function t2() {
+      var _window$document;
+      if (typeof window === "undefined") {
+        return;
+      }
+      setIsCopied(true);
+      (_window$document = window.document) === null || _window$document === void 0 || (_window$document = _window$document.activeElement) === null || _window$document === void 0 || _window$document.blur();
+      if (timeoutHandle != null) {
+        clearTimeout(timeoutHandle);
+      }
+      timeoutHandle = setTimeout(function () {
+        return setIsCopied(false);
+      }, 3000);
     };
-    return (_jsxs("div", { className: cx('flex w-full flex-row', { [className]: className?.length > 0 }), children: [_jsx("span", { className: "flex w-16 items-center justify-center rounded-l border border-r-0", children: _jsx(Icon, { icon: "ant-design:link-outlined" }) }), _jsx("input", { type: "text", className: "w-full flex-grow border bg-inherit px-1 py-2 text-sm", value: value, readOnly: true }), _jsx(CopyToClipboard, { text: value, onCopy: onCopy, children: _jsx(Button, { variant: "link", className: "w-fit items-center whitespace-nowrap rounded-none rounded-r border border-l-0 p-4 !text-indigo-600 dark:!text-indigo-400", children: isCopied ? 'Copied!' : 'Copy Link' }) })] }));
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  var onCopy = t2;
+  var t3 = (className === null || className === void 0 ? void 0 : className.length) > 0;
+  var t4;
+  if ($[1] !== className || $[2] !== t3) {
+    t4 = cx("flex w-full flex-row", _defineProperty({}, className, t3));
+    $[1] = className;
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  var t5;
+  if ($[4] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "flex w-16 items-center justify-center rounded-l border border-r-0",
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: "ant-design:link-outlined"
+      })
+    });
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  var t6;
+  if ($[5] !== value) {
+    t6 = /*#__PURE__*/_jsx("input", {
+      type: "text",
+      className: "w-full flex-grow border bg-inherit px-1 py-2 text-sm",
+      value: value,
+      readOnly: true
+    });
+    $[5] = value;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  var t7 = isCopied ? "Copied!" : "Copy Link";
+  var t8;
+  if ($[7] !== t7) {
+    t8 = /*#__PURE__*/_jsx(Button, {
+      variant: "link",
+      className: "w-fit items-center whitespace-nowrap rounded-none rounded-r border border-l-0 p-4 !text-indigo-600 dark:!text-indigo-400",
+      children: t7
+    });
+    $[7] = t7;
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  var t9;
+  if ($[9] !== t8 || $[10] !== value) {
+    t9 = /*#__PURE__*/_jsx(CopyToClipboard, {
+      text: value,
+      onCopy: onCopy,
+      children: t8
+    });
+    $[9] = t8;
+    $[10] = value;
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  var t10;
+  if ($[12] !== t4 || $[13] !== t6 || $[14] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("div", {
+      className: t4,
+      children: [t5, t6, t9]
+    });
+    $[12] = t4;
+    $[13] = t6;
+    $[14] = t9;
+    $[15] = t10;
+  } else {
+    t10 = $[15];
+  }
+  return t10;
 };
-export default ResultBox;
+export default ResultBox;