@parca/profile 0.19.140 → 0.19.143

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

@@ -1,3 +1,20 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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 _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 _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 _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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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; }
 // 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,325 +27,372 @@
 // 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, useEffect, useMemo, useRef, useState } from 'react';
 import { useResetFlameGraphState } from '../../hooks/useResetFlameGraphState';
 import { getPresetByKey, isPresetKey } from './filterPresets';
 import { useProfileFiltersUrlState } from './useProfileFiltersUrlState';
-const createStringCondition = (matchType, value) => ({
-    condition: matchType === 'equal'
-        ? { oneofKind: 'equal', equal: value }
-        : matchType === 'not_equal'
-            ? { oneofKind: 'notEqual', notEqual: value }
-            : matchType === 'contains'
-                ? { oneofKind: 'contains', contains: value }
-                : matchType === 'not_contains'
-                    ? { oneofKind: 'notContains', notContains: value }
-                    : matchType === 'starts_with'
-                        ? { oneofKind: 'startsWith', startsWith: value }
-                        : matchType === 'not_starts_with'
-                            ? { oneofKind: 'notStartsWith', notStartsWith: value }
-                            : { oneofKind: 'notContains', notContains: value },
-});
-const createNumberCondition = (matchType, value) => ({
-    condition: matchType === 'equal'
-        ? { oneofKind: 'equal', equal: value }
-        : { oneofKind: 'notEqual', notEqual: value },
-});
+var createStringCondition = function createStringCondition(matchType, value) {
+  return {
+    condition: matchType === 'equal' ? {
+      oneofKind: 'equal',
+      equal: value
+    } : matchType === 'not_equal' ? {
+      oneofKind: 'notEqual',
+      notEqual: value
+    } : matchType === 'contains' ? {
+      oneofKind: 'contains',
+      contains: value
+    } : matchType === 'not_contains' ? {
+      oneofKind: 'notContains',
+      notContains: value
+    } : matchType === 'starts_with' ? {
+      oneofKind: 'startsWith',
+      startsWith: value
+    } : matchType === 'not_starts_with' ? {
+      oneofKind: 'notStartsWith',
+      notStartsWith: value
+    } : {
+      oneofKind: 'notContains',
+      notContains: value
+    }
+  };
+};
+var createNumberCondition = function createNumberCondition(matchType, value) {
+  return {
+    condition: matchType === 'equal' ? {
+      oneofKind: 'equal',
+      equal: value
+    } : {
+      oneofKind: 'notEqual',
+      notEqual: value
+    }
+  };
+};
+
 // Convert protobuf Filter[] back to ProfileFilter[] format for editing
