@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/commonjs/ui/components/DynamicFilterView.js

@@ -1,758 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DynamicFilterView = DynamicFilterView;
-var _reactNative = require("react-native");
-var _react = require("react");
-var _index = require("../../icons/index.js");
-var _SectionHeader = require("./SectionHeader.js");
-var _FilterComponents = require("./FilterComponents.js");
-var _useFilterManager = require("../../hooks/useFilterManager.js");
-var _gameUIColors = require("../gameUI/constants/gameUIColors.js");
-var _nightTheme = require("../night/nightTheme.js");
-var _fonts = require("../fonts.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function DynamicFilterView({
-  sections = [],
-  filterSummarySection,
-  addFilterSection,
-  includeOnlySection,
-  availableItemsSection,
-  howItWorksSection,
-  previewSection,
-  onFilterChange,
-  onPatternToggle,
-  onPatternAdd,
-  activePatterns = new Set(),
-  renderPatternMeta,
-  tabs,
-  activeTab,
-  onTabChange
-}) {
-  const filterManager = (0, _useFilterManager.useFilterManager)(activePatterns);
-  const includeFilterManager = (0, _useFilterManager.useFilterManager)(includeOnlySection?.patterns || new Set());
-  const [internalActiveTab, setInternalActiveTab] = (0, _react.useState)(tabs?.[0]?.id || "");
-  const currentActiveTab = activeTab || internalActiveTab;
-  (0, _react.useEffect)(() => {
-    if (activePatterns.size !== filterManager.filters.size || !Array.from(activePatterns).every(p => filterManager.filters.has(p))) {
-      // Sync external changes
-    }
-  }, [activePatterns, filterManager.filters]);
-  const handleAddPattern = () => {
-    if (filterManager.newFilter.trim() && onPatternAdd) {
-      onPatternAdd(filterManager.newFilter.trim());
-      filterManager.addFilter(filterManager.newFilter);
-    }
-  };
-  const handleAddIncludePattern = () => {
-    if (includeFilterManager.newFilter.trim() && includeOnlySection?.onPatternAdd) {
-      includeOnlySection.onPatternAdd(includeFilterManager.newFilter.trim());
-      includeFilterManager.addFilter(includeFilterManager.newFilter);
-    }
-  };
-  const suggestedItems = availableItemsSection?.items?.filter(item => {
-    return !Array.from(activePatterns).some(pattern => item.includes(pattern));
-  }) || [];
-  const renderTabs = () => {
-    if (!tabs || tabs.length === 0) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.tabContainer,
-      children: tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        onPress: () => {
-          if (onTabChange) onTabChange(tab.id);else setInternalActiveTab(tab.id);
-        },
-        style: [styles.tabButton, currentActiveTab === tab.id ? styles.tabButtonActive : styles.tabButtonInactive],
-        children: [tab.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(tab.icon, {
-          size: 14,
-          color: currentActiveTab === tab.id ? _gameUIColors.buoyColors.primary : _nightTheme.night.color.textTertiary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.tabButtonText, currentActiveTab === tab.id ? styles.tabButtonTextActive : styles.tabButtonTextInactive],
-          children: tab.label
-        }), tab.count !== undefined && tab.count > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.tabBadge,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.tabBadgeText,
-            children: tab.count
-          })
-        })]
-      }, tab.id))
-    });
-  };
-  const renderFilterSection = section => {
-    if (section.type === "custom" && section.renderCustom) {
-      return section.renderCustom();
-    }
-    if (section.type === "patterns") {
-      return null; // Handled separately
-    }
-    if (!section.data || section.data.length === 0) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_SectionHeader.SectionHeader, {
-        children: [section.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon, {
-          icon: section.icon,
-          color: section.color || _gameUIColors.buoyColors.primary,
-          size: 12
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title, {
-          children: section.title
-        })]
-      }), section.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sectionDescription,
-        children: section.description
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.filterGrid,
-        children: section.data.map(option => {
-          const hasCount = option.count !== undefined;
-          const countIsZero = hasCount && option.count === 0;
-          const showLabel = section.type !== "method" || option.icon;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            testID: `buoy-filter-option-${option.id}`,
-            accessibilityRole: "button",
-            accessibilityLabel: String(option.label ?? option.id),
-            style: [styles.filterCard, option.isActive && styles.activeFilterCard],
-            onPress: () => onFilterChange?.(option.id, option.value),
-            children: [option.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(option.icon, {
-              size: 24,
-              color: option.color,
-              style: styles.filterIcon
-            }) : section.type === "method" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.methodBadgeCompact, {
-                backgroundColor: `${option.color}20`
-              }],
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.methodTextCompact, {
-                  color: option.color
-                }],
-                numberOfLines: 1,
-                adjustsFontSizeToFit: true,
-                minimumFontScale: 0.8,
-                children: option.label
-              })
-            }) : null, hasCount && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [countIsZero ? styles.filterCountZero : styles.filterCountActive],
-              children: option.count
-            }), showLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.filterLabelCompact,
-              children: option.label
-            }), option.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.filterDescriptionBottom,
-              children: option.description
-            })]
-          }, option.id);
-        })
-      })]
-    }, section.id);
-  };
-  const renderContent = () => {
-    if (tabs && currentActiveTab) {
-      const activeTabData = tabs.find(tab => tab.id === currentActiveTab);
-      if (activeTabData?.content) {
-        return activeTabData.content();
-      }
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [filterSummarySection?.enabled && (filterSummarySection.includePatterns?.size || filterSummarySection.excludePatterns?.size) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.filterSummarySection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.filterSummaryHeader,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Info, {
-            size: 14,
-            color: _gameUIColors.buoyColors.warning
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.filterSummaryTitle,
-            children: "Filters Active"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.filterSummaryText,
-          children: ["Showing ", filterSummarySection.filteredCount, " of ", filterSummarySection.totalCount, " queries", filterSummarySection.includePatterns?.size ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.filterSummaryInclude,
-            children: [" ", "\u2022 Including: ", Array.from(filterSummarySection.includePatterns).join(", ")]
-          }) : null, filterSummarySection.excludePatterns?.size ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.filterSummaryExclude,
-            children: [" ", "\u2022 Excluding: ", Array.from(filterSummarySection.excludePatterns).join(", ")]
-          }) : null]
-        })]
-      }) : null, sections.map(renderFilterSection), includeOnlySection?.enabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.includeOnlySection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_SectionHeader.SectionHeader, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon, {
-            icon: includeOnlySection.icon || _index.Eye,
-            color: _gameUIColors.buoyColors.success,
-            size: 12
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title, {
-            children: includeOnlySection.title || "INCLUDE ONLY FILTERS"
-          }), includeOnlySection.patterns.size > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Badge, {
-            count: includeOnlySection.patterns.size,
-            color: _gameUIColors.buoyColors.success
-          })]
-        }), includeOnlySection.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.includeOnlyDescription,
-          children: includeOnlySection.description
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.includeOnlyInputWrapper,
-          children: !includeFilterManager.showAddInput ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterComponents.AddFilterButton, {
-            onPress: () => includeFilterManager.setShowAddInput(true),
-            color: _gameUIColors.buoyColors.success,
-            label: "Add include pattern",
-            testID: "buoy-filter-include-add-open"
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterComponents.AddFilterInput, {
-            value: includeFilterManager.newFilter,
-            onChange: includeFilterManager.setNewFilter,
-            onSubmit: handleAddIncludePattern,
-            onCancel: () => {
-              includeFilterManager.setShowAddInput(false);
-              includeFilterManager.setNewFilter("");
-            },
-            placeholder: includeOnlySection.placeholder || "Enter pattern to include...",
-            color: _gameUIColors.buoyColors.success,
-            testID: "buoy-filter-include-input"
-          })
-        }), includeOnlySection.patterns.size > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-          testID: "buoy-filter-include-scroll",
-          style: styles.includeOnlyFiltersContent,
-          showsVerticalScrollIndicator: true,
-          nestedScrollEnabled: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterComponents.FilterList, {
-            filters: includeOnlySection.patterns,
-            onRemoveFilter: includeOnlySection.onPatternToggle,
-            color: _gameUIColors.buoyColors.success
-          })
-        })]
-      }), addFilterSection?.enabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.excludeFiltersSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_SectionHeader.SectionHeader, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon, {
-            icon: _index.Filter,
-            color: _gameUIColors.buoyColors.primary,
-            size: 12
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title, {
-            children: addFilterSection.title || "EXCLUDE FILTERS"
-          }), activePatterns.size > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Badge, {
-            count: activePatterns.size,
-            color: _gameUIColors.buoyColors.primary
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.excludeFiltersDescription,
-          children: "Hide queries matching these patterns from the list."
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.excludeFiltersInputWrapper,
-          children: !filterManager.showAddInput ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterComponents.AddFilterButton, {
-            onPress: () => filterManager.setShowAddInput(true),
-            color: _gameUIColors.buoyColors.primary,
-            label: "Add exclude pattern"
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [addFilterSection.renderExtra?.(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterComponents.AddFilterInput, {
-              value: filterManager.newFilter,
-              onChange: filterManager.setNewFilter,
-              onSubmit: handleAddPattern,
-              onCancel: () => {
-                filterManager.setShowAddInput(false);
-                filterManager.setNewFilter("");
-              },
-              placeholder: addFilterSection.placeholder || "Enter pattern to exclude...",
-              color: _gameUIColors.buoyColors.primary
-            })]
-          })
-        }), activePatterns.size > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView
-        // The active patterns live in their own short scroller, so a
-        // pattern added a moment ago is usually below its fold.
-        , {
-          testID: "buoy-filter-active-scroll",
-          style: styles.excludeFiltersContent,
-          showsVerticalScrollIndicator: true,
-          nestedScrollEnabled: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterComponents.FilterList, {
-            filters: activePatterns,
-            onRemoveFilter: onPatternToggle,
-            color: _gameUIColors.buoyColors.primary,
-            renderItemMeta: renderPatternMeta
-          })
-        })]
-      }), availableItemsSection?.enabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.availableKeysSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_SectionHeader.SectionHeader, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon, {
-            icon: availableItemsSection.icon || _index.Plus,
-            color: _gameUIColors.buoyColors.primary,
-            size: 12
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title, {
-            children: availableItemsSection.title || "AVAILABLE ITEMS"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Badge, {
-            count: suggestedItems.length,
-            color: _gameUIColors.buoyColors.primary
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-          style: styles.availableKeysScroll,
-          horizontal: false,
-          showsVerticalScrollIndicator: true,
-          nestedScrollEnabled: true,
-          scrollEnabled: true,
-          children: suggestedItems.length > 0 ? suggestedItems.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            onPress: () => {
-              if (onPatternAdd) {
-                onPatternAdd(item);
-                filterManager.addFilter(item);
-              }
-            },
-            style: styles.availableKeyItem,
-            "sentry-label": "ignore-touchable-opacity",
-            testID: `buoy-filter-available-${item}`,
-            accessibilityRole: "button",
-            accessibilityLabel: `Add filter ${item}`,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.availableKeyText,
-              numberOfLines: 1,
-              children: item
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Plus, {
-              size: 12,
-              color: _gameUIColors.buoyColors.primary
-            })]
-          }, item)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.emptyStateText,
-            children: availableItemsSection.emptyMessage || "No items available"
-          })
-        })]
-      }), howItWorksSection?.enabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.howItWorksSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_SectionHeader.SectionHeader, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon, {
-            icon: howItWorksSection.icon || _index.Filter,
-            color: _nightTheme.night.color.textSecondary,
-            size: 12
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title, {
-            children: howItWorksSection.title || "HOW FILTERS WORK"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.howItWorksText,
-          children: howItWorksSection.description || "Filters help you focus on relevant data by hiding unwanted items."
-        }), howItWorksSection.examples && howItWorksSection.examples.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.examplesContainer,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.examplesTitle,
-            children: "EXAMPLES:"
-          }), howItWorksSection.examples.map((example, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.exampleItem,
-            children: example
-          }, index))]
-        })]
-      }), previewSection?.enabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.previewSection,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_SectionHeader.SectionHeader, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon, {
-            icon: previewSection.icon || _index.Copy,
-            color: _gameUIColors.buoyColors.primary,
-            size: 12
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title, {
-            children: previewSection.title || "PREVIEW"
-          }), previewSection.headerActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SectionHeader.SectionHeader.Actions, {
-            children: previewSection.headerActions()
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.previewContent,
-          children: previewSection.content()
-        })]
-      })]
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [renderTabs(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView
-    // The filter screen's own scroller. Named because the sections it
-    // holds — including the active-pattern list — run past the bottom of
-    // a docked sheet, so reaching one means scrolling THIS, not the short
-    // nested scroller the pattern happens to sit in.
-    , {
-      testID: "buoy-filter-scroll",
-      style: styles.content,
-      contentContainerStyle: styles.scrollContent,
-      showsVerticalScrollIndicator: false,
-      "sentry-label": "ignore-scrollview",
-      children: renderContent()
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so the host modal's night star field shows through.
-    backgroundColor: "transparent"
-  },
-  content: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingTop: 16,
-    paddingHorizontal: 16,
-    paddingBottom: 24
-  },
-  tabContainer: {
-    flexDirection: "row",
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    gap: 8,
-    backgroundColor: _nightTheme.night.color.surface,
-    borderBottomWidth: 1,
-    borderBottomColor: _nightTheme.night.color.border
-  },
-  tabButton: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 6,
-    paddingVertical: 10,
-    paddingHorizontal: 16,
-    borderRadius: 8,
-    borderWidth: 1
-  },
-  /**
-   * Selection is marked with a 2px accent outline. Border width stays 1 so
-   * selecting a
-   * tile doesn't shift the grid by a pixel.
-   */
-  tabButtonActive: {
-    // White THUMB, not a grey one — the INACTIVE tab is already
-    // `night.color.surfaceElevated` here, so a grey active state would be invisible.
-    backgroundColor: _gameUIColors.buoyColors.primary + "20",
-    borderColor: _gameUIColors.buoyColors.primary,
-    borderWidth: 2
-  },
-  tabButtonInactive: {
-    backgroundColor: _nightTheme.night.color.surfaceElevated,
-    borderColor: _nightTheme.night.color.border
-  },
-  tabButtonText: {
-    fontSize: 11,
-    fontWeight: "600",
-    letterSpacing: 0.5
-  },
-  tabButtonTextActive: {
-    color: _gameUIColors.buoyColors.primary
-  },
-  tabButtonTextInactive: {
-    color: _nightTheme.night.color.textTertiary
-  },
-  tabBadge: {
-    backgroundColor: _gameUIColors.buoyColors.primary + "40",
-    paddingHorizontal: 6,
-    paddingVertical: 1,
-    borderRadius: 8,
-    minWidth: 18,
-    alignItems: "center"
-  },
-  tabBadgeText: {
-    fontSize: 9,
-    color: _gameUIColors.buoyColors.primary,
-    fontWeight: "700"
-  },
-  section: {
-    marginBottom: 8
-  },
-  filterInputWrapper: {
-    marginBottom: 4
-  },
-  filterGrid: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8,
-    marginTop: 8
-  },
-  filterCard: {
-    backgroundColor: _nightTheme.night.color.surface,
-    borderRadius: 12,
-    // rounded-xl
-    paddingHorizontal: 8,
-    paddingVertical: 10,
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    width: 72,
-    minHeight: 68
-  },
-  activeFilterCard: {
-    backgroundColor: _gameUIColors.buoyColors.primary + "33",
-    borderColor: _gameUIColors.buoyColors.primary,
-    borderWidth: 2,
-    // Subtle glow effect like web — no glows on a light surface.
-    shadowColor: _gameUIColors.buoyColors.primary,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.3,
-    shadowRadius: 8,
-    elevation: 4
-  },
-  filterIcon: {
-    marginBottom: 0
-  },
-  filterCountActive: {
-    fontSize: 14,
-    fontWeight: "700",
-    color: _nightTheme.night.color.text,
-    fontFamily: _fonts.monoFont,
-    marginTop: 3,
-    marginBottom: 1,
-    textShadowColor: "rgba(0, 0, 0, 0.2)",
-    textShadowOffset: {
-      width: 0,
-      height: 0.5
-    },
-    textShadowRadius: 1
-  },
-  filterCountZero: {
-    fontSize: 11,
-    fontWeight: "500",
-    color: _nightTheme.night.color.textTertiary,
-    fontFamily: _fonts.monoFont,
-    marginTop: 3,
-    marginBottom: 1
-  },
-  filterLabelCompact: {
-    fontSize: 10,
-    color: _nightTheme.night.color.text,
-    fontWeight: "600",
-    textAlign: "center",
-    textTransform: "capitalize",
-    textShadowColor: "rgba(0, 0, 0, 0.3)",
-    textShadowOffset: {
-      width: 0,
-      height: 0.5
-    },
-    textShadowRadius: 1
-  },
-  filterDescriptionBottom: {
-    fontSize: 8,
-    color: _nightTheme.night.color.textTertiary,
-    textAlign: "center",
-    marginTop: 2,
-    lineHeight: 11
-  },
-  sectionDescription: {
-    fontSize: 10,
-    color: _nightTheme.night.color.textSecondary,
-    marginTop: 4,
-    marginBottom: 4,
-    lineHeight: 14
-  },
-  methodBadgeCompact: {
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 5,
-    minWidth: 48,
-    maxWidth: 60,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  methodTextCompact: {
-    fontSize: 13,
-    fontWeight: "700",
-    letterSpacing: 0.3,
-    fontFamily: _fonts.monoFont
-  },
-  activeFiltersSection: {
-    backgroundColor: _nightTheme.night.color.surface,
-    borderRadius: 16,
-    // rounded-2xl like web
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    marginTop: 16,
-    overflow: "hidden"
-  },
-  activeFiltersContent: {
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 16,
-    maxHeight: 200
-  },
-  includeOnlySection: {
-    backgroundColor: _nightTheme.night.color.surface,
-    borderRadius: 16,
-    // rounded-2xl like web
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    marginTop: 16,
-    overflow: "hidden"
-  },
-  includeOnlyDescription: {
-    fontSize: 10,
-    color: _nightTheme.night.color.textSecondary,
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    lineHeight: 14
-  },
-  includeOnlyInputWrapper: {
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 8
-  },
-  includeOnlyFiltersContent: {
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    maxHeight: 150
-  },
-  excludeFiltersSection: {
-    backgroundColor: _nightTheme.night.color.surface,
-    borderRadius: 16,
-    // rounded-2xl like web
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    marginTop: 16,
-    overflow: "hidden"
-  },
-  excludeFiltersDescription: {
-    fontSize: 10,
-    color: _nightTheme.night.color.textSecondary,
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    lineHeight: 14
-  },
-  excludeFiltersInputWrapper: {
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 8
-  },
-  excludeFiltersContent: {
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    maxHeight: 150
-  },
-  filterSummarySection: {
-    backgroundColor: _gameUIColors.buoyColors.warning + "15",
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _gameUIColors.buoyColors.warning + "40",
-    padding: 12,
-    marginBottom: 12
-  },
-  filterSummaryHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    marginBottom: 6
-  },
-  filterSummaryTitle: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _gameUIColors.buoyColors.warning
-  },
-  filterSummaryText: {
-    fontSize: 11,
-    color: _nightTheme.night.color.text,
-    lineHeight: 16
-  },
-  filterSummaryInclude: {
-    color: _gameUIColors.buoyColors.success,
-    fontWeight: "500"
-  },
-  filterSummaryExclude: {
-    color: _gameUIColors.buoyColors.primary,
-    fontWeight: "500"
-  },
-  emptyStateText: {
-    fontSize: 11,
-    color: _nightTheme.night.color.textTertiary,
-    fontStyle: "italic",
-    textAlign: "center",
-    paddingVertical: 12
-  },
-  availableKeysSection: {
-    backgroundColor: _nightTheme.night.color.surface,
-    borderRadius: 16,
-    // rounded-2xl like web
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    marginTop: 16,
-    overflow: "hidden"
-  },
-  availableKeysScroll: {
-    maxHeight: 150,
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 16
-  },
-  availableKeyItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    backgroundColor: _nightTheme.night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    marginBottom: 8
-  },
-  availableKeyText: {
-    flex: 1,
-    fontSize: 11,
-    color: _nightTheme.night.color.text,
-    fontFamily: _fonts.monoFont,
-    marginRight: 8
-  },
-  howItWorksSection: {
-    backgroundColor: _nightTheme.night.color.surface,
-    borderRadius: 16,
-    // rounded-2xl like web
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    marginTop: 16,
-    overflow: "hidden"
-  },
-  howItWorksText: {
-    fontSize: 11,
-    color: _nightTheme.night.color.textSecondary,
-    lineHeight: 16,
-    marginBottom: 12,
-    marginTop: 8,
-    paddingHorizontal: 16,
-    fontFamily: _fonts.monoFont
-  },
-  examplesContainer: {
-    paddingTop: 8,
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    borderTopWidth: 1,
-    borderTopColor: _nightTheme.night.color.border
-  },
-  examplesTitle: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: _nightTheme.night.color.textTertiary,
-    fontFamily: _fonts.monoFont,
-    letterSpacing: 0.5,
-    marginBottom: 6
-  },
-  exampleItem: {
-    fontSize: 10,
-    color: _nightTheme.night.color.textTertiary,
-    fontFamily: _fonts.monoFont,
-    lineHeight: 16
-  },
-  previewSection: {
-    backgroundColor: _nightTheme.night.color.surfaceElevated,
-    // Slightly lighter to distinguish from other sections
-    borderRadius: 16,
-    // rounded-2xl like web
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.fillTertiary,
-    marginTop: 16,
-    overflow: "hidden"
-  },
-  previewContent: {
-    paddingHorizontal: 16,
-    paddingTop: 12,
-    paddingBottom: 16,
-    backgroundColor: _nightTheme.night.color.bg,
-    // Darker content area for contrast
-    marginHorizontal: 12,
-    marginBottom: 12,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DynamicFilterView=DynamicFilterView;var _reactNative=require("react-native");var _react=require("react");var _index=require("../../icons/index.js");var _SectionHeader=require("./SectionHeader.js");var _FilterComponents=require("./FilterComponents.js");var _useFilterManager=require("../../hooks/useFilterManager.js");var _gameUIColors=require("../gameUI/constants/gameUIColors.js");var _nightTheme=require("../night/nightTheme.js");var _fonts=require("../fonts.js");var _jsxRuntime=require("react/jsx-runtime");function DynamicFilterView({sections:y=[],filterSummarySection:l,addFilterSection:g,includeOnlySection:t,availableItemsSection:c,howItWorksSection:a,previewSection:d,onFilterChange:b,onPatternToggle:f,onPatternAdd:h,activePatterns:n=new Set,renderPatternMeta:C,tabs:s,activeTab:j,onTabChange:m}){const o=(0,_useFilterManager.useFilterManager)(n);const i=(0,_useFilterManager.useFilterManager)(t?.patterns||new Set);const[T,w]=(0,_react.useState)(s?.[0]?.id||"");const u=j||T;(0,_react.useEffect)(()=>{if(n.size!==o.filters.size||!Array.from(n).every(e=>o.filters.has(e))){}},[n,o.filters]);const S=()=>{if(o.newFilter.trim()&&h){h(o.newFilter.trim());o.addFilter(o.newFilter)}};const F=()=>{if(i.newFilter.trim()&&t?.onPatternAdd){t.onPatternAdd(i.newFilter.trim());i.addFilter(i.newFilter)}};const x=c?.items?.filter(e=>{return!Array.from(n).some(r=>e.includes(r))})||[];const z=()=>{if(!s||s.length===0)return null;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.tabContainer,children:s.map(e=>(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:()=>{if(m)m(e.id);else w(e.id)},style:[styles.tabButton,u===e.id?styles.tabButtonActive:styles.tabButtonInactive],children:[e.icon&&(0,_jsxRuntime.jsx)(e.icon,{size:14,color:u===e.id?_gameUIColors.buoyColors.primary:_nightTheme.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.tabButtonText,u===e.id?styles.tabButtonTextActive:styles.tabButtonTextInactive],children:e.label}),e.count!==void 0&&e.count>0&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.tabBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.tabBadgeText,children:e.count})})]},e.id))})};const H=e=>{if(e.type==="custom"&&e.renderCustom){return e.renderCustom()}if(e.type==="patterns"){return null}if(!e.data||e.data.length===0)return null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_SectionHeader.SectionHeader,{children:[e.icon&&(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon,{icon:e.icon,color:e.color||_gameUIColors.buoyColors.primary,size:12}),(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title,{children:e.title})]}),e.description&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionDescription,children:e.description}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.filterGrid,children:e.data.map(r=>{const p=r.count!==void 0;const v=p&&r.count===0;const B=e.type!=="method"||r.icon;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:`buoy-filter-option-${r.id}`,accessibilityRole:"button",accessibilityLabel:String(r.label??r.id),style:[styles.filterCard,r.isActive&&styles.activeFilterCard],onPress:()=>b?.(r.id,r.value),children:[r.icon?(0,_jsxRuntime.jsx)(r.icon,{size:24,color:r.color,style:styles.filterIcon}):e.type==="method"?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.methodBadgeCompact,{backgroundColor:`${r.color}20`}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.methodTextCompact,{color:r.color}],numberOfLines:1,adjustsFontSizeToFit:true,minimumFontScale:.8,children:r.label})}):null,p&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[v?styles.filterCountZero:styles.filterCountActive],children:r.count}),B&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterLabelCompact,children:r.label}),r.description&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterDescriptionBottom,children:r.description})]},r.id)})})]},e.id)};const I=()=>{if(s&&u){const e=s.find(r=>r.id===u);if(e?.content){return e.content()}}return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[l?.enabled&&(l.includePatterns?.size||l.excludePatterns?.size)?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.filterSummarySection,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.filterSummaryHeader,children:[(0,_jsxRuntime.jsx)(_index.Info,{size:14,color:_gameUIColors.buoyColors.warning}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filterSummaryTitle,children:"Filters Active"})]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.filterSummaryText,children:["Showing ",l.filteredCount," of ",l.totalCount," queries",l.includePatterns?.size?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.filterSummaryInclude,children:[" ","\u2022 Including: ",Array.from(l.includePatterns).join(", ")]}):null,l.excludePatterns?.size?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.filterSummaryExclude,children:[" ","\u2022 Excluding: ",Array.from(l.excludePatterns).join(", ")]}):null]})]}):null,y.map(H),t?.enabled&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.includeOnlySection,children:[(0,_jsxRuntime.jsxs)(_SectionHeader.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon,{icon:t.icon||_index.Eye,color:_gameUIColors.buoyColors.success,size:12}),(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title,{children:t.title||"INCLUDE ONLY FILTERS"}),t.patterns.size>0&&(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Badge,{count:t.patterns.size,color:_gameUIColors.buoyColors.success})]}),t.description&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.includeOnlyDescription,children:t.description}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.includeOnlyInputWrapper,children:!i.showAddInput?(0,_jsxRuntime.jsx)(_FilterComponents.AddFilterButton,{onPress:()=>i.setShowAddInput(true),color:_gameUIColors.buoyColors.success,label:"Add include pattern",testID:"buoy-filter-include-add-open"}):(0,_jsxRuntime.jsx)(_FilterComponents.AddFilterInput,{value:i.newFilter,onChange:i.setNewFilter,onSubmit:F,onCancel:()=>{i.setShowAddInput(false);i.setNewFilter("")},placeholder:t.placeholder||"Enter pattern to include...",color:_gameUIColors.buoyColors.success,testID:"buoy-filter-include-input"})}),t.patterns.size>0&&(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{testID:"buoy-filter-include-scroll",style:styles.includeOnlyFiltersContent,showsVerticalScrollIndicator:true,nestedScrollEnabled:true,children:(0,_jsxRuntime.jsx)(_FilterComponents.FilterList,{filters:t.patterns,onRemoveFilter:t.onPatternToggle,color:_gameUIColors.buoyColors.success})})]}),g?.enabled&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.excludeFiltersSection,children:[(0,_jsxRuntime.jsxs)(_SectionHeader.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon,{icon:_index.Filter,color:_gameUIColors.buoyColors.primary,size:12}),(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title,{children:g.title||"EXCLUDE FILTERS"}),n.size>0&&(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Badge,{count:n.size,color:_gameUIColors.buoyColors.primary})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.excludeFiltersDescription,children:"Hide queries matching these patterns from the list."}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.excludeFiltersInputWrapper,children:!o.showAddInput?(0,_jsxRuntime.jsx)(_FilterComponents.AddFilterButton,{onPress:()=>o.setShowAddInput(true),color:_gameUIColors.buoyColors.primary,label:"Add exclude pattern"}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[g.renderExtra?.(),(0,_jsxRuntime.jsx)(_FilterComponents.AddFilterInput,{value:o.newFilter,onChange:o.setNewFilter,onSubmit:S,onCancel:()=>{o.setShowAddInput(false);o.setNewFilter("")},placeholder:g.placeholder||"Enter pattern to exclude...",color:_gameUIColors.buoyColors.primary})]})}),n.size>0&&(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{testID:"buoy-filter-active-scroll",style:styles.excludeFiltersContent,showsVerticalScrollIndicator:true,nestedScrollEnabled:true,children:(0,_jsxRuntime.jsx)(_FilterComponents.FilterList,{filters:n,onRemoveFilter:f,color:_gameUIColors.buoyColors.primary,renderItemMeta:C})})]}),c?.enabled&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.availableKeysSection,children:[(0,_jsxRuntime.jsxs)(_SectionHeader.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon,{icon:c.icon||_index.Plus,color:_gameUIColors.buoyColors.primary,size:12}),(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title,{children:c.title||"AVAILABLE ITEMS"}),(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Badge,{count:x.length,color:_gameUIColors.buoyColors.primary})]}),(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.availableKeysScroll,horizontal:false,showsVerticalScrollIndicator:true,nestedScrollEnabled:true,scrollEnabled:true,children:x.length>0?x.map(e=>(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:()=>{if(h){h(e);o.addFilter(e)}},style:styles.availableKeyItem,"sentry-label":"ignore-touchable-opacity",testID:`buoy-filter-available-${e}`,accessibilityRole:"button",accessibilityLabel:`Add filter ${e}`,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.availableKeyText,numberOfLines:1,children:e}),(0,_jsxRuntime.jsx)(_index.Plus,{size:12,color:_gameUIColors.buoyColors.primary})]},e)):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyStateText,children:c.emptyMessage||"No items available"})})]}),a?.enabled&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.howItWorksSection,children:[(0,_jsxRuntime.jsxs)(_SectionHeader.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon,{icon:a.icon||_index.Filter,color:_nightTheme.night.color.textSecondary,size:12}),(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title,{children:a.title||"HOW FILTERS WORK"})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.howItWorksText,children:a.description||"Filters help you focus on relevant data by hiding unwanted items."}),a.examples&&a.examples.length>0&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.examplesContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.examplesTitle,children:"EXAMPLES:"}),a.examples.map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.exampleItem,children:e},r))]})]}),d?.enabled&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.previewSection,children:[(0,_jsxRuntime.jsxs)(_SectionHeader.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Icon,{icon:d.icon||_index.Copy,color:_gameUIColors.buoyColors.primary,size:12}),(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Title,{children:d.title||"PREVIEW"}),d.headerActions&&(0,_jsxRuntime.jsx)(_SectionHeader.SectionHeader.Actions,{children:d.headerActions()})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.previewContent,children:d.content()})]})]})};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[z(),(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{testID:"buoy-filter-scroll",style:styles.content,contentContainerStyle:styles.scrollContent,showsVerticalScrollIndicator:false,"sentry-label":"ignore-scrollview",children:I()})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},content:{flex:1},scrollContent:{paddingTop:16,paddingHorizontal:16,paddingBottom:24},tabContainer:{flexDirection:"row",paddingHorizontal:16,paddingVertical:12,gap:8,backgroundColor:_nightTheme.night.color.surface,borderBottomWidth:1,borderBottomColor:_nightTheme.night.color.border},tabButton:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:10,paddingHorizontal:16,borderRadius:8,borderWidth:1},tabButtonActive:{backgroundColor:_gameUIColors.buoyColors.primary+"20",borderColor:_gameUIColors.buoyColors.primary,borderWidth:2},tabButtonInactive:{backgroundColor:_nightTheme.night.color.surfaceElevated,borderColor:_nightTheme.night.color.border},tabButtonText:{fontSize:11,fontWeight:"600",letterSpacing:.5},tabButtonTextActive:{color:_gameUIColors.buoyColors.primary},tabButtonTextInactive:{color:_nightTheme.night.color.textTertiary},tabBadge:{backgroundColor:_gameUIColors.buoyColors.primary+"40",paddingHorizontal:6,paddingVertical:1,borderRadius:8,minWidth:18,alignItems:"center"},tabBadgeText:{fontSize:9,color:_gameUIColors.buoyColors.primary,fontWeight:"700"},section:{marginBottom:8},filterInputWrapper:{marginBottom:4},filterGrid:{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:8},filterCard:{backgroundColor:_nightTheme.night.color.surface,borderRadius:12,paddingHorizontal:8,paddingVertical:10,flexDirection:"column",alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:_nightTheme.night.color.border,width:72,minHeight:68},activeFilterCard:{backgroundColor:_gameUIColors.buoyColors.primary+"33",borderColor:_gameUIColors.buoyColors.primary,borderWidth:2,shadowColor:_gameUIColors.buoyColors.primary,shadowOffset:{width:0,height:0},shadowOpacity:.3,shadowRadius:8,elevation:4},filterIcon:{marginBottom:0},filterCountActive:{fontSize:14,fontWeight:"700",color:_nightTheme.night.color.text,fontFamily:_fonts.monoFont,marginTop:3,marginBottom:1,textShadowColor:"rgba(0, 0, 0, 0.2)",textShadowOffset:{width:0,height:.5},textShadowRadius:1},filterCountZero:{fontSize:11,fontWeight:"500",color:_nightTheme.night.color.textTertiary,fontFamily:_fonts.monoFont,marginTop:3,marginBottom:1},filterLabelCompact:{fontSize:10,color:_nightTheme.night.color.text,fontWeight:"600",textAlign:"center",textTransform:"capitalize",textShadowColor:"rgba(0, 0, 0, 0.3)",textShadowOffset:{width:0,height:.5},textShadowRadius:1},filterDescriptionBottom:{fontSize:8,color:_nightTheme.night.color.textTertiary,textAlign:"center",marginTop:2,lineHeight:11},sectionDescription:{fontSize:10,color:_nightTheme.night.color.textSecondary,marginTop:4,marginBottom:4,lineHeight:14},methodBadgeCompact:{paddingHorizontal:8,paddingVertical:4,borderRadius:5,minWidth:48,maxWidth:60,alignItems:"center",justifyContent:"center"},methodTextCompact:{fontSize:13,fontWeight:"700",letterSpacing:.3,fontFamily:_fonts.monoFont},activeFiltersSection:{backgroundColor:_nightTheme.night.color.surface,borderRadius:16,borderWidth:1,borderColor:_nightTheme.night.color.border,marginTop:16,overflow:"hidden"},activeFiltersContent:{paddingHorizontal:16,paddingTop:8,paddingBottom:16,maxHeight:200},includeOnlySection:{backgroundColor:_nightTheme.night.color.surface,borderRadius:16,borderWidth:1,borderColor:_nightTheme.night.color.border,marginTop:16,overflow:"hidden"},includeOnlyDescription:{fontSize:10,color:_nightTheme.night.color.textSecondary,paddingHorizontal:16,paddingTop:8,lineHeight:14},includeOnlyInputWrapper:{paddingHorizontal:16,paddingTop:8,paddingBottom:8},includeOnlyFiltersContent:{paddingHorizontal:16,paddingBottom:16,maxHeight:150},excludeFiltersSection:{backgroundColor:_nightTheme.night.color.surface,borderRadius:16,borderWidth:1,borderColor:_nightTheme.night.color.border,marginTop:16,overflow:"hidden"},excludeFiltersDescription:{fontSize:10,color:_nightTheme.night.color.textSecondary,paddingHorizontal:16,paddingTop:8,lineHeight:14},excludeFiltersInputWrapper:{paddingHorizontal:16,paddingTop:8,paddingBottom:8},excludeFiltersContent:{paddingHorizontal:16,paddingBottom:16,maxHeight:150},filterSummarySection:{backgroundColor:_gameUIColors.buoyColors.warning+"15",borderRadius:8,borderWidth:1,borderColor:_gameUIColors.buoyColors.warning+"40",padding:12,marginBottom:12},filterSummaryHeader:{flexDirection:"row",alignItems:"center",gap:6,marginBottom:6},filterSummaryTitle:{fontSize:12,fontWeight:"600",color:_gameUIColors.buoyColors.warning},filterSummaryText:{fontSize:11,color:_nightTheme.night.color.text,lineHeight:16},filterSummaryInclude:{color:_gameUIColors.buoyColors.success,fontWeight:"500"},filterSummaryExclude:{color:_gameUIColors.buoyColors.primary,fontWeight:"500"},emptyStateText:{fontSize:11,color:_nightTheme.night.color.textTertiary,fontStyle:"italic",textAlign:"center",paddingVertical:12},availableKeysSection:{backgroundColor:_nightTheme.night.color.surface,borderRadius:16,borderWidth:1,borderColor:_nightTheme.night.color.border,marginTop:16,overflow:"hidden"},availableKeysScroll:{maxHeight:150,paddingHorizontal:16,paddingTop:8,paddingBottom:16},availableKeyItem:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:10,paddingHorizontal:12,backgroundColor:_nightTheme.night.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:_nightTheme.night.color.border,marginBottom:8},availableKeyText:{flex:1,fontSize:11,color:_nightTheme.night.color.text,fontFamily:_fonts.monoFont,marginRight:8},howItWorksSection:{backgroundColor:_nightTheme.night.color.surface,borderRadius:16,borderWidth:1,borderColor:_nightTheme.night.color.border,marginTop:16,overflow:"hidden"},howItWorksText:{fontSize:11,color:_nightTheme.night.color.textSecondary,lineHeight:16,marginBottom:12,marginTop:8,paddingHorizontal:16,fontFamily:_fonts.monoFont},examplesContainer:{paddingTop:8,paddingHorizontal:16,paddingBottom:16,borderTopWidth:1,borderTopColor:_nightTheme.night.color.border},examplesTitle:{fontSize:10,fontWeight:"600",color:_nightTheme.night.color.textTertiary,fontFamily:_fonts.monoFont,letterSpacing:.5,marginBottom:6},exampleItem:{fontSize:10,color:_nightTheme.night.color.textTertiary,fontFamily:_fonts.monoFont,lineHeight:16},previewSection:{backgroundColor:_nightTheme.night.color.surfaceElevated,borderRadius:16,borderWidth:1,borderColor:_nightTheme.night.color.fillTertiary,marginTop:16,overflow:"hidden"},previewContent:{paddingHorizontal:16,paddingTop:12,paddingBottom:16,backgroundColor:_nightTheme.night.color.bg,marginHorizontal:12,marginBottom:12,borderRadius:8,borderWidth:1,borderColor:_nightTheme.night.color.border}});