@buoy-gg/highlight-updates 7.0.41 → 7.0.43

package/lib/commonjs/highlight-updates/components/HighlightFilterView.js

@@ -1,1474 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HighlightFilterView = HighlightFilterView;
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _IdentifierBadge = require("./IdentifierBadge");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * HighlightFilterView
- *
- * Simplified filter configuration for tracked component renders.
- * Uses a badge-based approach where users select a filter type
- * (Any, ViewType, testID, Component) then enter a value.
- */
-
-// Use shared identifier config (FilterType is a subset of IdentifierType)
-const getFilterConfig = type => _IdentifierBadge.IDENTIFIER_CONFIG[type];
-
-// Filter types available for selection (all identifier types)
-const FILTER_TYPES = ["any", "viewType", "testID", "nativeID", "component", "accessibilityLabel"];
-
-// Type picker component
-function TypePicker({
-  mode,
-  onSelect,
-  onCancel
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    nativeID: "__rn_buoy__type-picker",
-    testID: `buoy-highlight-${mode}-types`,
-    style: styles.typePicker,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.typePickerRow,
-      children: FILTER_TYPES.map(type => {
-        const config = getFilterConfig(type);
-        const IconComponent = config.icon;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          testID: `buoy-highlight-${mode}-type-${type.toLowerCase()}`,
-          accessibilityRole: "button",
-          accessibilityLabel: config.label,
-          style: [styles.typeOption, {
-            backgroundColor: config.color + "15",
-            borderColor: config.color + "40"
-          }],
-          onPress: () => onSelect(type),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
-            size: 14,
-            color: config.color
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.typeOptionText, {
-              color: config.color
-            }],
-            children: config.label
-          })]
-        }, type);
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      testID: `buoy-highlight-${mode}-types-cancel`,
-      accessibilityRole: "button",
-      accessibilityLabel: "Cancel",
-      onPress: onCancel,
-      style: styles.typePickerCancel,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-        size: 16,
-        color: _sharedUi.night.color.textTertiary
-      })
-    })]
-  });
-}
-
-// Pattern input with badge prefix
-function PatternInput({
-  mode,
-  type,
-  onSubmit,
-  onCancel
-}) {
-  const [value, setValue] = (0, _react.useState)("");
-  const config = getFilterConfig(type);
-  const handleSubmit = () => {
-    if (value.trim()) {
-      onSubmit(value.trim());
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    nativeID: "__rn_buoy__pattern-input",
-    testID: `buoy-highlight-${mode}-input-row`,
-    style: styles.patternInputContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge, {
-      type: type,
-      value: "",
-      badgeOnly: true,
-      compact: true
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      testID: `buoy-highlight-${mode}-input`,
-      value: value,
-      onChangeText: setValue,
-      onSubmitEditing: handleSubmit,
-      placeholder: "Enter pattern...",
-      placeholderTextColor: _sharedUi.night.color.placeholder,
-      style: styles.patternInput,
-      autoFocus: true,
-      returnKeyType: "done",
-      autoCorrect: false,
-      autoCapitalize: "none"
-    }), value.trim() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      testID: `buoy-highlight-${mode}-submit`,
-      accessibilityRole: "button",
-      accessibilityLabel: "Add pattern",
-      onPress: handleSubmit,
-      style: [styles.addPatternButton, {
-        backgroundColor: config.color + "20"
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.addPatternButtonText, {
-          color: config.color
-        }],
-        children: "Add"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      testID: `buoy-highlight-${mode}-input-cancel`,
-      accessibilityRole: "button",
-      accessibilityLabel: "Cancel",
-      onPress: onCancel,
-      style: styles.cancelButton,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-        size: 16,
-        color: _sharedUi.night.color.textTertiary
-      })
-    })]
-  });
-}
-
-// Pattern chip (removable badge) - tap to remove
-function PatternChip({
-  mode,
-  pattern,
-  onRemove
-}) {
-  const config = getFilterConfig(pattern.type);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    testID: (0, _testIDs.patternChipTestID)(mode, pattern.type, pattern.value),
-    accessibilityRole: "button",
-    accessibilityLabel: `${config.label} ${pattern.value}, tap to remove`,
-    style: [styles.patternChip, {
-      borderColor: config.color + "40"
-    }],
-    onPress: onRemove,
-    activeOpacity: 0.7,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.patternChipBadge, {
-        backgroundColor: config.color + "20"
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.patternChipBadgeText, {
-          color: config.color
-        }],
-        children: config.shortLabel
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.patternChipValue,
-      numberOfLines: 1,
-      children: pattern.value
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-      size: 12,
-      color: _sharedUi.night.color.textTertiary,
-      style: styles.patternChipX
-    })]
-  });
-}
-
-// Category type including "all"
-
-// Config for "all" category
-const ALL_CATEGORY_CONFIG = {
-  label: "All",
-  shortLabel: "All",
-  color: _sharedUi.night.color.textSecondary,
-  icon: _sharedUi.Box
-};
-
-// Category badge for horizontal scroll - always colored
-function DetectedCategoryBadge({
-  filterType,
-  count,
-  isSelected,
-  onPress
-}) {
-  // "all" has its own config
-  const config = filterType === "all" ? ALL_CATEGORY_CONFIG : getFilterConfig(filterType);
-  const handle = `buoy-highlight-detected-cat-${String(filterType).toLowerCase()}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    testID: handle,
-    accessibilityRole: "button",
-    accessibilityLabel: `${config.label}, ${count}`,
-    style: [styles.categoryBadge, {
-      backgroundColor: config.color + "15",
-      borderColor: isSelected ? config.color : config.color + "40",
-      borderWidth: isSelected ? 2 : 1
-    }],
-    onPress: onPress,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(config.icon, {
-      size: 12,
-      color: config.color
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.categoryBadgeText, {
-        color: config.color
-      }],
-      children: config.label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.categoryBadgeCountBubble, {
-        backgroundColor: config.color + "25"
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        testID: `${handle}-count`,
-        style: [styles.categoryBadgeCount, {
-          color: config.color
-        }],
-        children: count
-      })
-    })]
-  });
-}
-
-// Batch size presets for the slider
-const BATCH_SIZE_PRESETS = [{
-  value: 20,
-  label: "20"
-}, {
-  value: 50,
-  label: "50"
-}, {
-  value: 100,
-  label: "100"
-}, {
-  value: 150,
-  label: "150"
-}, {
-  value: 250,
-  label: "250"
-}, {
-  value: 500,
-  label: "500"
-}];
-
-// Debug log level presets
-const DEBUG_LOG_LEVEL_PRESETS = [{
-  value: "off",
-  label: "Off",
-  description: "No debug logging"
-}, {
-  value: "minimal",
-  label: "Minimal",
-  description: "Only hook value changes"
-}, {
-  value: "verbose",
-  label: "Verbose",
-  description: "Component + cause + changes"
-}, {
-  value: "all",
-  label: "All",
-  description: "Full fiber dump"
-}];
-function HighlightFilterView({
-  filters,
-  onFilterChange,
-  settings,
-  onSettingsChange,
-  availableProps,
-  activeTab
-}) {
-  // UI state for add inputs
-  const [showIncludeTypePicker, setShowIncludeTypePicker] = (0, _react.useState)(false);
-  const [showExcludeTypePicker, setShowExcludeTypePicker] = (0, _react.useState)(false);
-  const [includeInputType, setIncludeInputType] = (0, _react.useState)(null);
-  const [excludeInputType, setExcludeInputType] = (0, _react.useState)(null);
-
-  // State for selected detected category (default to "all")
-  const [selectedCategory, setSelectedCategory] = (0, _react.useState)("all");
-
-  // State for action popup when tapping detected item
-  const [actionPopupItem, setActionPopupItem] = (0, _react.useState)(null);
-
-  // Get items for selected category with their filter type
-  const getItemsForCategory = category => {
-    switch (category) {
-      case "viewType":
-        return availableProps.viewTypes.map(v => ({
-          value: v,
-          type: "viewType"
-        }));
-      case "testID":
-        return availableProps.testIDs.map(v => ({
-          value: v,
-          type: "testID"
-        }));
-      case "nativeID":
-        return availableProps.nativeIDs.map(v => ({
-          value: v,
-          type: "nativeID"
-        }));
-      case "component":
-        return availableProps.componentNames.map(v => ({
-          value: v,
-          type: "component"
-        }));
-      case "accessibilityLabel":
-        return availableProps.accessibilityLabels.map(v => ({
-          value: v,
-          type: "accessibilityLabel"
-        }));
-      case "all":
-      default:
-        // Combine all items with their types
-        return [...availableProps.viewTypes.map(v => ({
-          value: v,
-          type: "viewType"
-        })), ...availableProps.testIDs.map(v => ({
-          value: v,
-          type: "testID"
-        })), ...availableProps.nativeIDs.map(v => ({
-          value: v,
-          type: "nativeID"
-        })), ...availableProps.componentNames.map(v => ({
-          value: v,
-          type: "component"
-        })), ...availableProps.accessibilityLabels.map(v => ({
-          value: v,
-          type: "accessibilityLabel"
-        }))];
-    }
-  };
-  const selectedItems = getItemsForCategory(selectedCategory);
-  const totalItemCount = availableProps.viewTypes.length + availableProps.testIDs.length + availableProps.nativeIDs.length + availableProps.componentNames.length + availableProps.accessibilityLabels.length;
-
-  // Add include pattern
-  const handleAddIncludePattern = (0, _react.useCallback)((type, value) => {
-    const newPatterns = [...filters.includePatterns, {
-      type,
-      value
-    }];
-    onFilterChange({
-      includePatterns: newPatterns
-    });
-    setIncludeInputType(null);
-  }, [filters.includePatterns, onFilterChange]);
-
-  // Add exclude pattern
-  const handleAddExcludePattern = (0, _react.useCallback)((type, value) => {
-    const newPatterns = [...filters.excludePatterns, {
-      type,
-      value
-    }];
-    onFilterChange({
-      excludePatterns: newPatterns
-    });
-    setExcludeInputType(null);
-  }, [filters.excludePatterns, onFilterChange]);
-
-  // Remove include pattern
-  const handleRemoveIncludePattern = (0, _react.useCallback)(index => {
-    const newPatterns = filters.includePatterns.filter((_, i) => i !== index);
-    onFilterChange({
-      includePatterns: newPatterns
-    });
-  }, [filters.includePatterns, onFilterChange]);
-
-  // Remove exclude pattern
-  const handleRemoveExcludePattern = (0, _react.useCallback)(index => {
-    const newPatterns = filters.excludePatterns.filter((_, i) => i !== index);
-    onFilterChange({
-      excludePatterns: newPatterns
-    });
-  }, [filters.excludePatterns, onFilterChange]);
-
-  // Show action popup for detected item
-  const handleDetectedItemPress = (0, _react.useCallback)((type, value) => {
-    setActionPopupItem({
-      type,
-      value
-    });
-  }, []);
-
-  // Add to include from popup
-  const handlePopupInclude = (0, _react.useCallback)(() => {
-    if (actionPopupItem) {
-      handleAddIncludePattern(actionPopupItem.type, actionPopupItem.value);
-      setActionPopupItem(null);
-    }
-  }, [actionPopupItem, handleAddIncludePattern]);
-
-  // Add to exclude from popup
-  const handlePopupExclude = (0, _react.useCallback)(() => {
-    if (actionPopupItem) {
-      handleAddExcludePattern(actionPopupItem.type, actionPopupItem.value);
-      setActionPopupItem(null);
-    }
-  }, [actionPopupItem, handleAddExcludePattern]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      nativeID: "__rn_buoy__filter-view",
-      testID: "buoy-highlight-filter-scroll",
-      style: styles.scrollView,
-      contentContainerStyle: styles.scrollContent,
-      showsVerticalScrollIndicator: false,
-      children: activeTab === "filters" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-              icon: _sharedUi.Eye,
-              color: _sharedUi.night.color.accent,
-              size: 12
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-              children: "INCLUDE ONLY"
-            }), filters.includePatterns.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge, {
-              testID: "buoy-highlight-include-count",
-              count: filters.includePatterns.length,
-              color: _sharedUi.night.color.accent
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionDescription,
-            children: "Show only components matching these patterns. If any are set, components must match at least one."
-          }), filters.includePatterns.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.patternChips,
-            children: filters.includePatterns.map((pattern, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternChip, {
-              mode: "include",
-              pattern: pattern,
-              onRemove: () => handleRemoveIncludePattern(index)
-            }, `${pattern.type}-${pattern.value}-${index}`))
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.addPatternRow,
-            children: showIncludeTypePicker ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TypePicker, {
-              mode: "include",
-              onSelect: type => {
-                setShowIncludeTypePicker(false);
-                setIncludeInputType(type);
-              },
-              onCancel: () => setShowIncludeTypePicker(false)
-            }) : includeInputType ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternInput, {
-              mode: "include",
-              type: includeInputType,
-              onSubmit: value => handleAddIncludePattern(includeInputType, value),
-              onCancel: () => setIncludeInputType(null)
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              testID: "buoy-highlight-include-add",
-              accessibilityRole: "button",
-              accessibilityLabel: "Add include pattern",
-              style: [styles.addButton, {
-                borderColor: _sharedUi.night.color.accentBorderStrong
-              }],
-              onPress: () => setShowIncludeTypePicker(true),
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Plus, {
-                size: 14,
-                color: _sharedUi.night.color.accent
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.addButtonText, {
-                  color: _sharedUi.night.color.accent
-                }],
-                children: "Add include pattern"
-              })]
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-              icon: _sharedUi.Filter,
-              color: _sharedUi.night.color.accent,
-              size: 12
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-              children: "EXCLUDE"
-            }), filters.excludePatterns.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge, {
-              testID: "buoy-highlight-exclude-count",
-              count: filters.excludePatterns.length,
-              color: _sharedUi.night.color.accent
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionDescription,
-            children: "Hide components matching these patterns from the list."
-          }), filters.excludePatterns.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.patternChips,
-            children: filters.excludePatterns.map((pattern, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternChip, {
-              mode: "exclude",
-              pattern: pattern,
-              onRemove: () => handleRemoveExcludePattern(index)
-            }, `${pattern.type}-${pattern.value}-${index}`))
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.addPatternRow,
-            children: showExcludeTypePicker ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TypePicker, {
-              mode: "exclude",
-              onSelect: type => {
-                setShowExcludeTypePicker(false);
-                setExcludeInputType(type);
-              },
-              onCancel: () => setShowExcludeTypePicker(false)
-            }) : excludeInputType ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PatternInput, {
-              mode: "exclude",
-              type: excludeInputType,
-              onSubmit: value => handleAddExcludePattern(excludeInputType, value),
-              onCancel: () => setExcludeInputType(null)
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              testID: "buoy-highlight-exclude-add",
-              accessibilityRole: "button",
-              accessibilityLabel: "Add exclude pattern",
-              style: [styles.addButton, {
-                borderColor: _sharedUi.night.color.accentBorderStrong
-              }],
-              onPress: () => setShowExcludeTypePicker(true),
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Plus, {
-                size: 14,
-                color: _sharedUi.night.color.accent
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.addButtonText, {
-                  color: _sharedUi.night.color.accent
-                }],
-                children: "Add exclude pattern"
-              })]
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-              icon: _sharedUi.Hash,
-              color: _sharedUi.night.color.warning,
-              size: 12
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-              children: "RENDER COUNT RANGE"
-            }), (filters.minRenderCount !== undefined || filters.maxRenderCount !== undefined) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge, {
-              count: 1,
-              color: _sharedUi.night.color.warning
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionDescription,
-            children: "Show only components with render count in a specific range."
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            nativeID: "__rn_buoy__render-count-range",
-            testID: "buoy-highlight-range",
-            style: styles.renderCountRangeContainer,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.renderCountInputRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.renderCountInputGroup,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.renderCountLabel,
-                  children: "Min"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-                  value: filters.minRenderCount !== undefined ? String(filters.minRenderCount) : "",
-                  onChangeText: text => {
-                    const num = parseInt(text, 10);
-                    if (text === "" || text === undefined) {
-                      onFilterChange({
-                        minRenderCount: undefined
-                      });
-                    } else if (!isNaN(num) && num >= 0) {
-                      onFilterChange({
-                        minRenderCount: num
-                      });
-                    }
-                  },
-                  testID: "buoy-highlight-range-min",
-                  placeholder: "0",
-                  placeholderTextColor: _sharedUi.night.color.placeholder,
-                  style: styles.renderCountInput,
-                  keyboardType: "number-pad",
-                  returnKeyType: "done"
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.renderCountSeparator,
-                children: "to"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.renderCountInputGroup,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.renderCountLabel,
-                  children: "Max"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-                  value: filters.maxRenderCount !== undefined ? String(filters.maxRenderCount) : "",
-                  onChangeText: text => {
-                    const num = parseInt(text, 10);
-                    if (text === "" || text === undefined) {
-                      onFilterChange({
-                        maxRenderCount: undefined
-                      });
-                    } else if (!isNaN(num) && num >= 0) {
-                      onFilterChange({
-                        maxRenderCount: num
-                      });
-                    }
-                  },
-                  testID: "buoy-highlight-range-max",
-                  placeholder: "\u221E",
-                  placeholderTextColor: _sharedUi.night.color.placeholder,
-                  style: styles.renderCountInput,
-                  keyboardType: "number-pad",
-                  returnKeyType: "done"
-                })]
-              })]
-            }), (filters.minRenderCount !== undefined || filters.maxRenderCount !== undefined) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              testID: "buoy-highlight-range-clear",
-              accessibilityRole: "button",
-              accessibilityLabel: "Clear range",
-              style: styles.clearRangeButton,
-              onPress: () => onFilterChange({
-                minRenderCount: undefined,
-                maxRenderCount: undefined
-              }),
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-                size: 12,
-                color: _sharedUi.night.color.warning
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.clearRangeButtonText,
-                children: "Clear Range"
-              })]
-            })]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-              icon: _sharedUi.Box,
-              color: _sharedUi.night.color.textSecondary,
-              size: 12
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-              children: "DETECTED ITEMS"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.sectionDescription,
-            children: "Tap an item to quickly add it as an exclude pattern."
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-            horizontal: true,
-            showsHorizontalScrollIndicator: false,
-            style: styles.categoryBadgeScroll,
-            contentContainerStyle: styles.categoryBadgeScrollContent,
-            children: [totalItemCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(DetectedCategoryBadge, {
-              filterType: "all",
-              count: totalItemCount,
-              isSelected: selectedCategory === "all",
-              onPress: () => setSelectedCategory("all")
-            }), availableProps.viewTypes.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(DetectedCategoryBadge, {
-              filterType: "viewType",
-              count: availableProps.viewTypes.length,
-              isSelected: selectedCategory === "viewType",
-              onPress: () => setSelectedCategory("viewType")
-            }), availableProps.testIDs.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(DetectedCategoryBadge, {
-              filterType: "testID",
-              count: availableProps.testIDs.length,
-              isSelected: selectedCategory === "testID",
-              onPress: () => setSelectedCategory("testID")
-            }), availableProps.nativeIDs.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(DetectedCategoryBadge, {
-              filterType: "nativeID",
-              count: availableProps.nativeIDs.length,
-              isSelected: selectedCategory === "nativeID",
-              onPress: () => setSelectedCategory("nativeID")
-            }), availableProps.componentNames.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(DetectedCategoryBadge, {
-              filterType: "component",
-              count: availableProps.componentNames.length,
-              isSelected: selectedCategory === "component",
-              onPress: () => setSelectedCategory("component")
-            }), availableProps.accessibilityLabels.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(DetectedCategoryBadge, {
-              filterType: "accessibilityLabel",
-              count: availableProps.accessibilityLabels.length,
-              isSelected: selectedCategory === "accessibilityLabel",
-              onPress: () => setSelectedCategory("accessibilityLabel")
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            nativeID: "__rn_buoy__detected-items",
-            testID: "buoy-highlight-detected",
-            style: styles.detectedItemsContainer,
-            children: selectedItems.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-              testID: "buoy-highlight-detected-scroll",
-              style: styles.detectedItemsScroll,
-              contentContainerStyle: styles.detectedItems,
-              nestedScrollEnabled: true,
-              showsVerticalScrollIndicator: true,
-              children: selectedItems.map(item => {
-                const itemConfig = getFilterConfig(item.type);
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  testID: (0, _testIDs.detectedItemTestID)(item.type, item.value),
-                  accessibilityRole: "button",
-                  accessibilityLabel: `${itemConfig.label} ${item.value}`,
-                  style: [styles.detectedItem, {
-                    borderColor: itemConfig.color + "40"
-                  }],
-                  onPress: () => handleDetectedItemPress(item.type, item.value),
-                  children: selectedCategory === "all" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge, {
-                    type: item.type,
-                    value: item.value,
-                    compact: true,
-                    shortLabel: true
-                  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.detectedItemText,
-                    numberOfLines: 1,
-                    children: item.value
-                  })
-                }, `${item.type}-${item.value}`);
-              })
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              testID: "buoy-highlight-detected-empty",
-              style: styles.emptyText,
-              children: "No items detected yet. Start tracking to see components here."
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-          visible: actionPopupItem !== null,
-          transparent: true,
-          animationType: "fade",
-          onRequestClose: () => setActionPopupItem(null),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            accessible: false,
-            testID: "buoy-highlight-detected-popup-backdrop",
-            style: styles.modalOverlay,
-            onPress: () => setActionPopupItem(null),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              accessible: false,
-              testID: "buoy-highlight-detected-popup",
-              style: styles.actionPopup,
-              children: actionPopupItem && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.actionPopupHeader,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge, {
-                    type: actionPopupItem.type,
-                    value: actionPopupItem.value,
-                    compact: true,
-                    shortLabel: true
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                  style: styles.actionPopupButtons,
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                    testID: "buoy-highlight-detected-popup-include",
-                    accessibilityRole: "button",
-                    accessibilityLabel: "Include only",
-                    style: [styles.actionPopupButton, styles.actionPopupInclude],
-                    onPress: handlePopupInclude,
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Eye, {
-                      size: 16,
-                      color: _sharedUi.night.color.accent
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: [styles.actionPopupButtonText, {
-                        color: _sharedUi.night.color.accent
-                      }],
-                      children: "Include Only"
-                    })]
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-                    testID: "buoy-highlight-detected-popup-exclude",
-                    accessibilityRole: "button",
-                    accessibilityLabel: "Exclude",
-                    style: [styles.actionPopupButton, styles.actionPopupExclude],
-                    onPress: handlePopupExclude,
-                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Filter, {
-                      size: 16,
-                      color: _sharedUi.night.color.accent
-                    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                      style: [styles.actionPopupButtonText, {
-                        color: _sharedUi.night.color.accent
-                      }],
-                      children: "Exclude"
-                    })]
-                  })]
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  testID: "buoy-highlight-detected-popup-cancel",
-                  accessibilityRole: "button",
-                  accessibilityLabel: "Cancel",
-                  style: styles.actionPopupCancel,
-                  onPress: () => setActionPopupItem(null),
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.actionPopupCancelText,
-                    children: "Cancel"
-                  })
-                })]
-              })
-            })
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-              icon: _sharedUi.Filter,
-              color: _sharedUi.night.color.textTertiary,
-              size: 12
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-              children: "HOW FILTERS WORK"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.howItWorks,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-              style: styles.howItWorksText,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.howItWorksBold,
-                children: "Any:"
-              }), " Matches against all fields", "\n", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.howItWorksBold,
-                children: "ViewType:"
-              }), " Native component class (RCTView, RCTText)", "\n", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.howItWorksBold,
-                children: "testID:"
-              }), " Component testID prop", "\n", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.howItWorksBold,
-                children: "Component:"
-              }), " React component name from fiber"]
-            })
-          })]
-        })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.section,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-              icon: _sharedUi.Settings,
-              color: _sharedUi.night.color.textTertiary,
-              size: 12
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-              children: "SETTINGS"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.settingsSection,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.settingItem,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.settingHeader,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.settingLabel,
-                  children: "Show Render Count"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
-                  testID: (0, _testIDs.settingTestID)("showRenderCount"),
-                  value: settings.showRenderCount,
-                  onValueChange: value => {
-                    onSettingsChange({
-                      showRenderCount: value
-                    });
-                    // If disabling render count, also disable cause tracking
-                    if (!value && settings.trackRenderCauses) {
-                      onSettingsChange({
-                        trackRenderCauses: false
-                      });
-                    }
-                  },
-                  trackColor: {
-                    false: _sharedUi.night.color.surfaceElevated,
-                    true: _sharedUi.night.color.accent + "80"
-                  },
-                  thumbColor: settings.showRenderCount ? _sharedUi.night.color.accent : _sharedUi.night.color.knob
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: "Display render count badge on highlights. Disabling improves performance by skipping count tracking."
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.settingItem, styles.settingItemSpaced],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.settingHeader,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: [styles.settingLabel, !settings.showRenderCount && styles.settingLabelDisabled],
-                  children: "Track Render Causes"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
-                  testID: (0, _testIDs.settingTestID)("trackRenderCauses"),
-                  value: settings.trackRenderCauses,
-                  onValueChange: value => onSettingsChange({
-                    trackRenderCauses: value
-                  }),
-                  trackColor: {
-                    false: _sharedUi.night.color.surfaceElevated,
-                    true: _sharedUi.night.color.warning + "80"
-                  },
-                  thumbColor: settings.trackRenderCauses ? _sharedUi.night.color.warning : _sharedUi.night.color.knob,
-                  disabled: !settings.showRenderCount
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: ["Detect WHY components render (props, hooks, parent re-render).", !settings.showRenderCount && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                  style: styles.settingWarning,
-                  children: ["\n", "Requires \"Show Render Count\" to be enabled."]
-                })]
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.settingItem, styles.settingItemSpaced],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.settingHeader,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: [styles.settingLabel, !settings.trackRenderCauses && styles.settingLabelDisabled],
-                  children: "Enable Render History"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
-                  testID: (0, _testIDs.settingTestID)("enableRenderHistory"),
-                  value: settings.enableRenderHistory,
-                  onValueChange: value => onSettingsChange({
-                    enableRenderHistory: value
-                  }),
-                  trackColor: {
-                    false: _sharedUi.night.color.surfaceElevated,
-                    true: _sharedUi.night.color.accent + "80"
-                  },
-                  thumbColor: settings.enableRenderHistory ? _sharedUi.night.color.accent : _sharedUi.night.color.knob,
-                  disabled: !settings.trackRenderCauses
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: ["Store render events for each component to view in the History tab.", !settings.trackRenderCauses && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                  style: styles.settingWarning,
-                  children: ["\n", "Requires \"Track Render Causes\" to be enabled."]
-                })]
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.settingItem, styles.settingItemSpaced],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.settingHeader,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.settingLabel,
-                  children: "Debug Log Level"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.settingValue,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    testID: "buoy-highlight-setting-debugLogLevel-value",
-                    style: [styles.settingValueText, settings.debugLogLevel !== "off" && {
-                      color: _sharedUi.night.color.warning
-                    }],
-                    children: DEBUG_LOG_LEVEL_PRESETS.find(p => p.value === settings.debugLogLevel)?.label || "Off"
-                  })
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: "Control console logging verbosity for render cause detection."
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.batchSizePresets,
-                children: DEBUG_LOG_LEVEL_PRESETS.map(preset => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  style: [styles.batchSizePreset, settings.debugLogLevel === preset.value && styles.batchSizePresetActive, preset.value !== "off" && settings.debugLogLevel === preset.value && {
-                    backgroundColor: _sharedUi.night.color.warningSoft,
-                    borderColor: _sharedUi.night.color.warning
-                  }],
-                  onPress: () => onSettingsChange({
-                    debugLogLevel: preset.value
-                  }),
-                  testID: `buoy-highlight-preset-log-${preset.value}`,
-                  accessibilityRole: "button",
-                  accessibilityLabel: `Debug log level ${preset.label}`,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: [styles.batchSizePresetText, settings.debugLogLevel === preset.value && styles.batchSizePresetTextActive, preset.value !== "off" && settings.debugLogLevel === preset.value && {
-                      color: _sharedUi.night.color.warning
-                    }],
-                    children: preset.label
-                  })
-                }, preset.value))
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                style: styles.settingDescriptionMuted,
-                children: [DEBUG_LOG_LEVEL_PRESETS.find(p => p.value === settings.debugLogLevel)?.description, settings.debugLogLevel !== "off" && " • Check Metro console for logs"]
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.settingItem, styles.settingItemSpaced],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.settingHeader,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.settingLabel,
-                  children: "Batch Size"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  style: styles.settingValue,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    testID: "buoy-highlight-setting-batchSize-value",
-                    style: styles.settingValueText,
-                    children: settings.batchSize
-                  })
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: "Maximum components to highlight per render update. Higher values capture more re-renders but may impact performance on complex screens."
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                style: styles.batchSizePresets,
-                children: BATCH_SIZE_PRESETS.map(preset => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-                  style: [styles.batchSizePreset, settings.batchSize === preset.value && styles.batchSizePresetActive],
-                  onPress: () => onSettingsChange({
-                    batchSize: preset.value
-                  }),
-                  testID: `buoy-highlight-preset-batch-${preset.value}`,
-                  accessibilityRole: "button",
-                  accessibilityLabel: `Batch size ${preset.label}`,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: [styles.batchSizePresetText, settings.batchSize === preset.value && styles.batchSizePresetTextActive],
-                    children: preset.label
-                  })
-                }, preset.value))
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.settingItem, styles.settingItemSpaced],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.settingHeader,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.settingLabel,
-                  children: "Show host views"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
-                  testID: (0, _testIDs.settingTestID)("showHostViews"),
-                  value: !!settings.showHostViews,
-                  onValueChange: value => onSettingsChange({
-                    showHostViews: value
-                  }),
-                  trackColor: {
-                    false: _sharedUi.night.color.surfaceElevated,
-                    true: _sharedUi.night.color.accent + "80"
-                  },
-                  thumbColor: settings.showHostViews ? _sharedUi.night.color.accent : _sharedUi.night.color.knob
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: "Include anonymous View / RCTView / Text hosts. Off by default so the list is named composites (what actually re-rendered)."
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.settingItem, styles.settingItemSpaced],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-                style: styles.settingHeader,
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: styles.settingLabel,
-                  children: "Highlight Dev Tools"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
-                  testID: (0, _testIDs.settingTestID)("excludeDevTools"),
-                  value: !settings.excludeDevTools,
-                  onValueChange: value => onSettingsChange({
-                    excludeDevTools: !value
-                  }),
-                  trackColor: {
-                    false: _sharedUi.night.color.surfaceElevated,
-                    true: _sharedUi.night.color.accent + "80"
-                  },
-                  thumbColor: !settings.excludeDevTools ? _sharedUi.night.color.accent : _sharedUi.night.color.knob
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                style: styles.settingDescription,
-                children: ["Show re-render highlights on Buoy dev tools (floating menu, modals, etc.). Useful for optimizing the dev tools themselves.", !settings.excludeDevTools && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-                  style: styles.settingWarning,
-                  children: ["\n", "The highlight overlay is always excluded to prevent infinite loops."]
-                })]
-              })]
-            })]
-          })]
-        })
-      })
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  scrollView: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingHorizontal: 16,
-    paddingTop: 12,
-    paddingBottom: 32
-  },
-  section: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    marginBottom: 12,
-    overflow: "hidden"
-  },
-  sectionDescription: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    lineHeight: 16
-  },
-  patternChips: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8,
-    paddingHorizontal: 16,
-    paddingTop: 12
-  },
-  patternChip: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 6,
-    borderWidth: 1,
-    paddingVertical: 4,
-    paddingLeft: 4,
-    paddingRight: 6,
-    maxWidth: "100%",
-    gap: 4
-  },
-  patternChipBadge: {
-    paddingVertical: 2,
-    paddingHorizontal: 5,
-    borderRadius: 4
-  },
-  patternChipBadgeText: {
-    fontSize: 9,
-    fontWeight: "700"
-  },
-  patternChipValue: {
-    fontSize: 11,
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    flexShrink: 1
-  },
-  patternChipX: {
-    marginLeft: 2
-  },
-  addPatternRow: {
-    paddingHorizontal: 16,
-    paddingTop: 12,
-    paddingBottom: 16
-  },
-  addButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 10,
-    paddingHorizontal: 16,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderStyle: "dashed",
-    gap: 6
-  },
-  addButtonText: {
-    fontSize: 12,
-    fontWeight: "500"
-  },
-  typePicker: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  typePickerRow: {
-    flex: 1,
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8
-  },
-  typeOption: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    borderRadius: 6,
-    borderWidth: 1,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    gap: 6
-  },
-  typeOptionText: {
-    fontSize: 11,
-    fontWeight: "600"
-  },
-  typePickerCancel: {
-    padding: 8
-  },
-  patternInputContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    paddingLeft: 4,
-    paddingRight: 8,
-    paddingVertical: 4,
-    gap: 4
-  },
-  patternInput: {
-    flex: 1,
-    fontSize: 12,
-    color: _sharedUi.night.color.text,
-    paddingVertical: 6,
-    paddingHorizontal: 4
-  },
-  addPatternButton: {
-    paddingVertical: 6,
-    paddingHorizontal: 10,
-    borderRadius: 4
-  },
-  addPatternButtonText: {
-    fontSize: 11,
-    fontWeight: "600"
-  },
-  cancelButton: {
-    padding: 4
-  },
-  categoryBadgeScroll: {
-    marginTop: 12
-  },
-  categoryBadgeScrollContent: {
-    paddingHorizontal: 16,
-    gap: 8
-  },
-  categoryBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 8,
-    paddingLeft: 10,
-    paddingRight: 6,
-    borderRadius: 8,
-    borderWidth: 1,
-    gap: 6
-  },
-  categoryBadgeText: {
-    fontSize: 11,
-    fontWeight: "600"
-  },
-  categoryBadgeCountBubble: {
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 10,
-    minWidth: 20,
-    alignItems: "center"
-  },
-  categoryBadgeCount: {
-    fontSize: 10,
-    fontWeight: "600"
-  },
-  detectedItemsContainer: {
-    paddingHorizontal: 16,
-    paddingTop: 12,
-    paddingBottom: 16
-  },
-  detectedItemsScroll: {
-    maxHeight: 200
-  },
-  detectedItems: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8
-  },
-  detectedItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 6,
-    borderWidth: 1,
-    paddingVertical: 6,
-    paddingHorizontal: 10,
-    gap: 6
-  },
-  detectedItemText: {
-    fontSize: 11,
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont
-  },
-  emptyText: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textTertiary,
-    fontStyle: "italic",
-    textAlign: "center",
-    paddingVertical: 16,
-    paddingHorizontal: 16
-  },
-  howItWorks: {
-    paddingHorizontal: 16,
-    paddingVertical: 12
-  },
-  howItWorksText: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textTertiary,
-    lineHeight: 18,
-    fontFamily: _sharedUi.monoFont
-  },
-  howItWorksBold: {
-    fontWeight: "700",
-    color: _sharedUi.night.color.textSecondary
-  },
-  // Action popup modal styles
-  modalOverlay: {
-    flex: 1,
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32
-  },
-  actionPopup: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    width: "100%",
-    maxWidth: 300,
-    overflow: "hidden"
-  },
-  actionPopupHeader: {
-    padding: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: _sharedUi.night.color.separator,
-    alignItems: "center"
-  },
-  actionPopupButtons: {
-    flexDirection: "row",
-    padding: 12,
-    gap: 8
-  },
-  actionPopupButton: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 12,
-    paddingHorizontal: 12,
-    borderRadius: 8,
-    gap: 8
-  },
-  actionPopupInclude: {
-    backgroundColor: _sharedUi.night.color.accentSoft
-  },
-  actionPopupExclude: {
-    backgroundColor: _sharedUi.night.color.accentSoft
-  },
-  actionPopupButtonText: {
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  actionPopupCancel: {
-    padding: 12,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.night.color.separator,
-    alignItems: "center"
-  },
-  actionPopupCancelText: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textTertiary,
-    fontWeight: "500"
-  },
-  // Settings styles
-  settingsSection: {
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 16
-  },
-  settingItem: {
-    gap: 8
-  },
-  settingItemSpaced: {
-    marginTop: 16,
-    paddingTop: 16,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.night.color.separator
-  },
-  settingHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  settingLabel: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text
-  },
-  settingValue: {
-    backgroundColor: _sharedUi.night.color.fillSecondary,
-    paddingHorizontal: 10,
-    paddingVertical: 4,
-    borderRadius: 6
-  },
-  settingValueText: {
-    fontSize: 12,
-    fontWeight: "700",
-    color: _sharedUi.night.color.textTertiary,
-    fontFamily: _sharedUi.monoFont
-  },
-  settingDescription: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    lineHeight: 16
-  },
-  settingDescriptionMuted: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textTertiary,
-    lineHeight: 14,
-    marginTop: 4,
-    fontStyle: "italic"
-  },
-  settingLabelDisabled: {
-    color: _sharedUi.night.color.textTertiary
-  },
-  settingWarning: {
-    color: _sharedUi.night.color.warning,
-    fontWeight: "500"
-  },
-  batchSizePresets: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8,
-    marginTop: 4
-  },
-  batchSizePreset: {
-    paddingVertical: 8,
-    paddingHorizontal: 14,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  batchSizePresetActive: {
-    backgroundColor: _sharedUi.night.color.fillSecondary,
-    borderColor: _sharedUi.night.color.fillTertiary
-  },
-  batchSizePresetText: {
-    fontSize: 12,
-    fontWeight: "500",
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont
-  },
-  batchSizePresetTextActive: {
-    color: _sharedUi.night.color.textTertiary,
-    fontWeight: "700"
-  },
-  // Render count range styles
-  renderCountRangeContainer: {
-    paddingHorizontal: 16,
-    paddingTop: 12,
-    paddingBottom: 16,
-    gap: 12
-  },
-  renderCountInputRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12
-  },
-  renderCountInputGroup: {
-    flex: 1,
-    gap: 4
-  },
-  renderCountLabel: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textTertiary,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  renderCountInput: {
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    fontSize: 14,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    textAlign: "center"
-  },
-  renderCountSeparator: {
-    fontSize: 12,
-    color: _sharedUi.night.color.textTertiary,
-    marginTop: 18
-  },
-  clearRangeButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.warning + "40",
-    gap: 6,
-    alignSelf: "center"
-  },
-  clearRangeButtonText: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.night.color.warning
-  }
-});
-var _default = exports.default = HighlightFilterView;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.HighlightFilterView=HighlightFilterView;exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _IdentifierBadge=require("./IdentifierBadge");var _testIDs=require("../utils/testIDs");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(n,l){if("function"==typeof WeakMap)var i=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(t,a){if(!a&&t&&t.__esModule)return t;var s,d,g={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return g;if(s=a?r:i){if(s.has(t))return s.get(t);s.set(t,g)}for(const u in t)"default"!==u&&{}.hasOwnProperty.call(t,u)&&((d=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,u))&&(d.get||d.set)?s(g,u,d):g[u]=t[u]);return g})(n,l)}const getFilterConfig=n=>_IdentifierBadge.IDENTIFIER_CONFIG[n];const FILTER_TYPES=["any","viewType","testID","nativeID","component","accessibilityLabel"];function TypePicker({mode:n,onSelect:l,onCancel:i}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{nativeID:"__rn_buoy__type-picker",testID:`buoy-highlight-${n}-types`,style:styles.typePicker,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.typePickerRow,children:FILTER_TYPES.map(r=>{const t=getFilterConfig(r);const a=t.icon;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:`buoy-highlight-${n}-type-${r.toLowerCase()}`,accessibilityRole:"button",accessibilityLabel:t.label,style:[styles.typeOption,{backgroundColor:t.color+"15",borderColor:t.color+"40"}],onPress:()=>l(r),children:[(0,_jsxRuntime.jsx)(a,{size:14,color:t.color}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.typeOptionText,{color:t.color}],children:t.label})]},r)})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:`buoy-highlight-${n}-types-cancel`,accessibilityRole:"button",accessibilityLabel:"Cancel",onPress:i,style:styles.typePickerCancel,children:(0,_jsxRuntime.jsx)(_sharedUi.X,{size:16,color:_sharedUi.night.color.textTertiary})})]})}function PatternInput({mode:n,type:l,onSubmit:i,onCancel:r}){const[t,a]=(0,_react.useState)("");const s=getFilterConfig(l);const d=()=>{if(t.trim()){i(t.trim())}};return(0,_jsxRuntime.jsxs)(_reactNative.View,{nativeID:"__rn_buoy__pattern-input",testID:`buoy-highlight-${n}-input-row`,style:styles.patternInputContainer,children:[(0,_jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge,{type:l,value:"",badgeOnly:true,compact:true}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{testID:`buoy-highlight-${n}-input`,value:t,onChangeText:a,onSubmitEditing:d,placeholder:"Enter pattern...",placeholderTextColor:_sharedUi.night.color.placeholder,style:styles.patternInput,autoFocus:true,returnKeyType:"done",autoCorrect:false,autoCapitalize:"none"}),t.trim()&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:`buoy-highlight-${n}-submit`,accessibilityRole:"button",accessibilityLabel:"Add pattern",onPress:d,style:[styles.addPatternButton,{backgroundColor:s.color+"20"}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.addPatternButtonText,{color:s.color}],children:"Add"})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:`buoy-highlight-${n}-input-cancel`,accessibilityRole:"button",accessibilityLabel:"Cancel",onPress:r,style:styles.cancelButton,children:(0,_jsxRuntime.jsx)(_sharedUi.X,{size:16,color:_sharedUi.night.color.textTertiary})})]})}function PatternChip({mode:n,pattern:l,onRemove:i}){const r=getFilterConfig(l.type);return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:(0,_testIDs.patternChipTestID)(n,l.type,l.value),accessibilityRole:"button",accessibilityLabel:`${r.label} ${l.value}, tap to remove`,style:[styles.patternChip,{borderColor:r.color+"40"}],onPress:i,activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.patternChipBadge,{backgroundColor:r.color+"20"}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.patternChipBadgeText,{color:r.color}],children:r.shortLabel})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.patternChipValue,numberOfLines:1,children:l.value}),(0,_jsxRuntime.jsx)(_sharedUi.X,{size:12,color:_sharedUi.night.color.textTertiary,style:styles.patternChipX})]})}const ALL_CATEGORY_CONFIG={label:"All",shortLabel:"All",color:_sharedUi.night.color.textSecondary,icon:_sharedUi.Box};function DetectedCategoryBadge({filterType:n,count:l,isSelected:i,onPress:r}){const t=n==="all"?ALL_CATEGORY_CONFIG:getFilterConfig(n);const a=`buoy-highlight-detected-cat-${String(n).toLowerCase()}`;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:a,accessibilityRole:"button",accessibilityLabel:`${t.label}, ${l}`,style:[styles.categoryBadge,{backgroundColor:t.color+"15",borderColor:i?t.color:t.color+"40",borderWidth:i?2:1}],onPress:r,children:[(0,_jsxRuntime.jsx)(t.icon,{size:12,color:t.color}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.categoryBadgeText,{color:t.color}],children:t.label}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.categoryBadgeCountBubble,{backgroundColor:t.color+"25"}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:`${a}-count`,style:[styles.categoryBadgeCount,{color:t.color}],children:l})})]})}const BATCH_SIZE_PRESETS=[{value:20,label:"20"},{value:50,label:"50"},{value:100,label:"100"},{value:150,label:"150"},{value:250,label:"250"},{value:500,label:"500"}];const DEBUG_LOG_LEVEL_PRESETS=[{value:"off",label:"Off",description:"No debug logging"},{value:"minimal",label:"Minimal",description:"Only hook value changes"},{value:"verbose",label:"Verbose",description:"Component + cause + changes"},{value:"all",label:"All",description:"Full fiber dump"}];function HighlightFilterView({filters:n,onFilterChange:l,settings:i,onSettingsChange:r,availableProps:t,activeTab:a}){const[s,d]=(0,_react.useState)(false);const[g,u]=(0,_react.useState)(false);const[b,T]=(0,_react.useState)(null);const[f,m]=(0,_react.useState)(null);const[h,p]=(0,_react.useState)("all");const[c,y]=(0,_react.useState)(null);const v=e=>{switch(e){case"viewType":return t.viewTypes.map(o=>({value:o,type:"viewType"}));case"testID":return t.testIDs.map(o=>({value:o,type:"testID"}));case"nativeID":return t.nativeIDs.map(o=>({value:o,type:"nativeID"}));case"component":return t.componentNames.map(o=>({value:o,type:"component"}));case"accessibilityLabel":return t.accessibilityLabels.map(o=>({value:o,type:"accessibilityLabel"}));case"all":default:return[...t.viewTypes.map(o=>({value:o,type:"viewType"})),...t.testIDs.map(o=>({value:o,type:"testID"})),...t.nativeIDs.map(o=>({value:o,type:"nativeID"})),...t.componentNames.map(o=>({value:o,type:"component"})),...t.accessibilityLabels.map(o=>({value:o,type:"accessibilityLabel"}))]}};const w=v(h);const S=t.viewTypes.length+t.testIDs.length+t.nativeIDs.length+t.componentNames.length+t.accessibilityLabels.length;const I=(0,_react.useCallback)((e,o)=>{const x=[...n.includePatterns,{type:e,value:o}];l({includePatterns:x});T(null)},[n.includePatterns,l]);const j=(0,_react.useCallback)((e,o)=>{const x=[...n.excludePatterns,{type:e,value:o}];l({excludePatterns:x});m(null)},[n.excludePatterns,l]);const D=(0,_react.useCallback)(e=>{const o=n.includePatterns.filter((x,C)=>C!==e);l({includePatterns:o})},[n.includePatterns,l]);const R=(0,_react.useCallback)(e=>{const o=n.excludePatterns.filter((x,C)=>C!==e);l({excludePatterns:o})},[n.excludePatterns,l]);const P=(0,_react.useCallback)((e,o)=>{y({type:e,value:o})},[]);const V=(0,_react.useCallback)(()=>{if(c){I(c.type,c.value);y(null)}},[c,I]);const z=(0,_react.useCallback)(()=>{if(c){j(c.type,c.value);y(null)}},[c,j]);return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.container,children:(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{nativeID:"__rn_buoy__filter-view",testID:"buoy-highlight-filter-scroll",style:styles.scrollView,contentContainerStyle:styles.scrollContent,showsVerticalScrollIndicator:false,children:a==="filters"?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Eye,color:_sharedUi.night.color.accent,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"INCLUDE ONLY"}),n.includePatterns.length>0&&(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge,{testID:"buoy-highlight-include-count",count:n.includePatterns.length,color:_sharedUi.night.color.accent})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionDescription,children:"Show only components matching these patterns. If any are set, components must match at least one."}),n.includePatterns.length>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.patternChips,children:n.includePatterns.map((e,o)=>(0,_jsxRuntime.jsx)(PatternChip,{mode:"include",pattern:e,onRemove:()=>D(o)},`${e.type}-${e.value}-${o}`))}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.addPatternRow,children:s?(0,_jsxRuntime.jsx)(TypePicker,{mode:"include",onSelect:e=>{d(false);T(e)},onCancel:()=>d(false)}):b?(0,_jsxRuntime.jsx)(PatternInput,{mode:"include",type:b,onSubmit:e=>I(b,e),onCancel:()=>T(null)}):(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:"buoy-highlight-include-add",accessibilityRole:"button",accessibilityLabel:"Add include pattern",style:[styles.addButton,{borderColor:_sharedUi.night.color.accentBorderStrong}],onPress:()=>d(true),children:[(0,_jsxRuntime.jsx)(_sharedUi.Plus,{size:14,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.addButtonText,{color:_sharedUi.night.color.accent}],children:"Add include pattern"})]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Filter,color:_sharedUi.night.color.accent,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"EXCLUDE"}),n.excludePatterns.length>0&&(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge,{testID:"buoy-highlight-exclude-count",count:n.excludePatterns.length,color:_sharedUi.night.color.accent})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionDescription,children:"Hide components matching these patterns from the list."}),n.excludePatterns.length>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.patternChips,children:n.excludePatterns.map((e,o)=>(0,_jsxRuntime.jsx)(PatternChip,{mode:"exclude",pattern:e,onRemove:()=>R(o)},`${e.type}-${e.value}-${o}`))}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.addPatternRow,children:g?(0,_jsxRuntime.jsx)(TypePicker,{mode:"exclude",onSelect:e=>{u(false);m(e)},onCancel:()=>u(false)}):f?(0,_jsxRuntime.jsx)(PatternInput,{mode:"exclude",type:f,onSubmit:e=>j(f,e),onCancel:()=>m(null)}):(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:"buoy-highlight-exclude-add",accessibilityRole:"button",accessibilityLabel:"Add exclude pattern",style:[styles.addButton,{borderColor:_sharedUi.night.color.accentBorderStrong}],onPress:()=>u(true),children:[(0,_jsxRuntime.jsx)(_sharedUi.Plus,{size:14,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.addButtonText,{color:_sharedUi.night.color.accent}],children:"Add exclude pattern"})]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Hash,color:_sharedUi.night.color.warning,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"RENDER COUNT RANGE"}),(n.minRenderCount!==void 0||n.maxRenderCount!==void 0)&&(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge,{count:1,color:_sharedUi.night.color.warning})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionDescription,children:"Show only components with render count in a specific range."}),(0,_jsxRuntime.jsxs)(_reactNative.View,{nativeID:"__rn_buoy__render-count-range",testID:"buoy-highlight-range",style:styles.renderCountRangeContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.renderCountInputRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.renderCountInputGroup,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.renderCountLabel,children:"Min"}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{value:n.minRenderCount!==void 0?String(n.minRenderCount):"",onChangeText:e=>{const o=parseInt(e,10);if(e===""||e===void 0){l({minRenderCount:void 0})}else if(!isNaN(o)&&o>=0){l({minRenderCount:o})}},testID:"buoy-highlight-range-min",placeholder:"0",placeholderTextColor:_sharedUi.night.color.placeholder,style:styles.renderCountInput,keyboardType:"number-pad",returnKeyType:"done"})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.renderCountSeparator,children:"to"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.renderCountInputGroup,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.renderCountLabel,children:"Max"}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{value:n.maxRenderCount!==void 0?String(n.maxRenderCount):"",onChangeText:e=>{const o=parseInt(e,10);if(e===""||e===void 0){l({maxRenderCount:void 0})}else if(!isNaN(o)&&o>=0){l({maxRenderCount:o})}},testID:"buoy-highlight-range-max",placeholder:"\u221E",placeholderTextColor:_sharedUi.night.color.placeholder,style:styles.renderCountInput,keyboardType:"number-pad",returnKeyType:"done"})]})]}),(n.minRenderCount!==void 0||n.maxRenderCount!==void 0)&&(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:"buoy-highlight-range-clear",accessibilityRole:"button",accessibilityLabel:"Clear range",style:styles.clearRangeButton,onPress:()=>l({minRenderCount:void 0,maxRenderCount:void 0}),children:[(0,_jsxRuntime.jsx)(_sharedUi.X,{size:12,color:_sharedUi.night.color.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.clearRangeButtonText,children:"Clear Range"})]})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Box,color:_sharedUi.night.color.textSecondary,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"DETECTED ITEMS"})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionDescription,children:"Tap an item to quickly add it as an exclude pattern."}),(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{horizontal:true,showsHorizontalScrollIndicator:false,style:styles.categoryBadgeScroll,contentContainerStyle:styles.categoryBadgeScrollContent,children:[S>0&&(0,_jsxRuntime.jsx)(DetectedCategoryBadge,{filterType:"all",count:S,isSelected:h==="all",onPress:()=>p("all")}),t.viewTypes.length>0&&(0,_jsxRuntime.jsx)(DetectedCategoryBadge,{filterType:"viewType",count:t.viewTypes.length,isSelected:h==="viewType",onPress:()=>p("viewType")}),t.testIDs.length>0&&(0,_jsxRuntime.jsx)(DetectedCategoryBadge,{filterType:"testID",count:t.testIDs.length,isSelected:h==="testID",onPress:()=>p("testID")}),t.nativeIDs.length>0&&(0,_jsxRuntime.jsx)(DetectedCategoryBadge,{filterType:"nativeID",count:t.nativeIDs.length,isSelected:h==="nativeID",onPress:()=>p("nativeID")}),t.componentNames.length>0&&(0,_jsxRuntime.jsx)(DetectedCategoryBadge,{filterType:"component",count:t.componentNames.length,isSelected:h==="component",onPress:()=>p("component")}),t.accessibilityLabels.length>0&&(0,_jsxRuntime.jsx)(DetectedCategoryBadge,{filterType:"accessibilityLabel",count:t.accessibilityLabels.length,isSelected:h==="accessibilityLabel",onPress:()=>p("accessibilityLabel")})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{nativeID:"__rn_buoy__detected-items",testID:"buoy-highlight-detected",style:styles.detectedItemsContainer,children:w.length>0?(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{testID:"buoy-highlight-detected-scroll",style:styles.detectedItemsScroll,contentContainerStyle:styles.detectedItems,nestedScrollEnabled:true,showsVerticalScrollIndicator:true,children:w.map(e=>{const o=getFilterConfig(e.type);return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:(0,_testIDs.detectedItemTestID)(e.type,e.value),accessibilityRole:"button",accessibilityLabel:`${o.label} ${e.value}`,style:[styles.detectedItem,{borderColor:o.color+"40"}],onPress:()=>P(e.type,e.value),children:h==="all"?(0,_jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge,{type:e.type,value:e.value,compact:true,shortLabel:true}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.detectedItemText,numberOfLines:1,children:e.value})},`${e.type}-${e.value}`)})}):(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-highlight-detected-empty",style:styles.emptyText,children:"No items detected yet. Start tracking to see components here."})})]}),(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:c!==null,transparent:true,animationType:"fade",onRequestClose:()=>y(null),children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessible:false,testID:"buoy-highlight-detected-popup-backdrop",style:styles.modalOverlay,onPress:()=>y(null),children:(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:false,testID:"buoy-highlight-detected-popup",style:styles.actionPopup,children:c&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.actionPopupHeader,children:(0,_jsxRuntime.jsx)(_IdentifierBadge.IdentifierBadge,{type:c.type,value:c.value,compact:true,shortLabel:true})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionPopupButtons,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:"buoy-highlight-detected-popup-include",accessibilityRole:"button",accessibilityLabel:"Include only",style:[styles.actionPopupButton,styles.actionPopupInclude],onPress:V,children:[(0,_jsxRuntime.jsx)(_sharedUi.Eye,{size:16,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionPopupButtonText,{color:_sharedUi.night.color.accent}],children:"Include Only"})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:"buoy-highlight-detected-popup-exclude",accessibilityRole:"button",accessibilityLabel:"Exclude",style:[styles.actionPopupButton,styles.actionPopupExclude],onPress:z,children:[(0,_jsxRuntime.jsx)(_sharedUi.Filter,{size:16,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionPopupButtonText,{color:_sharedUi.night.color.accent}],children:"Exclude"})]})]}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"buoy-highlight-detected-popup-cancel",accessibilityRole:"button",accessibilityLabel:"Cancel",style:styles.actionPopupCancel,onPress:()=>y(null),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.actionPopupCancelText,children:"Cancel"})})]})})})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Filter,color:_sharedUi.night.color.textTertiary,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"HOW FILTERS WORK"})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.howItWorks,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.howItWorksText,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.howItWorksBold,children:"Any:"})," Matches against all fields","\n",(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.howItWorksBold,children:"ViewType:"})," Native component class (RCTView, RCTText)","\n",(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.howItWorksBold,children:"testID:"})," Component testID prop","\n",(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.howItWorksBold,children:"Component:"})," React component name from fiber"]})})]})]}):(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Settings,color:_sharedUi.night.color.textTertiary,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"SETTINGS"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingsSection,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingItem,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingLabel,children:"Show Render Count"}),(0,_jsxRuntime.jsx)(_reactNative.Switch,{testID:(0,_testIDs.settingTestID)("showRenderCount"),value:i.showRenderCount,onValueChange:e=>{r({showRenderCount:e});if(!e&&i.trackRenderCauses){r({trackRenderCauses:false})}},trackColor:{false:_sharedUi.night.color.surfaceElevated,true:_sharedUi.night.color.accent+"80"},thumbColor:i.showRenderCount?_sharedUi.night.color.accent:_sharedUi.night.color.knob})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingDescription,children:"Display render count badge on highlights. Disabling improves performance by skipping count tracking."})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.settingItem,styles.settingItemSpaced],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.settingLabel,!i.showRenderCount&&styles.settingLabelDisabled],children:"Track Render Causes"}),(0,_jsxRuntime.jsx)(_reactNative.Switch,{testID:(0,_testIDs.settingTestID)("trackRenderCauses"),value:i.trackRenderCauses,onValueChange:e=>r({trackRenderCauses:e}),trackColor:{false:_sharedUi.night.color.surfaceElevated,true:_sharedUi.night.color.warning+"80"},thumbColor:i.trackRenderCauses?_sharedUi.night.color.warning:_sharedUi.night.color.knob,disabled:!i.showRenderCount})]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.settingDescription,children:["Detect WHY components render (props, hooks, parent re-render).",!i.showRenderCount&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.settingWarning,children:["\n",'Requires "Show Render Count" to be enabled.']})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.settingItem,styles.settingItemSpaced],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.settingLabel,!i.trackRenderCauses&&styles.settingLabelDisabled],children:"Enable Render History"}),(0,_jsxRuntime.jsx)(_reactNative.Switch,{testID:(0,_testIDs.settingTestID)("enableRenderHistory"),value:i.enableRenderHistory,onValueChange:e=>r({enableRenderHistory:e}),trackColor:{false:_sharedUi.night.color.surfaceElevated,true:_sharedUi.night.color.accent+"80"},thumbColor:i.enableRenderHistory?_sharedUi.night.color.accent:_sharedUi.night.color.knob,disabled:!i.trackRenderCauses})]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.settingDescription,children:["Store render events for each component to view in the History tab.",!i.trackRenderCauses&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.settingWarning,children:["\n",'Requires "Track Render Causes" to be enabled.']})]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.settingItem,styles.settingItemSpaced],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingLabel,children:"Debug Log Level"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.settingValue,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-highlight-setting-debugLogLevel-value",style:[styles.settingValueText,i.debugLogLevel!=="off"&&{color:_sharedUi.night.color.warning}],children:DEBUG_LOG_LEVEL_PRESETS.find(e=>e.value===i.debugLogLevel)?.label||"Off"})})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingDescription,children:"Control console logging verbosity for render cause detection."}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.batchSizePresets,children:DEBUG_LOG_LEVEL_PRESETS.map(e=>(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.batchSizePreset,i.debugLogLevel===e.value&&styles.batchSizePresetActive,e.value!=="off"&&i.debugLogLevel===e.value&&{backgroundColor:_sharedUi.night.color.warningSoft,borderColor:_sharedUi.night.color.warning}],onPress:()=>r({debugLogLevel:e.value}),testID:`buoy-highlight-preset-log-${e.value}`,accessibilityRole:"button",accessibilityLabel:`Debug log level ${e.label}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.batchSizePresetText,i.debugLogLevel===e.value&&styles.batchSizePresetTextActive,e.value!=="off"&&i.debugLogLevel===e.value&&{color:_sharedUi.night.color.warning}],children:e.label})},e.value))}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.settingDescriptionMuted,children:[DEBUG_LOG_LEVEL_PRESETS.find(e=>e.value===i.debugLogLevel)?.description,i.debugLogLevel!=="off"&&" \u2022 Check Metro console for logs"]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.settingItem,styles.settingItemSpaced],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingLabel,children:"Batch Size"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.settingValue,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"buoy-highlight-setting-batchSize-value",style:styles.settingValueText,children:i.batchSize})})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingDescription,children:"Maximum components to highlight per render update. Higher values capture more re-renders but may impact performance on complex screens."}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.batchSizePresets,children:BATCH_SIZE_PRESETS.map(e=>(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.batchSizePreset,i.batchSize===e.value&&styles.batchSizePresetActive],onPress:()=>r({batchSize:e.value}),testID:`buoy-highlight-preset-batch-${e.value}`,accessibilityRole:"button",accessibilityLabel:`Batch size ${e.label}`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.batchSizePresetText,i.batchSize===e.value&&styles.batchSizePresetTextActive],children:e.label})},e.value))})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.settingItem,styles.settingItemSpaced],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingLabel,children:"Show host views"}),(0,_jsxRuntime.jsx)(_reactNative.Switch,{testID:(0,_testIDs.settingTestID)("showHostViews"),value:!!i.showHostViews,onValueChange:e=>r({showHostViews:e}),trackColor:{false:_sharedUi.night.color.surfaceElevated,true:_sharedUi.night.color.accent+"80"},thumbColor:i.showHostViews?_sharedUi.night.color.accent:_sharedUi.night.color.knob})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingDescription,children:"Include anonymous View / RCTView / Text hosts. Off by default so the list is named composites (what actually re-rendered)."})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.settingItem,styles.settingItemSpaced],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingLabel,children:"Highlight Dev Tools"}),(0,_jsxRuntime.jsx)(_reactNative.Switch,{testID:(0,_testIDs.settingTestID)("excludeDevTools"),value:!i.excludeDevTools,onValueChange:e=>r({excludeDevTools:!e}),trackColor:{false:_sharedUi.night.color.surfaceElevated,true:_sharedUi.night.color.accent+"80"},thumbColor:!i.excludeDevTools?_sharedUi.night.color.accent:_sharedUi.night.color.knob})]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.settingDescription,children:["Show re-render highlights on Buoy dev tools (floating menu, modals, etc.). Useful for optimizing the dev tools themselves.",!i.excludeDevTools&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.settingWarning,children:["\n","The highlight overlay is always excluded to prevent infinite loops."]})]})]})]})]})})})})}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},scrollView:{flex:1},scrollContent:{paddingHorizontal:16,paddingTop:12,paddingBottom:32},section:{backgroundColor:_sharedUi.night.color.surface,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,marginBottom:12,overflow:"hidden"},sectionDescription:{fontSize:11,color:_sharedUi.night.color.textSecondary,paddingHorizontal:16,paddingTop:8,lineHeight:16},patternChips:{flexDirection:"row",flexWrap:"wrap",gap:8,paddingHorizontal:16,paddingTop:12},patternChip:{flexDirection:"row",alignItems:"center",backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:6,borderWidth:1,paddingVertical:4,paddingLeft:4,paddingRight:6,maxWidth:"100%",gap:4},patternChipBadge:{paddingVertical:2,paddingHorizontal:5,borderRadius:4},patternChipBadgeText:{fontSize:9,fontWeight:"700"},patternChipValue:{fontSize:11,color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,flexShrink:1},patternChipX:{marginLeft:2},addPatternRow:{paddingHorizontal:16,paddingTop:12,paddingBottom:16},addButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:10,paddingHorizontal:16,borderRadius:8,borderWidth:1,borderStyle:"dashed",gap:6},addButtonText:{fontSize:12,fontWeight:"500"},typePicker:{flexDirection:"row",alignItems:"center",gap:8},typePickerRow:{flex:1,flexDirection:"row",flexWrap:"wrap",gap:8},typeOption:{flexDirection:"row",alignItems:"center",paddingVertical:8,paddingHorizontal:12,borderRadius:6,borderWidth:1,backgroundColor:_sharedUi.night.color.surfaceElevated,gap:6},typeOptionText:{fontSize:11,fontWeight:"600"},typePickerCancel:{padding:8},patternInputContainer:{flexDirection:"row",alignItems:"center",backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,paddingLeft:4,paddingRight:8,paddingVertical:4,gap:4},patternInput:{flex:1,fontSize:12,color:_sharedUi.night.color.text,paddingVertical:6,paddingHorizontal:4},addPatternButton:{paddingVertical:6,paddingHorizontal:10,borderRadius:4},addPatternButtonText:{fontSize:11,fontWeight:"600"},cancelButton:{padding:4},categoryBadgeScroll:{marginTop:12},categoryBadgeScrollContent:{paddingHorizontal:16,gap:8},categoryBadge:{flexDirection:"row",alignItems:"center",paddingVertical:8,paddingLeft:10,paddingRight:6,borderRadius:8,borderWidth:1,gap:6},categoryBadgeText:{fontSize:11,fontWeight:"600"},categoryBadgeCountBubble:{paddingHorizontal:6,paddingVertical:2,borderRadius:10,minWidth:20,alignItems:"center"},categoryBadgeCount:{fontSize:10,fontWeight:"600"},detectedItemsContainer:{paddingHorizontal:16,paddingTop:12,paddingBottom:16},detectedItemsScroll:{maxHeight:200},detectedItems:{flexDirection:"row",flexWrap:"wrap",gap:8},detectedItem:{flexDirection:"row",alignItems:"center",backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:6,borderWidth:1,paddingVertical:6,paddingHorizontal:10,gap:6},detectedItemText:{fontSize:11,color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont},emptyText:{fontSize:11,color:_sharedUi.night.color.textTertiary,fontStyle:"italic",textAlign:"center",paddingVertical:16,paddingHorizontal:16},howItWorks:{paddingHorizontal:16,paddingVertical:12},howItWorksText:{fontSize:11,color:_sharedUi.night.color.textTertiary,lineHeight:18,fontFamily:_sharedUi.monoFont},howItWorksBold:{fontWeight:"700",color:_sharedUi.night.color.textSecondary},modalOverlay:{flex:1,backgroundColor:"rgba(0, 0, 0, 0.5)",justifyContent:"center",alignItems:"center",padding:32},actionPopup:{backgroundColor:_sharedUi.night.color.surface,borderRadius:12,borderWidth:1,borderColor:_sharedUi.night.color.border,width:"100%",maxWidth:300,overflow:"hidden"},actionPopupHeader:{padding:16,borderBottomWidth:1,borderBottomColor:_sharedUi.night.color.separator,alignItems:"center"},actionPopupButtons:{flexDirection:"row",padding:12,gap:8},actionPopupButton:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:12,paddingHorizontal:12,borderRadius:8,gap:8},actionPopupInclude:{backgroundColor:_sharedUi.night.color.accentSoft},actionPopupExclude:{backgroundColor:_sharedUi.night.color.accentSoft},actionPopupButtonText:{fontSize:13,fontWeight:"600"},actionPopupCancel:{padding:12,borderTopWidth:1,borderTopColor:_sharedUi.night.color.separator,alignItems:"center"},actionPopupCancelText:{fontSize:13,color:_sharedUi.night.color.textTertiary,fontWeight:"500"},settingsSection:{paddingHorizontal:16,paddingTop:8,paddingBottom:16},settingItem:{gap:8},settingItemSpaced:{marginTop:16,paddingTop:16,borderTopWidth:1,borderTopColor:_sharedUi.night.color.separator},settingHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},settingLabel:{fontSize:13,fontWeight:"600",color:_sharedUi.night.color.text},settingValue:{backgroundColor:_sharedUi.night.color.fillSecondary,paddingHorizontal:10,paddingVertical:4,borderRadius:6},settingValueText:{fontSize:12,fontWeight:"700",color:_sharedUi.night.color.textTertiary,fontFamily:_sharedUi.monoFont},settingDescription:{fontSize:11,color:_sharedUi.night.color.textSecondary,lineHeight:16},settingDescriptionMuted:{fontSize:10,color:_sharedUi.night.color.textTertiary,lineHeight:14,marginTop:4,fontStyle:"italic"},settingLabelDisabled:{color:_sharedUi.night.color.textTertiary},settingWarning:{color:_sharedUi.night.color.warning,fontWeight:"500"},batchSizePresets:{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4},batchSizePreset:{paddingVertical:8,paddingHorizontal:14,borderRadius:6,backgroundColor:_sharedUi.night.color.surfaceElevated,borderWidth:1,borderColor:_sharedUi.night.color.border},batchSizePresetActive:{backgroundColor:_sharedUi.night.color.fillSecondary,borderColor:_sharedUi.night.color.fillTertiary},batchSizePresetText:{fontSize:12,fontWeight:"500",color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont},batchSizePresetTextActive:{color:_sharedUi.night.color.textTertiary,fontWeight:"700"},renderCountRangeContainer:{paddingHorizontal:16,paddingTop:12,paddingBottom:16,gap:12},renderCountInputRow:{flexDirection:"row",alignItems:"center",gap:12},renderCountInputGroup:{flex:1,gap:4},renderCountLabel:{fontSize:10,fontWeight:"600",color:_sharedUi.night.color.textTertiary,textTransform:"uppercase",letterSpacing:.5},renderCountInput:{backgroundColor:_sharedUi.night.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border,paddingVertical:10,paddingHorizontal:12,fontSize:14,fontWeight:"600",color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,textAlign:"center"},renderCountSeparator:{fontSize:12,color:_sharedUi.night.color.textTertiary,marginTop:18},clearRangeButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:8,paddingHorizontal:12,borderRadius:6,backgroundColor:_sharedUi.night.color.warningSoft,borderWidth:1,borderColor:_sharedUi.night.color.warning+"40",gap:6,alignSelf:"center"},clearRangeButtonText:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.warning}});var _default=exports.default=HighlightFilterView;