-export const convertFromProtoFilters = (protoFilters) => {
-    const profileFilters = [];
-    for (const [index, protoFilter] of protoFilters.entries()) {
-        if (protoFilter?.filter == null)
-            continue;
-        const filter = protoFilter.filter;
-        let type;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        let criteria;
-        if (filter.oneofKind === 'stackFilter' &&
-            filter.stackFilter?.filter?.oneofKind === 'criteria') {
-            type = 'stack';
-            criteria = filter.stackFilter.filter.criteria;
-        }
-        else if (filter.oneofKind === 'frameFilter' &&
-            filter.frameFilter?.filter?.oneofKind === 'criteria') {
-            type = 'frame';
-            criteria = filter.frameFilter.filter.criteria;
-        }
-        else {
+export var convertFromProtoFilters = function convertFromProtoFilters(protoFilters) {
+  var _conditionObj$conditi2, _conditionObj$conditi3;
+  var profileFilters = [];
+  var _iterator = _createForOfIteratorHelper(protoFilters.entries()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _filter$stackFilter, _filter$frameFilter;
+      var _step$value = _slicedToArray(_step.value, 2),
+        index = _step$value[0],
+        protoFilter = _step$value[1];
+      if ((protoFilter === null || protoFilter === void 0 ? void 0 : protoFilter.filter) == null) continue;
+      var filter = protoFilter.filter;
+      var type = void 0;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      var criteria = void 0;
+      if (filter.oneofKind === 'stackFilter' && ((_filter$stackFilter = filter.stackFilter) === null || _filter$stackFilter === void 0 || (_filter$stackFilter = _filter$stackFilter.filter) === null || _filter$stackFilter === void 0 ? void 0 : _filter$stackFilter.oneofKind) === 'criteria') {
+        type = 'stack';
+        criteria = filter.stackFilter.filter.criteria;
+      } else if (filter.oneofKind === 'frameFilter' && ((_filter$frameFilter = filter.frameFilter) === null || _filter$frameFilter === void 0 || (_filter$frameFilter = _filter$frameFilter.filter) === null || _filter$frameFilter === void 0 ? void 0 : _filter$frameFilter.oneofKind) === 'criteria') {
+        type = 'frame';
+        criteria = filter.frameFilter.filter.criteria;
+      } else {
+        continue;
+      }
+      for (var _i = 0, _Object$entries = Object.entries(criteria); _i < _Object$entries.length; _i++) {
+        var _conditionObj$conditi, _fieldMap$fieldName;
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+          fieldName = _Object$entries$_i[0],
+          condition = _Object$entries$_i[1];
+        if (condition === undefined || _typeof(condition) !== 'object') continue;
+        var conditionObj = condition;
+        if (((_conditionObj$conditi = conditionObj.condition) === null || _conditionObj$conditi === void 0 ? void 0 : _conditionObj$conditi.oneofKind) === undefined) continue;
+        var matchType = void 0;
+        var value = void 0;
+        switch (conditionObj.condition.oneofKind) {
+          case 'equal':
+            matchType = 'equal';
+            value = String(conditionObj.condition.equal);
+            break;
+          case 'notEqual':
+            matchType = 'not_equal';
+            value = String(conditionObj.condition.notEqual);
+            break;
+          case 'contains':
+            matchType = 'contains';
+            value = (_conditionObj$conditi2 = conditionObj.condition.contains) !== null && _conditionObj$conditi2 !== void 0 ? _conditionObj$conditi2 : '';
+            break;
+          case 'notContains':
+            matchType = 'not_contains';
+            value = (_conditionObj$conditi3 = conditionObj.condition.notContains) !== null && _conditionObj$conditi3 !== void 0 ? _conditionObj$conditi3 : '';
+            break;
+          default:
             continue;
         }
-        for (const [fieldName, condition] of Object.entries(criteria)) {
-            if (condition === undefined || typeof condition !== 'object')
-                continue;
-            const conditionObj = condition;
-            if (conditionObj.condition?.oneofKind === undefined)
-                continue;
-            let matchType;
-            let value;
-            switch (conditionObj.condition.oneofKind) {
-                case 'equal':
-                    matchType = 'equal';
-                    value = String(conditionObj.condition.equal);
-                    break;
-                case 'notEqual':
-                    matchType = 'not_equal';
-                    value = String(conditionObj.condition.notEqual);
-                    break;
-                case 'contains':
-                    matchType = 'contains';
-                    value = conditionObj.condition.contains ?? '';
-                    break;
-                case 'notContains':
-                    matchType = 'not_contains';
-                    value = conditionObj.condition.notContains ?? '';
-                    break;
-                default:
-                    continue;
-            }
-            const fieldMap = {
-                functionName: 'function_name',
-                binary: 'binary',
-                systemName: 'system_name',
-                filename: 'filename',
-                address: 'address',
-                lineNumber: 'line_number',
-            };
-            const field = fieldMap[fieldName] ?? fieldName;
-            profileFilters.push({
-                id: `parsed-${index}-${fieldName}`,
-                type: type,
-                field: field,
-                matchType: matchType,
-                value,
-            });
-        }
+        var fieldMap = {
+          functionName: 'function_name',
+          binary: 'binary',
+          systemName: 'system_name',
+          filename: 'filename',
+          address: 'address',
+          lineNumber: 'line_number'
+        };
+        var field = (_fieldMap$fieldName = fieldMap[fieldName]) !== null && _fieldMap$fieldName !== void 0 ? _fieldMap$fieldName : fieldName;
+        profileFilters.push({
+          id: "parsed-".concat(index, "-").concat(fieldName),
+          type: type,
+          field: field,
+          matchType: matchType,
+          value: value
+        });
+      }
     }
-    return profileFilters;
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return profileFilters;
 };
+
 // Convert ProfileFilter[] to protobuf Filter[] matching the expected structure
-export const convertToProtoFilters = (profileFilters) => {
-    // First, expand any preset filters to their constituent filters
-    const expandedFilters = [];
-    for (const filter of profileFilters) {
-        if (filter.type != null && isPresetKey(filter.type)) {
-            // This is a preset filter, expand it
-            const preset = getPresetByKey(filter.type);
-            if (preset != null) {
-                preset.filters.forEach((presetFilter, index) => {
-                    expandedFilters.push({
-                        ...presetFilter,
-                        id: `${filter.id}-expanded-${index}`,
-                        value: presetFilter.value,
-                    });
-                });
-            }
-        }
-        else {
-            // Regular filter, add as is
-            expandedFilters.push(filter);
+export var convertToProtoFilters = function convertToProtoFilters(profileFilters) {
+  // First, expand any preset filters to their constituent filters
+  var expandedFilters = [];
+  var _iterator2 = _createForOfIteratorHelper(profileFilters),
+    _step2;
+  try {
+    var _loop = function _loop() {
+      var filter = _step2.value;
+      if (filter.type != null && isPresetKey(filter.type)) {
+        // This is a preset filter, expand it
+        var preset = getPresetByKey(filter.type);
+        if (preset != null) {
+          preset.filters.forEach(function (presetFilter, index) {
+            expandedFilters.push(_objectSpread(_objectSpread({}, presetFilter), {}, {
+              id: "".concat(filter.id, "-expanded-").concat(index),
+              value: presetFilter.value
+            }));
+          });
         }
+      } else {
+        // Regular filter, add as is
+        expandedFilters.push(filter);
+      }
+    };
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      _loop();
     }
-    return expandedFilters
-        .filter(f => f.value !== '' && f.type != null && f.field != null && f.matchType != null) // Only include complete filters with values
-        .map(f => {
-        // Build the condition based on field type
-        const isNumberField = f.field === 'address' || f.field === 'line_number';
-        const condition = isNumberField
-            ? createNumberCondition(f.matchType, BigInt(f.value))
-            : createStringCondition(f.matchType, f.value);
-        // Create FilterCriteria
-        const criteria = {};
-        switch (f.field) {
-            case 'function_name':
-                criteria.functionName = condition;
-                break;
-            case 'binary':
-                criteria.binary = condition;
-                break;
-            case 'system_name':
-                criteria.systemName = condition;
-                break;
-            case 'filename':
-                criteria.filename = condition;
-                break;
-            case 'address':
-                criteria.address = condition;
-                break;
-            case 'line_number':
-                criteria.lineNumber = condition;
-                break;
-        }
-        // Create the appropriate filter type with proper oneofKind structure
-        if (f.type === 'stack') {
-            return {
-                filter: {
-                    oneofKind: 'stackFilter',
-                    stackFilter: {
-                        filter: {
-                            oneofKind: 'criteria',
-                            criteria,
-                        },
-                    },
-                },
-            };
-        }
-        else {
-            return {
-                filter: {
-                    oneofKind: 'frameFilter',
-                    frameFilter: {
-                        filter: {
-                            oneofKind: 'criteria',
-                            criteria,
-                        },
-                    },
-                },
-            };
-        }
-    });
-};
-export const useProfileFilters = () => {
-    const { appliedFilters, setAppliedFilters, forceApplyFilters } = useProfileFiltersUrlState();
-    const resetFlameGraphState = useResetFlameGraphState();
-    const [localFilters, setLocalFilters] = useState(appliedFilters ?? []);
-    const lastAppliedFiltersRef = useRef([]);
-    const localFiltersRef = useRef(localFilters);
-    localFiltersRef.current = localFilters;
-    useEffect(() => {
-        const currentApplied = appliedFilters ?? [];
-        const lastApplied = lastAppliedFiltersRef.current;
-        // Check if appliedFilters actually changed (avoid circular updates)
-        const appliedChanged = currentApplied.length !== lastApplied.length ||
-            currentApplied.some((applied, index) => {
-                const last = lastApplied[index];
-                return (last == null ||
-                    applied.type !== last.type ||
-                    applied.field !== last.field ||
-                    applied.matchType !== last.matchType ||
-                    applied.value !== last.value);
-            });
-        if (!appliedChanged) {
-            return;
-        }
-        lastAppliedFiltersRef.current = currentApplied;
-        setLocalFilters(currentApplied);
-    }, [appliedFilters]);
-    const hasUnsavedChanges = useMemo(() => {
-        const localWithValues = localFilters.filter(f => {
-            // For preset filters, only need type and value
-            if (f.type != null && isPresetKey(f.type)) {
-                return f.value !== '' && f.type != null;
-            }
-            // For regular filters, need all fields
-            return f.value !== '' && f.type != null && f.field != null && f.matchType != null;
-        });
-        const appliedWithValues = (appliedFilters ?? []).filter(f => {
-            // For preset filters, only need type and value
-            if (f.type != null && isPresetKey(f.type)) {
-                return f.value !== '' && f.type != null;
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return expandedFilters.filter(function (f) {
+    return f.value !== '' && f.type != null && f.field != null && f.matchType != null;
+  }) // Only include complete filters with values
+  .map(function (f) {
+    // Build the condition based on field type
+    var isNumberField = f.field === 'address' || f.field === 'line_number';
+    var condition = isNumberField ? createNumberCondition(f.matchType, BigInt(f.value)) : createStringCondition(f.matchType, f.value);
+
+    // Create FilterCriteria
+    var criteria = {};
+    switch (f.field) {
+      case 'function_name':
+        criteria.functionName = condition;
+        break;
+      case 'binary':
+        criteria.binary = condition;
+        break;
+      case 'system_name':
+        criteria.systemName = condition;
+        break;
+      case 'filename':
+        criteria.filename = condition;
+        break;
+      case 'address':
+        criteria.address = condition;
+        break;
+      case 'line_number':
+        criteria.lineNumber = condition;
+        break;
+    }
+
+    // Create the appropriate filter type with proper oneofKind structure
+    if (f.type === 'stack') {
+      return {
+        filter: {
+          oneofKind: 'stackFilter',
+          stackFilter: {
+            filter: {
+              oneofKind: 'criteria',
+              criteria: criteria
             }
-            // For regular filters, need all fields
-            return f.value !== '' && f.type != null && f.field != null && f.matchType != null;
-        });
-        if (localWithValues.length !== appliedWithValues.length)
-            return true;
-        return !localWithValues.every((local, index) => {
-            const applied = appliedWithValues[index];
-            return (local.type === applied?.type &&
-                local.field === applied?.field &&
-                local.matchType === applied?.matchType &&
-                local.value === applied?.value);
-        });
-    }, [localFilters, appliedFilters]);
-    const addFilter = useCallback(() => {
-        const newFilter = {
-            id: `filter-${Date.now()}-${Math.random()}`,
-            value: '',
-        };
-        setLocalFilters([...localFiltersRef.current, newFilter]);
-    }, []);
-    const excludeBinary = useCallback((binaryName) => {
-        // Check if this binary is already being filtered with not_contains
-        const existingFilter = (appliedFilters ?? []).find(f => f.type === 'frame' &&
-            f.field === 'binary' &&
-            f.matchType === 'not_contains' &&
-            f.value === binaryName);
-        if (existingFilter != null) {
-            return; // Already exists, don't add duplicate
+          }
         }
-        const newFilter = {
-            id: `filter-${Date.now()}-${Math.random()}`,
-            type: 'frame',
-            field: 'binary',
-            matchType: 'not_contains',
-            value: binaryName,
-        };
-        setLocalFilters([...localFiltersRef.current, newFilter]);
-        // Auto-apply the filter since it has a value
-        const filtersToApply = [...(appliedFilters ?? []), newFilter];
-        setAppliedFilters(filtersToApply);
-        resetFlameGraphState();
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [setAppliedFilters, resetFlameGraphState]);
-    const removeExcludeBinary = useCallback((binaryName) => {
-        // Search for the exclude filter (not_contains) for this binary
-        const filterToRemove = (appliedFilters ?? []).find(f => f.type === 'frame' &&
-            f.field === 'binary' &&
-            f.matchType === 'not_contains' &&
-            f.value === binaryName);
-        if (filterToRemove != null) {
-            // Remove the filter from applied filters
-            const updatedAppliedFilters = (appliedFilters ?? []).filter(f => f.id !== filterToRemove.id);
-            setAppliedFilters(updatedAppliedFilters);
-            resetFlameGraphState();
-            // Also remove from local filters
-            setLocalFilters(localFiltersRef.current.filter(f => f.id !== filterToRemove.id));
-        }
-    }, [appliedFilters, setAppliedFilters, resetFlameGraphState]);
-    const removeFilter = useCallback((id) => {
-        setLocalFilters(localFiltersRef.current.filter(f => f.id !== id));
-    }, []);
-    const updateFilter = useCallback((id, updates) => {
-        setLocalFilters(localFiltersRef.current.map(f => (f.id === id ? { ...f, ...updates } : f)));
-    }, []);
-    const resetFilters = useCallback(() => {
-        setLocalFilters([]);
-        setAppliedFilters([]);
-        resetFlameGraphState();
-    }, [setAppliedFilters, resetFlameGraphState]);
-    const onApplyFilters = useCallback(() => {
-        const validFilters = localFiltersRef.current.filter(f => {
-            // For preset filters, only need type and value
-            if (f.type != null && isPresetKey(f.type)) {
-                return f.value !== '' && f.type != null;
+      };
+    } else {
+      return {
+        filter: {
+          oneofKind: 'frameFilter',
+          frameFilter: {
+            filter: {
+              oneofKind: 'criteria',
+              criteria: criteria
             }
-            // For regular filters, need all fields
-            return f.value !== '' && f.type != null && f.field != null && f.matchType != null;
-        });
-        const filtersToApply = validFilters.map((f, index) => ({
-            ...f,
-            id: `filter-${Date.now()}-${index}`,
-        }));
-        setAppliedFilters(filtersToApply);
-        resetFlameGraphState();
-    }, [setAppliedFilters, resetFlameGraphState]);
-    const protoFilters = useMemo(() => {
-        return convertToProtoFilters(appliedFilters ?? []);
-    }, [appliedFilters]);
-    return {
-        localFilters,
-        appliedFilters: appliedFilters ?? [],
-        protoFilters,
-        hasUnsavedChanges,
-        onApplyFilters,
-        addFilter,
-        excludeBinary,
-        removeExcludeBinary,
-        removeFilter,
-        updateFilter,
-        resetFilters,
-        setAppliedFilters,
-        forceApplyFilters,
-    };
+          }
+        }
+      };
+    }
+  });
 };
+export var useProfileFilters = function useProfileFilters() {
+  var _useProfileFiltersUrl = useProfileFiltersUrlState(),
+    appliedFilters = _useProfileFiltersUrl.appliedFilters,
+    setAppliedFilters = _useProfileFiltersUrl.setAppliedFilters,
+    forceApplyFilters = _useProfileFiltersUrl.forceApplyFilters;
+  var resetFlameGraphState = useResetFlameGraphState();
+  var _useState = useState(appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : []),
+    _useState2 = _slicedToArray(_useState, 2),
+    localFilters = _useState2[0],
+    setLocalFilters = _useState2[1];
+  var lastAppliedFiltersRef = useRef([]);
+  var localFiltersRef = useRef(localFilters);
+  localFiltersRef.current = localFilters;
+  useEffect(function () {
+    var currentApplied = appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : [];
+    var lastApplied = lastAppliedFiltersRef.current;
+
+    // Check if appliedFilters actually changed (avoid circular updates)
+    var appliedChanged = currentApplied.length !== lastApplied.length || currentApplied.some(function (applied, index) {
+      var last = lastApplied[index];
+      return last == null || applied.type !== last.type || applied.field !== last.field || applied.matchType !== last.matchType || applied.value !== last.value;
+    });
+    if (!appliedChanged) {
+      return;
+    }
+    lastAppliedFiltersRef.current = currentApplied;
+    setLocalFilters(currentApplied);
+  }, [appliedFilters]);
+  var hasUnsavedChanges = useMemo(function () {
+    var localWithValues = localFilters.filter(function (f) {
+      // For preset filters, only need type and value
+      if (f.type != null && isPresetKey(f.type)) {
+        return f.value !== '' && f.type != null;
+      }
+      // For regular filters, need all fields
+      return f.value !== '' && f.type != null && f.field != null && f.matchType != null;
+    });
+    var appliedWithValues = (appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : []).filter(function (f) {
+      // For preset filters, only need type and value
+      if (f.type != null && isPresetKey(f.type)) {
+        return f.value !== '' && f.type != null;
+      }
+      // For regular filters, need all fields
+      return f.value !== '' && f.type != null && f.field != null && f.matchType != null;
+    });
+    if (localWithValues.length !== appliedWithValues.length) return true;
+    return !localWithValues.every(function (local, index) {
+      var applied = appliedWithValues[index];
+      return local.type === (applied === null || applied === void 0 ? void 0 : applied.type) && local.field === (applied === null || applied === void 0 ? void 0 : applied.field) && local.matchType === (applied === null || applied === void 0 ? void 0 : applied.matchType) && local.value === (applied === null || applied === void 0 ? void 0 : applied.value);
+    });
+  }, [localFilters, appliedFilters]);
+  var addFilter = useCallback(function () {
+    var newFilter = {
+      id: "filter-".concat(Date.now(), "-").concat(Math.random()),
+      value: ''
+    };
+    setLocalFilters([].concat(_toConsumableArray(localFiltersRef.current), [newFilter]));
+  }, []);
+  var excludeBinary = useCallback(function (binaryName) {
+    // Check if this binary is already being filtered with not_contains
+    var existingFilter = (appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : []).find(function (f) {
+      return f.type === 'frame' && f.field === 'binary' && f.matchType === 'not_contains' && f.value === binaryName;
+    });
+    if (existingFilter != null) {
+      return; // Already exists, don't add duplicate
+    }
+    var newFilter = {
+      id: "filter-".concat(Date.now(), "-").concat(Math.random()),
+      type: 'frame',
+      field: 'binary',
+      matchType: 'not_contains',
+      value: binaryName
+    };
+    setLocalFilters([].concat(_toConsumableArray(localFiltersRef.current), [newFilter]));
+
+    // Auto-apply the filter since it has a value
+    var filtersToApply = [].concat(_toConsumableArray(appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : []), [newFilter]);
+    setAppliedFilters(filtersToApply);
+    resetFlameGraphState();
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [setAppliedFilters, resetFlameGraphState]);
+  var removeExcludeBinary = useCallback(function (binaryName) {
+    // Search for the exclude filter (not_contains) for this binary
+    var filterToRemove = (appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : []).find(function (f) {
+      return f.type === 'frame' && f.field === 'binary' && f.matchType === 'not_contains' && f.value === binaryName;
+    });
+    if (filterToRemove != null) {
+      // Remove the filter from applied filters
+      var updatedAppliedFilters = (appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : []).filter(function (f) {
+        return f.id !== filterToRemove.id;
+      });
+      setAppliedFilters(updatedAppliedFilters);
+      resetFlameGraphState();
+
+      // Also remove from local filters
+      setLocalFilters(localFiltersRef.current.filter(function (f) {
+        return f.id !== filterToRemove.id;
+      }));
+    }
+  }, [appliedFilters, setAppliedFilters, resetFlameGraphState]);
+  var removeFilter = useCallback(function (id) {
+    setLocalFilters(localFiltersRef.current.filter(function (f) {
+      return f.id !== id;
+    }));
+  }, []);
+  var updateFilter = useCallback(function (id, updates) {
+    setLocalFilters(localFiltersRef.current.map(function (f) {
+      return f.id === id ? _objectSpread(_objectSpread({}, f), updates) : f;
+    }));
+  }, []);
+  var resetFilters = useCallback(function () {
+    setLocalFilters([]);
+    setAppliedFilters([]);
+    resetFlameGraphState();
+  }, [setAppliedFilters, resetFlameGraphState]);
+  var onApplyFilters = useCallback(function () {
+    var validFilters = localFiltersRef.current.filter(function (f) {
+      // For preset filters, only need type and value
+      if (f.type != null && isPresetKey(f.type)) {
+        return f.value !== '' && f.type != null;
+      }
+      // For regular filters, need all fields
+      return f.value !== '' && f.type != null && f.field != null && f.matchType != null;
+    });
+    var filtersToApply = validFilters.map(function (f, index) {
+      return _objectSpread(_objectSpread({}, f), {}, {
+        id: "filter-".concat(Date.now(), "-").concat(index)
+      });
+    });
+    setAppliedFilters(filtersToApply);
+    resetFlameGraphState();
+  }, [setAppliedFilters, resetFlameGraphState]);
+  var protoFilters = useMemo(function () {
+    return convertToProtoFilters(appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : []);
+  }, [appliedFilters]);
+  return {
+    localFilters: localFilters,
+    appliedFilters: appliedFilters !== null && appliedFilters !== void 0 ? appliedFilters : [],
+    protoFilters: protoFilters,
+    hasUnsavedChanges: hasUnsavedChanges,
+    onApplyFilters: onApplyFilters,
+    addFilter: addFilter,
+    excludeBinary: excludeBinary,
+    removeExcludeBinary: removeExcludeBinary,
+    removeFilter: removeFilter,
+    updateFilter: updateFilter,
+    resetFilters: resetFilters,
+    setAppliedFilters: setAppliedFilters,
+    forceApplyFilters: forceApplyFilters
+  };
+};