@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterEditor.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.tsx"],"sourcesContent":["/**\n * FilterEditor Component\n *\n * Modal for creating/editing global filters.\n */\n\nimport React, { useState, useEffect } from 'react';\nimport type { GlobalFilter, FilterType } from '../../../hooks';\n\n// Dynamic colors that respect dark mode\nconst getColors = (isDark: boolean) => ({\n  bgPrimary: isDark ? '#1f2937' : '#ffffff',\n  bgSecondary: isDark ? '#374151' : '#f9fafb',\n  textPrimary: isDark ? '#f9fafb' : '#111827',\n  textSecondary: isDark ? '#9ca3af' : '#6b7280',\n  borderDefault: isDark ? '#4b5563' : '#e5e7eb',\n  actionPrimaryBg: '#6366f1',\n  actionPrimaryBgSubtle: isDark ? '#312e81' : '#eef2ff',\n  actionPrimaryFg: '#ffffff',\n  bgTertiary: isDark ? '#4b5563' : '#f3f4f6',\n  textTertiary: isDark ? '#6b7280' : '#9ca3af',\n  statusErrorText: '#dc2626',\n  backdropBg: 'rgba(0, 0, 0, 0.5)',\n});\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FilterEditorProps {\n  filter: GlobalFilter | null;\n  onSave: (data: {\n    name: string;\n    type: FilterType;\n    config: Record<string, unknown>;\n    defaultValue?: unknown;\n    isRequired?: boolean;\n  }) => void;\n  onClose: () => void;\n}\n\n/**\n * Filter types as per spec (03-graphql-contract.md)\n * Spec values: date_range, category, custom, numeric_range, text_search\n */\nconst FILTER_TYPES: { value: FilterType; label: string; description: string }[] = [\n  { value: 'CATEGORY', label: 'Category', description: 'Selection from predefined categories' },\n  { value: 'DATE_RANGE', label: 'Date Range', description: 'Start and end date selection' },\n  { value: 'NUMERIC_RANGE', label: 'Numeric Range', description: 'Min and max number values' },\n  { value: 'TEXT_SEARCH', label: 'Text Search', description: 'Free text search input' },\n  { value: 'CUSTOM', label: 'Custom', description: 'Custom filter configuration' },\n];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function FilterEditor({ filter, onSave, onClose }: FilterEditorProps) {\n  const [name, setName] = useState(filter?.name || '');\n  const [type, setType] = useState<FilterType>(filter?.type || 'CATEGORY');\n  const [isRequired, setIsRequired] = useState(filter?.isRequired || false);\n  const [options, setOptions] = useState<{ value: string; label: string }[]>(\n    (filter?.config?.options as { value: string; label: string }[] | undefined) || [{ value: '', label: '' }]\n  );\n  const [placeholder, setPlaceholder] = useState((filter?.config?.placeholder as string) || '');\n  const [isDarkMode, setIsDarkMode] = useState(false);\n\n  // Detect dark mode\n  useEffect(() => {\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n    checkDarkMode();\n\n    // Watch for theme changes\n    const observer = new MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });\n    return () => observer.disconnect();\n  }, []);\n\n  const COLORS = getColors(isDarkMode);\n  const isEditing = !!filter;\n\n  const handleAddOption = () => {\n    setOptions([...options, { value: '', label: '' }]);\n  };\n\n  const handleRemoveOption = (index: number) => {\n    setOptions(options.filter((_, i) => i !== index));\n  };\n\n  const handleOptionChange = (index: number, field: 'value' | 'label', value: string) => {\n    setOptions(options.map((opt, i) => (i === index ? { ...opt, [field]: value } : opt)));\n  };\n\n  const handleSave = () => {\n    const config: Record<string, unknown> = {};\n\n    // CATEGORY type uses options for selection\n    if (type === 'CATEGORY') {\n      config.options = options.filter((opt) => opt.value && opt.label);\n    }\n\n    if (placeholder) {\n      config.placeholder = placeholder;\n    }\n\n    onSave({\n      name,\n      type,\n      config,\n      isRequired,\n    });\n  };\n\n  const isValid = name.trim() !== '' && (type !== 'CATEGORY' || options.some((opt) => opt.value && opt.label));\n\n  return (\n    <div\n      style={{\n        position: 'fixed',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        width: '100vw',\n        height: '100vh',\n        backgroundColor: COLORS.backdropBg,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 10000,\n        isolation: 'isolate',\n      }}\n      onClick={onClose}\n    >\n      <div\n        style={{\n          width: '480px',\n          maxWidth: '90vw',\n          maxHeight: '80vh',\n          backgroundColor: COLORS.bgPrimary,\n          borderRadius: '8px',\n          boxShadow: '0 8px 32px rgba(0, 0, 0, 0.3)',\n          overflow: 'hidden',\n          position: 'relative',\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div\n          style={{\n            padding: '16px 20px',\n            borderBottom: `1px solid ${COLORS.borderDefault}`,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            backgroundColor: COLORS.bgPrimary,\n          }}\n        >\n          <h3 style={{ margin: 0, fontSize: '16px', fontWeight: 600, color: COLORS.textPrimary }}>\n            {isEditing ? 'Edit Filter' : 'Add Filter'}\n          </h3>\n          <button\n            onClick={onClose}\n            style={{\n              background: 'none',\n              border: 'none',\n              fontSize: '20px',\n              cursor: 'pointer',\n              color: COLORS.textSecondary,\n              lineHeight: 1,\n            }}\n          >\n            ×\n          </button>\n        </div>\n\n        {/* Content */}\n        <div\n          style={{\n            padding: '20px',\n            overflowY: 'auto',\n            maxHeight: 'calc(80vh - 130px)',\n            backgroundColor: COLORS.bgPrimary,\n          }}\n        >\n          {/* Filter Name */}\n          <div style={{ marginBottom: '16px' }}>\n            <label\n              style={{\n                display: 'block',\n                marginBottom: '6px',\n                fontSize: '13px',\n                fontWeight: 500,\n                color: COLORS.textPrimary,\n              }}\n            >\n              Filter Name *\n            </label>\n            <input\n              type=\"text\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g., Status, Date Range, Category\"\n              style={{\n                width: '100%',\n                padding: '10px 12px',\n                border: `1px solid ${COLORS.borderDefault}`,\n                borderRadius: '6px',\n                fontSize: '14px',\n                boxSizing: 'border-box',\n                backgroundColor: COLORS.bgPrimary,\n                color: COLORS.textPrimary,\n              }}\n            />\n          </div>\n\n          {/* Filter Type */}\n          {!isEditing && (\n            <div style={{ marginBottom: '16px' }}>\n              <label\n                style={{\n                  display: 'block',\n                  marginBottom: '8px',\n                  fontSize: '13px',\n                  fontWeight: 500,\n                  color: COLORS.textPrimary,\n                }}\n              >\n                Filter Type *\n              </label>\n              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '10px' }}>\n                {FILTER_TYPES.map((ft) => (\n                  <button\n                    key={ft.value}\n                    onClick={() => setType(ft.value)}\n                    type=\"button\"\n                    style={{\n                      padding: '12px',\n                      textAlign: 'left',\n                      backgroundColor: type === ft.value ? COLORS.actionPrimaryBgSubtle : COLORS.bgSecondary,\n                      border: `2px solid ${type === ft.value ? COLORS.actionPrimaryBg : COLORS.borderDefault}`,\n                      borderRadius: '6px',\n                      cursor: 'pointer',\n                      transition: 'all 0.2s ease',\n                      minHeight: '60px',\n                    }}\n                  >\n                    <div style={{ fontWeight: 500, fontSize: '13px', color: COLORS.textPrimary }}>{ft.label}</div>\n                    <div\n                      style={{\n                        fontSize: '11px',\n                        color: COLORS.textSecondary,\n                        marginTop: '4px',\n                        lineHeight: '1.3',\n                      }}\n                    >\n                      {ft.description}\n                    </div>\n                  </button>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Options (for CATEGORY type) */}\n          {type === 'CATEGORY' && (\n            <div style={{ marginBottom: '16px' }}>\n              <label\n                style={{\n                  display: 'block',\n                  marginBottom: '8px',\n                  fontSize: '13px',\n                  fontWeight: 500,\n                  color: COLORS.textPrimary,\n                }}\n              >\n                Options\n              </label>\n              <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n                {options.map((opt, index) => (\n                  <div key={index} style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\n                    <input\n                      type=\"text\"\n                      value={opt.value}\n                      onChange={(e) => handleOptionChange(index, 'value', e.target.value)}\n                      placeholder=\"Value\"\n                      style={{\n                        flex: 1,\n                        padding: '8px 10px',\n                        border: `1px solid ${COLORS.borderDefault}`,\n                        borderRadius: '4px',\n                        fontSize: '13px',\n                        boxSizing: 'border-box',\n                        backgroundColor: COLORS.bgPrimary,\n                        color: COLORS.textPrimary,\n                      }}\n                    />\n                    <input\n                      type=\"text\"\n                      value={opt.label}\n                      onChange={(e) => handleOptionChange(index, 'label', e.target.value)}\n                      placeholder=\"Label\"\n                      style={{\n                        flex: 1,\n                        padding: '8px 10px',\n                        border: `1px solid ${COLORS.borderDefault}`,\n                        borderRadius: '4px',\n                        fontSize: '13px',\n                        boxSizing: 'border-box',\n                        backgroundColor: COLORS.bgPrimary,\n                        color: COLORS.textPrimary,\n                      }}\n                    />\n                    {options.length > 1 && (\n                      <button\n                        type=\"button\"\n                        onClick={() => handleRemoveOption(index)}\n                        style={{\n                          padding: '6px 10px',\n                          backgroundColor: 'transparent',\n                          border: `1px solid ${COLORS.statusErrorText}`,\n                          borderRadius: '4px',\n                          cursor: 'pointer',\n                          color: COLORS.statusErrorText,\n                          fontSize: '12px',\n                        }}\n                      >\n                        Remove\n                      </button>\n                    )}\n                  </div>\n                ))}\n                <button\n                  type=\"button\"\n                  onClick={handleAddOption}\n                  style={{\n                    padding: '8px',\n                    backgroundColor: 'transparent',\n                    border: `1px dashed ${COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    cursor: 'pointer',\n                    color: COLORS.textSecondary,\n                    fontSize: '12px',\n                  }}\n                >\n                  + Add Option\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Placeholder */}\n          {(type === 'TEXT_SEARCH' || type === 'CATEGORY') && (\n            <div style={{ marginBottom: '16px' }}>\n              <label\n                style={{\n                  display: 'block',\n                  marginBottom: '8px',\n                  fontSize: '13px',\n                  fontWeight: 500,\n                  color: COLORS.textPrimary,\n                }}\n              >\n                Placeholder Text\n              </label>\n              <input\n                type=\"text\"\n                value={placeholder}\n                onChange={(e) => setPlaceholder(e.target.value)}\n                placeholder=\"e.g., Select an option...\"\n                style={{\n                  width: '100%',\n                  padding: '10px 12px',\n                  border: `1px solid ${COLORS.borderDefault}`,\n                  borderRadius: '6px',\n                  fontSize: '14px',\n                  boxSizing: 'border-box',\n                  backgroundColor: COLORS.bgPrimary,\n                  color: COLORS.textPrimary,\n                }}\n              />\n            </div>\n          )}\n\n          {/* Required Toggle */}\n          <div style={{ marginBottom: '16px' }}>\n            <label\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '8px',\n                cursor: 'pointer',\n              }}\n            >\n              <input\n                type=\"checkbox\"\n                checked={isRequired}\n                onChange={(e) => setIsRequired(e.target.checked)}\n                style={{ width: '16px', height: '16px' }}\n              />\n              <span style={{ fontSize: '13px', color: COLORS.textPrimary }}>Required filter (must have a value)</span>\n            </label>\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div\n          style={{\n            padding: '16px 20px',\n            borderTop: `1px solid ${COLORS.borderDefault}`,\n            display: 'flex',\n            justifyContent: 'flex-end',\n            gap: '12px',\n            backgroundColor: COLORS.bgPrimary,\n          }}\n        >\n          <button\n            type=\"button\"\n            onClick={onClose}\n            style={{\n              padding: '10px 20px',\n              backgroundColor: COLORS.bgPrimary,\n              border: `1px solid ${COLORS.borderDefault}`,\n              borderRadius: '6px',\n              cursor: 'pointer',\n              fontSize: '14px',\n              color: COLORS.textSecondary,\n            }}\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleSave}\n            disabled={!isValid}\n            style={{\n              padding: '10px 20px',\n              backgroundColor: isValid ? COLORS.actionPrimaryBg : COLORS.bgTertiary,\n              color: isValid ? COLORS.actionPrimaryFg : COLORS.textTertiary,\n              border: 'none',\n              borderRadius: '6px',\n              cursor: isValid ? 'pointer' : 'not-allowed',\n              fontSize: '14px',\n              fontWeight: 500,\n            }}\n          >\n            {isEditing ? 'Save Changes' : 'Add Filter'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default FilterEditor;\n"],"mappings":"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"}
+{"version":3,"file":"FilterEditor.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.tsx"],"sourcesContent":["/**\n * FilterEditor Component\n *\n * Modal for creating/editing global filters.\n */\n\nimport React, { useState, useEffect, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { GlobalFilter, FilterType } from '../../../hooks';\n\n// Dynamic colors that respect dark mode\nconst getColors = (isDark: boolean) => ({\n  bgPrimary: isDark ? '#1f2937' : '#ffffff',\n  bgSecondary: isDark ? '#374151' : '#f9fafb',\n  textPrimary: isDark ? '#f9fafb' : '#111827',\n  textSecondary: isDark ? '#9ca3af' : '#6b7280',\n  borderDefault: isDark ? '#4b5563' : '#e5e7eb',\n  actionPrimaryBg: '#6366f1',\n  actionPrimaryBgSubtle: isDark ? '#312e81' : '#eef2ff',\n  actionPrimaryFg: '#ffffff',\n  bgTertiary: isDark ? '#4b5563' : '#f3f4f6',\n  textTertiary: isDark ? '#6b7280' : '#9ca3af',\n  statusErrorText: '#dc2626',\n  backdropBg: 'rgba(0, 0, 0, 0.5)',\n});\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FilterEditorProps {\n  filter: GlobalFilter | null;\n  onSave: (data: {\n    name: string;\n    type: FilterType;\n    config: Record<string, unknown>;\n    defaultValue?: unknown;\n    isRequired?: boolean;\n  }) => void;\n  onClose: () => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function FilterEditor({ filter, onSave, onClose }: FilterEditorProps) {\n  const { t } = useI18n();\n  const [name, setName] = useState(filter?.name || '');\n  const [type, setType] = useState<FilterType>(filter?.type || 'CATEGORY');\n  const [isRequired, setIsRequired] = useState(filter?.isRequired || false);\n  const [options, setOptions] = useState<{ value: string; label: string }[]>(\n    (filter?.config?.options as { value: string; label: string }[] | undefined) || [{ value: '', label: '' }]\n  );\n  const [placeholder, setPlaceholder] = useState((filter?.config?.placeholder as string) || '');\n  const [isDarkMode, setIsDarkMode] = useState(false);\n\n  // Detect dark mode\n  useEffect(() => {\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n    checkDarkMode();\n\n    // Watch for theme changes\n    const observer = new MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });\n    return () => observer.disconnect();\n  }, []);\n\n  const COLORS = getColors(isDarkMode);\n  const isEditing = !!filter;\n\n  /**\n   * Filter types as per spec (03-graphql-contract.md)\n   * Spec values: date_range, category, custom, numeric_range, text_search\n   */\n  const FILTER_TYPES = useMemo<{ value: FilterType; label: string; description: string }[]>(\n    () => [\n      {\n        value: 'CATEGORY',\n        label: t('bigconsole.filters.editor.type.category.label', 'Category'),\n        description: t('bigconsole.filters.editor.type.category.description', 'Selection from predefined categories'),\n      },\n      {\n        value: 'DATE_RANGE',\n        label: t('bigconsole.filters.editor.type.dateRange.label', 'Date Range'),\n        description: t('bigconsole.filters.editor.type.dateRange.description', 'Start and end date selection'),\n      },\n      {\n        value: 'NUMERIC_RANGE',\n        label: t('bigconsole.filters.editor.type.numericRange.label', 'Numeric Range'),\n        description: t('bigconsole.filters.editor.type.numericRange.description', 'Min and max number values'),\n      },\n      {\n        value: 'TEXT_SEARCH',\n        label: t('bigconsole.filters.editor.type.textSearch.label', 'Text Search'),\n        description: t('bigconsole.filters.editor.type.textSearch.description', 'Free text search input'),\n      },\n      {\n        value: 'CUSTOM',\n        label: t('bigconsole.filters.editor.type.custom.label', 'Custom'),\n        description: t('bigconsole.filters.editor.type.custom.description', 'Custom filter configuration'),\n      },\n    ],\n    [t]\n  );\n\n  const handleAddOption = () => {\n    setOptions([...options, { value: '', label: '' }]);\n  };\n\n  const handleRemoveOption = (index: number) => {\n    setOptions(options.filter((_, i) => i !== index));\n  };\n\n  const handleOptionChange = (index: number, field: 'value' | 'label', value: string) => {\n    setOptions(options.map((opt, i) => (i === index ? { ...opt, [field]: value } : opt)));\n  };\n\n  const handleSave = () => {\n    const config: Record<string, unknown> = {};\n\n    // CATEGORY type uses options for selection\n    if (type === 'CATEGORY') {\n      config.options = options.filter((opt) => opt.value && opt.label);\n    }\n\n    if (placeholder) {\n      config.placeholder = placeholder;\n    }\n\n    onSave({\n      name,\n      type,\n      config,\n      isRequired,\n    });\n  };\n\n  const isValid = name.trim() !== '' && (type !== 'CATEGORY' || options.some((opt) => opt.value && opt.label));\n\n  return (\n    <div\n      style={{\n        position: 'fixed',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        width: '100vw',\n        height: '100vh',\n        backgroundColor: COLORS.backdropBg,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 10000,\n        isolation: 'isolate',\n      }}\n      onClick={onClose}\n    >\n      <div\n        style={{\n          width: '480px',\n          maxWidth: '90vw',\n          maxHeight: '80vh',\n          backgroundColor: COLORS.bgPrimary,\n          borderRadius: '8px',\n          boxShadow: '0 8px 32px rgba(0, 0, 0, 0.3)',\n          overflow: 'hidden',\n          position: 'relative',\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div\n          style={{\n            padding: '16px 20px',\n            borderBottom: `1px solid ${COLORS.borderDefault}`,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            backgroundColor: COLORS.bgPrimary,\n          }}\n        >\n          <h3 style={{ margin: 0, fontSize: '16px', fontWeight: 600, color: COLORS.textPrimary }}>\n            {isEditing\n              ? t('bigconsole.filters.editor.title.edit', 'Edit Filter')\n              : t('bigconsole.filters.editor.title.add', 'Add Filter')}\n          </h3>\n          <button\n            onClick={onClose}\n            style={{\n              background: 'none',\n              border: 'none',\n              fontSize: '20px',\n              cursor: 'pointer',\n              color: COLORS.textSecondary,\n              lineHeight: 1,\n            }}\n          >\n            ×\n          </button>\n        </div>\n\n        {/* Content */}\n        <div\n          style={{\n            padding: '20px',\n            overflowY: 'auto',\n            maxHeight: 'calc(80vh - 130px)',\n            backgroundColor: COLORS.bgPrimary,\n          }}\n        >\n          {/* Filter Name */}\n          <div style={{ marginBottom: '16px' }}>\n            <label\n              style={{\n                display: 'block',\n                marginBottom: '6px',\n                fontSize: '13px',\n                fontWeight: 500,\n                color: COLORS.textPrimary,\n              }}\n            >\n              {t('bigconsole.filters.editor.field.name.label', 'Filter Name *')}\n            </label>\n            <input\n              type=\"text\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder={t('bigconsole.filters.editor.field.name.placeholder', 'e.g., Status, Date Range, Category')}\n              style={{\n                width: '100%',\n                padding: '10px 12px',\n                border: `1px solid ${COLORS.borderDefault}`,\n                borderRadius: '6px',\n                fontSize: '14px',\n                boxSizing: 'border-box',\n                backgroundColor: COLORS.bgPrimary,\n                color: COLORS.textPrimary,\n              }}\n            />\n          </div>\n\n          {/* Filter Type */}\n          {!isEditing && (\n            <div style={{ marginBottom: '16px' }}>\n              <label\n                style={{\n                  display: 'block',\n                  marginBottom: '8px',\n                  fontSize: '13px',\n                  fontWeight: 500,\n                  color: COLORS.textPrimary,\n                }}\n              >\n                {t('bigconsole.filters.editor.field.type.label', 'Filter Type *')}\n              </label>\n              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '10px' }}>\n                {FILTER_TYPES.map((ft) => (\n                  <button\n                    key={ft.value}\n                    onClick={() => setType(ft.value)}\n                    type=\"button\"\n                    style={{\n                      padding: '12px',\n                      textAlign: 'left',\n                      backgroundColor: type === ft.value ? COLORS.actionPrimaryBgSubtle : COLORS.bgSecondary,\n                      border: `2px solid ${type === ft.value ? COLORS.actionPrimaryBg : COLORS.borderDefault}`,\n                      borderRadius: '6px',\n                      cursor: 'pointer',\n                      transition: 'all 0.2s ease',\n                      minHeight: '60px',\n                    }}\n                  >\n                    <div style={{ fontWeight: 500, fontSize: '13px', color: COLORS.textPrimary }}>{ft.label}</div>\n                    <div\n                      style={{\n                        fontSize: '11px',\n                        color: COLORS.textSecondary,\n                        marginTop: '4px',\n                        lineHeight: '1.3',\n                      }}\n                    >\n                      {ft.description}\n                    </div>\n                  </button>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Options (for CATEGORY type) */}\n          {type === 'CATEGORY' && (\n            <div style={{ marginBottom: '16px' }}>\n              <label\n                style={{\n                  display: 'block',\n                  marginBottom: '8px',\n                  fontSize: '13px',\n                  fontWeight: 500,\n                  color: COLORS.textPrimary,\n                }}\n              >\n                {t('bigconsole.filters.editor.field.options.label', 'Options')}\n              </label>\n              <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n                {options.map((opt, index) => (\n                  <div key={index} style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\n                    <input\n                      type=\"text\"\n                      value={opt.value}\n                      onChange={(e) => handleOptionChange(index, 'value', e.target.value)}\n                      placeholder={t('bigconsole.filters.editor.field.options.valuePlaceholder', 'Value')}\n                      style={{\n                        flex: 1,\n                        padding: '8px 10px',\n                        border: `1px solid ${COLORS.borderDefault}`,\n                        borderRadius: '4px',\n                        fontSize: '13px',\n                        boxSizing: 'border-box',\n                        backgroundColor: COLORS.bgPrimary,\n                        color: COLORS.textPrimary,\n                      }}\n                    />\n                    <input\n                      type=\"text\"\n                      value={opt.label}\n                      onChange={(e) => handleOptionChange(index, 'label', e.target.value)}\n                      placeholder={t('bigconsole.filters.editor.field.options.labelPlaceholder', 'Label')}\n                      style={{\n                        flex: 1,\n                        padding: '8px 10px',\n                        border: `1px solid ${COLORS.borderDefault}`,\n                        borderRadius: '4px',\n                        fontSize: '13px',\n                        boxSizing: 'border-box',\n                        backgroundColor: COLORS.bgPrimary,\n                        color: COLORS.textPrimary,\n                      }}\n                    />\n                    {options.length > 1 && (\n                      <button\n                        type=\"button\"\n                        onClick={() => handleRemoveOption(index)}\n                        style={{\n                          padding: '6px 10px',\n                          backgroundColor: 'transparent',\n                          border: `1px solid ${COLORS.statusErrorText}`,\n                          borderRadius: '4px',\n                          cursor: 'pointer',\n                          color: COLORS.statusErrorText,\n                          fontSize: '12px',\n                        }}\n                      >\n                        {t('bigconsole.filters.editor.field.options.remove', 'Remove')}\n                      </button>\n                    )}\n                  </div>\n                ))}\n                <button\n                  type=\"button\"\n                  onClick={handleAddOption}\n                  style={{\n                    padding: '8px',\n                    backgroundColor: 'transparent',\n                    border: `1px dashed ${COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    cursor: 'pointer',\n                    color: COLORS.textSecondary,\n                    fontSize: '12px',\n                  }}\n                >\n                  {t('bigconsole.filters.editor.field.options.add', '+ Add Option')}\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Placeholder */}\n          {(type === 'TEXT_SEARCH' || type === 'CATEGORY') && (\n            <div style={{ marginBottom: '16px' }}>\n              <label\n                style={{\n                  display: 'block',\n                  marginBottom: '8px',\n                  fontSize: '13px',\n                  fontWeight: 500,\n                  color: COLORS.textPrimary,\n                }}\n              >\n                {t('bigconsole.filters.editor.field.placeholder.label', 'Placeholder Text')}\n              </label>\n              <input\n                type=\"text\"\n                value={placeholder}\n                onChange={(e) => setPlaceholder(e.target.value)}\n                placeholder={t('bigconsole.filters.editor.field.placeholder.placeholder', 'e.g., Select an option...')}\n                style={{\n                  width: '100%',\n                  padding: '10px 12px',\n                  border: `1px solid ${COLORS.borderDefault}`,\n                  borderRadius: '6px',\n                  fontSize: '14px',\n                  boxSizing: 'border-box',\n                  backgroundColor: COLORS.bgPrimary,\n                  color: COLORS.textPrimary,\n                }}\n              />\n            </div>\n          )}\n\n          {/* Required Toggle */}\n          <div style={{ marginBottom: '16px' }}>\n            <label\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '8px',\n                cursor: 'pointer',\n              }}\n            >\n              <input\n                type=\"checkbox\"\n                checked={isRequired}\n                onChange={(e) => setIsRequired(e.target.checked)}\n                style={{ width: '16px', height: '16px' }}\n              />\n              <span style={{ fontSize: '13px', color: COLORS.textPrimary }}>\n                {t('bigconsole.filters.editor.field.required.label', 'Required filter (must have a value)')}\n              </span>\n            </label>\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div\n          style={{\n            padding: '16px 20px',\n            borderTop: `1px solid ${COLORS.borderDefault}`,\n            display: 'flex',\n            justifyContent: 'flex-end',\n            gap: '12px',\n            backgroundColor: COLORS.bgPrimary,\n          }}\n        >\n          <button\n            type=\"button\"\n            onClick={onClose}\n            style={{\n              padding: '10px 20px',\n              backgroundColor: COLORS.bgPrimary,\n              border: `1px solid ${COLORS.borderDefault}`,\n              borderRadius: '6px',\n              cursor: 'pointer',\n              fontSize: '14px',\n              color: COLORS.textSecondary,\n            }}\n          >\n            {t('bigconsole.filters.editor.action.cancel', 'Cancel')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleSave}\n            disabled={!isValid}\n            style={{\n              padding: '10px 20px',\n              backgroundColor: isValid ? COLORS.actionPrimaryBg : COLORS.bgTertiary,\n              color: isValid ? COLORS.actionPrimaryFg : COLORS.textTertiary,\n              border: 'none',\n              borderRadius: '6px',\n              cursor: isValid ? 'pointer' : 'not-allowed',\n              fontSize: '14px',\n              fontWeight: 500,\n            }}\n          >\n            {isEditing\n              ? t('bigconsole.filters.editor.action.saveChanges', 'Save Changes')\n              : t('bigconsole.filters.editor.action.add', 'Add Filter')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default FilterEditor;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.js

@@ -1,52 +1,53 @@
 import { SEMANTIC_COLORS as e } from "../../../utils/semanticTokens.js";
 import { useEffect as t, useRef as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.tsx
-function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, onDeletePreset: u, disabled: d = !1 }) {
-	let [f, p] = r(!1), [m, h] = r(!1), [g, _] = r(""), [v, y] = r(""), b = n(null), x = o.find((e) => e.id === s);
+function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, onDeletePreset: d, disabled: f = !1 }) {
+	let { t: p } = i(), [m, h] = r(!1), [g, _] = r(!1), [v, y] = r(""), [b, x] = r(""), S = n(null), C = s.find((e) => e.id === c);
 	t(() => {
 		function e(e) {
-			b.current && !b.current.contains(e.target) && (p(!1), h(!1));
+			S.current && !S.current.contains(e.target) && (h(!1), _(!1));
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	let S = () => {
-		g.trim() && (l(g.trim(), v.trim() || void 0), _(""), y(""), h(!1), p(!1));
-	}, C = (e, t) => {
-		e.stopPropagation(), window.confirm("Are you sure you want to delete this preset?") && u(t);
+	let w = () => {
+		v.trim() && (u(v.trim(), b.trim() || void 0), y(""), x(""), _(!1), h(!1));
+	}, T = (e, t) => {
+		e.stopPropagation(), window.confirm(p("bigconsole.filters.presets.deleteConfirm", "Are you sure you want to delete this preset?")) && d(t);
 	};
-	return /* @__PURE__ */ a("div", {
-		ref: b,
+	return /* @__PURE__ */ o("div", {
+		ref: S,
 		style: {
 			position: "relative",
 			display: "inline-block"
 		},
-		children: [/* @__PURE__ */ a("button", {
-			onClick: () => !d && p(!f),
-			disabled: d,
+		children: [/* @__PURE__ */ o("button", {
+			onClick: () => !f && h(!m),
+			disabled: f,
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: "8px",
 				padding: "8px 14px",
-				backgroundColor: x ? e.statusSuccessBgSubtle : e.bgPrimary,
-				border: `1px solid ${x ? e.statusSuccessBg : e.borderDefault}`,
+				backgroundColor: C ? e.statusSuccessBgSubtle : e.bgPrimary,
+				border: `1px solid ${C ? e.statusSuccessBg : e.borderDefault}`,
 				borderRadius: "6px",
-				cursor: d ? "not-allowed" : "pointer",
+				cursor: f ? "not-allowed" : "pointer",
 				fontSize: "13px",
-				color: x ? e.statusSuccessText : e.textSecondary,
+				color: C ? e.statusSuccessText : e.textSecondary,
 				fontWeight: 500,
-				opacity: d ? .6 : 1,
+				opacity: f ? .6 : 1,
 				minWidth: "140px",
 				justifyContent: "space-between"
 			},
-			children: [/* @__PURE__ */ a("span", {
+			children: [/* @__PURE__ */ o("span", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: "6px"
 				},
-				children: [/* @__PURE__ */ a("svg", {
+				children: [/* @__PURE__ */ o("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -54,12 +55,12 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 					stroke: "currentColor",
 					strokeWidth: "2",
 					children: [
-						/* @__PURE__ */ i("path", { d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }),
-						/* @__PURE__ */ i("polyline", { points: "17,21 17,13 7,13 7,21" }),
-						/* @__PURE__ */ i("polyline", { points: "7,3 7,8 15,8" })
+						/* @__PURE__ */ a("path", { d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }),
+						/* @__PURE__ */ a("polyline", { points: "17,21 17,13 7,13 7,21" }),
+						/* @__PURE__ */ a("polyline", { points: "7,3 7,8 15,8" })
 					]
-				}), x ? x.name : "Presets"]
-			}), /* @__PURE__ */ i("svg", {
+				}), C ? C.name : p("bigconsole.filters.presets.buttonLabel", "Presets")]
+			}), /* @__PURE__ */ a("svg", {
 				width: "12",
 				height: "12",
 				viewBox: "0 0 24 24",
@@ -67,12 +68,12 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 				stroke: "currentColor",
 				strokeWidth: "2",
 				style: {
-					transform: f ? "rotate(180deg)" : "rotate(0deg)",
+					transform: m ? "rotate(180deg)" : "rotate(0deg)",
 					transition: "transform 0.2s ease"
 				},
-				children: /* @__PURE__ */ i("polyline", { points: "6,9 12,15 18,9" })
+				children: /* @__PURE__ */ a("polyline", { points: "6,9 12,15 18,9" })
 			})]
-		}), f && /* @__PURE__ */ a("div", {
+		}), m && /* @__PURE__ */ o("div", {
 			style: {
 				position: "absolute",
 				top: "100%",
@@ -87,7 +88,7 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					style: {
 						padding: "12px 16px",
 						borderBottom: `1px solid ${e.borderDefault}`,
@@ -96,15 +97,15 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 						justifyContent: "space-between",
 						alignItems: "center"
 					},
-					children: [/* @__PURE__ */ i("span", {
+					children: [/* @__PURE__ */ a("span", {
 						style: {
 							fontWeight: 600,
 							fontSize: "13px",
 							color: e.textPrimary
 						},
-						children: "Filter Presets"
-					}), /* @__PURE__ */ i("button", {
-						onClick: () => h(!0),
+						children: p("bigconsole.filters.presets.header", "Filter Presets")
+					}), /* @__PURE__ */ a("button", {
+						onClick: () => _(!0),
 						style: {
 							padding: "4px 10px",
 							fontSize: "12px",
@@ -115,21 +116,21 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 							cursor: "pointer",
 							fontWeight: 500
 						},
-						children: "+ Save Current"
+						children: p("bigconsole.filters.presets.saveCurrent", "+ Save Current")
 					})]
 				}),
-				m && /* @__PURE__ */ a("div", {
+				g && /* @__PURE__ */ o("div", {
 					style: {
 						padding: "12px 16px",
 						borderBottom: `1px solid ${e.borderDefault}`,
 						backgroundColor: e.bgSecondary
 					},
 					children: [
-						/* @__PURE__ */ i("input", {
+						/* @__PURE__ */ a("input", {
 							type: "text",
-							value: g,
-							onChange: (e) => _(e.target.value),
-							placeholder: "Preset name...",
+							value: v,
+							onChange: (e) => y(e.target.value),
+							placeholder: p("bigconsole.filters.presets.namePlaceholder", "Preset name..."),
 							autoFocus: !0,
 							style: {
 								width: "100%",
@@ -143,11 +144,11 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 								color: e.textPrimary
 							}
 						}),
-						/* @__PURE__ */ i("input", {
+						/* @__PURE__ */ a("input", {
 							type: "text",
-							value: v,
-							onChange: (e) => y(e.target.value),
-							placeholder: "Description (optional)...",
+							value: b,
+							onChange: (e) => x(e.target.value),
+							placeholder: p("bigconsole.filters.presets.descriptionPlaceholder", "Description (optional)..."),
 							style: {
 								width: "100%",
 								padding: "8px 10px",
@@ -160,15 +161,15 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 								color: e.textPrimary
 							}
 						}),
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ o("div", {
 							style: {
 								display: "flex",
 								gap: "8px",
 								justifyContent: "flex-end"
 							},
-							children: [/* @__PURE__ */ i("button", {
+							children: [/* @__PURE__ */ a("button", {
 								onClick: () => {
-									h(!1), _(""), y("");
+									_(!1), y(""), x("");
 								},
 								style: {
 									padding: "6px 12px",
@@ -179,33 +180,33 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 									cursor: "pointer",
 									color: e.textSecondary
 								},
-								children: "Cancel"
-							}), /* @__PURE__ */ i("button", {
-								onClick: S,
-								disabled: !g.trim(),
+								children: p("bigconsole.filters.presets.cancel", "Cancel")
+							}), /* @__PURE__ */ a("button", {
+								onClick: w,
+								disabled: !v.trim(),
 								style: {
 									padding: "6px 12px",
 									fontSize: "12px",
-									backgroundColor: g.trim() ? e.statusSuccessBg : e.bgTertiary,
-									color: g.trim() ? e.actionPrimaryFg : e.textTertiary,
+									backgroundColor: v.trim() ? e.statusSuccessBg : e.bgTertiary,
+									color: v.trim() ? e.actionPrimaryFg : e.textTertiary,
 									border: "none",
 									borderRadius: "4px",
-									cursor: g.trim() ? "pointer" : "not-allowed",
+									cursor: v.trim() ? "pointer" : "not-allowed",
 									fontWeight: 500
 								},
-								children: "Save"
+								children: p("bigconsole.filters.presets.save", "Save")
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					style: {
 						maxHeight: "300px",
 						overflowY: "auto"
 					},
-					children: [o.map((t) => /* @__PURE__ */ a("div", {
+					children: [s.map((t) => /* @__PURE__ */ o("div", {
 						onClick: () => {
-							c(t.id), p(!1);
+							l(t.id), h(!1);
 						},
 						style: {
 							padding: "10px 16px",
@@ -213,20 +214,20 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "space-between",
-							backgroundColor: s === t.id ? e.actionPrimaryBgSubtle : "transparent",
-							borderLeft: s === t.id ? `3px solid ${e.actionPrimaryBg}` : "3px solid transparent",
+							backgroundColor: c === t.id ? e.actionPrimaryBgSubtle : "transparent",
+							borderLeft: c === t.id ? `3px solid ${e.actionPrimaryBg}` : "3px solid transparent",
 							transition: "background-color 0.15s ease"
 						},
 						onMouseEnter: (n) => {
-							s !== t.id && (n.currentTarget.style.backgroundColor = e.bgSecondary);
+							c !== t.id && (n.currentTarget.style.backgroundColor = e.bgSecondary);
 						},
 						onMouseLeave: (e) => {
-							s !== t.id && (e.currentTarget.style.backgroundColor = "transparent");
+							c !== t.id && (e.currentTarget.style.backgroundColor = "transparent");
 						},
 						children: [
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ o("div", {
 								style: { flex: 1 },
-								children: [/* @__PURE__ */ a("div", {
+								children: [/* @__PURE__ */ o("div", {
 									style: {
 										fontSize: "13px",
 										fontWeight: 500,
@@ -235,7 +236,7 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 										alignItems: "center",
 										gap: "6px"
 									},
-									children: [t.name, t.isDefault && /* @__PURE__ */ i("span", {
+									children: [t.name, t.isDefault && /* @__PURE__ */ a("span", {
 										style: {
 											fontSize: "10px",
 											padding: "2px 6px",
@@ -243,9 +244,9 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 											borderRadius: "4px",
 											color: e.textSecondary
 										},
-										children: "Default"
+										children: p("bigconsole.filters.presets.defaultBadge", "Default")
 									})]
-								}), t.description && /* @__PURE__ */ i("div", {
+								}), t.description && /* @__PURE__ */ a("div", {
 									style: {
 										fontSize: "11px",
 										color: e.textTertiary,
@@ -254,8 +255,8 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 									children: t.description
 								})]
 							}),
-							!t.isDefault && !t.id.startsWith("preset-last") && !t.id.startsWith("preset-this") && /* @__PURE__ */ i("button", {
-								onClick: (e) => C(e, t.id),
+							!t.isDefault && !t.id.startsWith("preset-last") && !t.id.startsWith("preset-this") && /* @__PURE__ */ a("button", {
+								onClick: (e) => T(e, t.id),
 								style: {
 									padding: "4px",
 									backgroundColor: "transparent",
@@ -273,18 +274,18 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 								onMouseLeave: (t) => {
 									t.currentTarget.style.backgroundColor = "transparent", t.currentTarget.style.color = e.textTertiary;
 								},
-								title: "Delete preset",
-								children: /* @__PURE__ */ a("svg", {
+								title: p("bigconsole.filters.presets.deletePresetTitle", "Delete preset"),
+								children: /* @__PURE__ */ o("svg", {
 									width: "14",
 									height: "14",
 									viewBox: "0 0 24 24",
 									fill: "none",
 									stroke: "currentColor",
 									strokeWidth: "2",
-									children: [/* @__PURE__ */ i("polyline", { points: "3,6 5,6 21,6" }), /* @__PURE__ */ i("path", { d: "M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2" })]
+									children: [/* @__PURE__ */ a("polyline", { points: "3,6 5,6 21,6" }), /* @__PURE__ */ a("path", { d: "M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2" })]
 								})
 							}),
-							s === t.id && /* @__PURE__ */ i("svg", {
+							c === t.id && /* @__PURE__ */ a("svg", {
 								width: "16",
 								height: "16",
 								viewBox: "0 0 24 24",
@@ -292,17 +293,17 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 								stroke: e.actionPrimaryBg,
 								strokeWidth: "3",
 								style: { marginLeft: "8px" },
-								children: /* @__PURE__ */ i("polyline", { points: "20,6 9,17 4,12" })
+								children: /* @__PURE__ */ a("polyline", { points: "20,6 9,17 4,12" })
 							})
 						]
-					}, t.id)), o.length === 0 && /* @__PURE__ */ i("div", {
+					}, t.id)), s.length === 0 && /* @__PURE__ */ a("div", {
 						style: {
 							padding: "20px 16px",
 							textAlign: "center",
 							color: e.textTertiary,
 							fontSize: "13px"
 						},
-						children: "No presets saved yet"
+						children: p("bigconsole.filters.presets.emptyState", "No presets saved yet")
 					})]
 				})
 			]
@@ -310,6 +311,6 @@ function o({ presets: o, activePresetId: s, onApplyPreset: c, onSavePreset: l, o
 	});
 }
 //#endregion
-export { o as default };
+export { s as default };
 
 //# sourceMappingURL=FilterPresetSelector.js.map

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPresetSelector.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.tsx"],"sourcesContent":["/**\n * FilterPresetSelector Component\n *\n * Dropdown to select, save, and manage filter presets.\n */\n\nimport React, { useState, useRef, useEffect } from 'react';\nimport type { FilterPreset } from '../../../hooks/useFilterPresets';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FilterPresetSelectorProps {\n  presets: FilterPreset[];\n  activePresetId: string | null;\n  onApplyPreset: (presetId: string) => void;\n  onSavePreset: (name: string, description?: string) => void;\n  onDeletePreset: (presetId: string) => void;\n  disabled?: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function FilterPresetSelector({\n  presets,\n  activePresetId,\n  onApplyPreset,\n  onSavePreset,\n  onDeletePreset,\n  disabled = false,\n}: FilterPresetSelectorProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [showSaveDialog, setShowSaveDialog] = useState(false);\n  const [newPresetName, setNewPresetName] = useState('');\n  const [newPresetDescription, setNewPresetDescription] = useState('');\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const activePreset = presets.find((p) => p.id === activePresetId);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n        setShowSaveDialog(false);\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const handleSavePreset = () => {\n    if (newPresetName.trim()) {\n      onSavePreset(newPresetName.trim(), newPresetDescription.trim() || undefined);\n      setNewPresetName('');\n      setNewPresetDescription('');\n      setShowSaveDialog(false);\n      setIsOpen(false);\n    }\n  };\n\n  const handleDeletePreset = (e: React.MouseEvent, presetId: string) => {\n    e.stopPropagation();\n    if (window.confirm('Are you sure you want to delete this preset?')) {\n      onDeletePreset(presetId);\n    }\n  };\n\n  return (\n    <div ref={dropdownRef} style={{ position: 'relative', display: 'inline-block' }}>\n      {/* Preset Button */}\n      <button\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        disabled={disabled}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '8px',\n          padding: '8px 14px',\n          backgroundColor: activePreset ? SEMANTIC_COLORS.statusSuccessBgSubtle : SEMANTIC_COLORS.bgPrimary,\n          border: `1px solid ${activePreset ? SEMANTIC_COLORS.statusSuccessBg : SEMANTIC_COLORS.borderDefault}`,\n          borderRadius: '6px',\n          cursor: disabled ? 'not-allowed' : 'pointer',\n          fontSize: '13px',\n          color: activePreset ? SEMANTIC_COLORS.statusSuccessText : SEMANTIC_COLORS.textSecondary,\n          fontWeight: 500,\n          opacity: disabled ? 0.6 : 1,\n          minWidth: '140px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <span style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n            <path d=\"M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z\" />\n            <polyline points=\"17,21 17,13 7,13 7,21\" />\n            <polyline points=\"7,3 7,8 15,8\" />\n          </svg>\n          {activePreset ? activePreset.name : 'Presets'}\n        </span>\n        <svg\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          style={{\n            transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n            transition: 'transform 0.2s ease',\n          }}\n        >\n          <polyline points=\"6,9 12,15 18,9\" />\n        </svg>\n      </button>\n\n      {/* Dropdown Menu */}\n      {isOpen && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 0,\n            marginTop: '4px',\n            minWidth: '280px',\n            backgroundColor: SEMANTIC_COLORS.bgPrimary,\n            border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n            borderRadius: '8px',\n            boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\n            zIndex: 100000,\n            overflow: 'hidden',\n          }}\n        >\n          {/* Header */}\n          <div\n            style={{\n              padding: '12px 16px',\n              borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n            }}\n          >\n            <span style={{ fontWeight: 600, fontSize: '13px', color: SEMANTIC_COLORS.textPrimary }}>\n              Filter Presets\n            </span>\n            <button\n              onClick={() => setShowSaveDialog(true)}\n              style={{\n                padding: '4px 10px',\n                fontSize: '12px',\n                backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n                color: SEMANTIC_COLORS.actionPrimaryFg,\n                border: 'none',\n                borderRadius: '4px',\n                cursor: 'pointer',\n                fontWeight: 500,\n              }}\n            >\n              + Save Current\n            </button>\n          </div>\n\n          {/* Save Dialog */}\n          {showSaveDialog && (\n            <div\n              style={{\n                padding: '12px 16px',\n                borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              }}\n            >\n              <input\n                type=\"text\"\n                value={newPresetName}\n                onChange={(e) => setNewPresetName(e.target.value)}\n                placeholder=\"Preset name...\"\n                autoFocus\n                style={{\n                  width: '100%',\n                  padding: '8px 10px',\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '4px',\n                  fontSize: '13px',\n                  marginBottom: '8px',\n                  boxSizing: 'border-box',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              />\n              <input\n                type=\"text\"\n                value={newPresetDescription}\n                onChange={(e) => setNewPresetDescription(e.target.value)}\n                placeholder=\"Description (optional)...\"\n                style={{\n                  width: '100%',\n                  padding: '8px 10px',\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '4px',\n                  fontSize: '13px',\n                  marginBottom: '8px',\n                  boxSizing: 'border-box',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              />\n              <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n                <button\n                  onClick={() => {\n                    setShowSaveDialog(false);\n                    setNewPresetName('');\n                    setNewPresetDescription('');\n                  }}\n                  style={{\n                    padding: '6px 12px',\n                    fontSize: '12px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    cursor: 'pointer',\n                    color: SEMANTIC_COLORS.textSecondary,\n                  }}\n                >\n                  Cancel\n                </button>\n                <button\n                  onClick={handleSavePreset}\n                  disabled={!newPresetName.trim()}\n                  style={{\n                    padding: '6px 12px',\n                    fontSize: '12px',\n                    backgroundColor: newPresetName.trim()\n                      ? SEMANTIC_COLORS.statusSuccessBg\n                      : SEMANTIC_COLORS.bgTertiary,\n                    color: newPresetName.trim() ? SEMANTIC_COLORS.actionPrimaryFg : SEMANTIC_COLORS.textTertiary,\n                    border: 'none',\n                    borderRadius: '4px',\n                    cursor: newPresetName.trim() ? 'pointer' : 'not-allowed',\n                    fontWeight: 500,\n                  }}\n                >\n                  Save\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Preset List */}\n          <div style={{ maxHeight: '300px', overflowY: 'auto' }}>\n            {presets.map((preset) => (\n              <div\n                key={preset.id}\n                onClick={() => {\n                  onApplyPreset(preset.id);\n                  setIsOpen(false);\n                }}\n                style={{\n                  padding: '10px 16px',\n                  cursor: 'pointer',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  backgroundColor: activePresetId === preset.id ? SEMANTIC_COLORS.actionPrimaryBgSubtle : 'transparent',\n                  borderLeft:\n                    activePresetId === preset.id\n                      ? `3px solid ${SEMANTIC_COLORS.actionPrimaryBg}`\n                      : '3px solid transparent',\n                  transition: 'background-color 0.15s ease',\n                }}\n                onMouseEnter={(e) => {\n                  if (activePresetId !== preset.id) {\n                    e.currentTarget.style.backgroundColor = SEMANTIC_COLORS.bgSecondary;\n                  }\n                }}\n                onMouseLeave={(e) => {\n                  if (activePresetId !== preset.id) {\n                    e.currentTarget.style.backgroundColor = 'transparent';\n                  }\n                }}\n              >\n                <div style={{ flex: 1 }}>\n                  <div\n                    style={{\n                      fontSize: '13px',\n                      fontWeight: 500,\n                      color: SEMANTIC_COLORS.textPrimary,\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: '6px',\n                    }}\n                  >\n                    {preset.name}\n                    {preset.isDefault && (\n                      <span\n                        style={{\n                          fontSize: '10px',\n                          padding: '2px 6px',\n                          backgroundColor: SEMANTIC_COLORS.bgTertiary,\n                          borderRadius: '4px',\n                          color: SEMANTIC_COLORS.textSecondary,\n                        }}\n                      >\n                        Default\n                      </span>\n                    )}\n                  </div>\n                  {preset.description && (\n                    <div style={{ fontSize: '11px', color: SEMANTIC_COLORS.textTertiary, marginTop: '2px' }}>\n                      {preset.description}\n                    </div>\n                  )}\n                </div>\n\n                {/* Delete button (not for default or system presets) */}\n                {!preset.isDefault && !preset.id.startsWith('preset-last') && !preset.id.startsWith('preset-this') && (\n                  <button\n                    onClick={(e) => handleDeletePreset(e, preset.id)}\n                    style={{\n                      padding: '4px',\n                      backgroundColor: 'transparent',\n                      border: 'none',\n                      cursor: 'pointer',\n                      color: SEMANTIC_COLORS.textTertiary,\n                      borderRadius: '4px',\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'center',\n                    }}\n                    onMouseEnter={(e) => {\n                      e.currentTarget.style.backgroundColor = SEMANTIC_COLORS.statusErrorBgSubtle;\n                      e.currentTarget.style.color = SEMANTIC_COLORS.statusErrorText;\n                    }}\n                    onMouseLeave={(e) => {\n                      e.currentTarget.style.backgroundColor = 'transparent';\n                      e.currentTarget.style.color = SEMANTIC_COLORS.textTertiary;\n                    }}\n                    title=\"Delete preset\"\n                  >\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                      <polyline points=\"3,6 5,6 21,6\" />\n                      <path d=\"M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2\" />\n                    </svg>\n                  </button>\n                )}\n\n                {/* Checkmark for active preset */}\n                {activePresetId === preset.id && (\n                  <svg\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke={SEMANTIC_COLORS.actionPrimaryBg}\n                    strokeWidth=\"3\"\n                    style={{ marginLeft: '8px' }}\n                  >\n                    <polyline points=\"20,6 9,17 4,12\" />\n                  </svg>\n                )}\n              </div>\n            ))}\n\n            {presets.length === 0 && (\n              <div\n                style={{\n                  padding: '20px 16px',\n                  textAlign: 'center',\n                  color: SEMANTIC_COLORS.textTertiary,\n                  fontSize: '13px',\n                }}\n              >\n                No presets saved yet\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default FilterPresetSelector;\n"],"mappings":"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"}
+{"version":3,"file":"FilterPresetSelector.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.tsx"],"sourcesContent":["/**\n * FilterPresetSelector Component\n *\n * Dropdown to select, save, and manage filter presets.\n */\n\nimport React, { useState, useRef, useEffect } from 'react';\nimport type { FilterPreset } from '../../../hooks/useFilterPresets';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FilterPresetSelectorProps {\n  presets: FilterPreset[];\n  activePresetId: string | null;\n  onApplyPreset: (presetId: string) => void;\n  onSavePreset: (name: string, description?: string) => void;\n  onDeletePreset: (presetId: string) => void;\n  disabled?: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function FilterPresetSelector({\n  presets,\n  activePresetId,\n  onApplyPreset,\n  onSavePreset,\n  onDeletePreset,\n  disabled = false,\n}: FilterPresetSelectorProps) {\n  const { t } = useI18n();\n  const [isOpen, setIsOpen] = useState(false);\n  const [showSaveDialog, setShowSaveDialog] = useState(false);\n  const [newPresetName, setNewPresetName] = useState('');\n  const [newPresetDescription, setNewPresetDescription] = useState('');\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const activePreset = presets.find((p) => p.id === activePresetId);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n        setShowSaveDialog(false);\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const handleSavePreset = () => {\n    if (newPresetName.trim()) {\n      onSavePreset(newPresetName.trim(), newPresetDescription.trim() || undefined);\n      setNewPresetName('');\n      setNewPresetDescription('');\n      setShowSaveDialog(false);\n      setIsOpen(false);\n    }\n  };\n\n  const handleDeletePreset = (e: React.MouseEvent, presetId: string) => {\n    e.stopPropagation();\n    if (window.confirm(t('bigconsole.filters.presets.deleteConfirm', 'Are you sure you want to delete this preset?'))) {\n      onDeletePreset(presetId);\n    }\n  };\n\n  return (\n    <div ref={dropdownRef} style={{ position: 'relative', display: 'inline-block' }}>\n      {/* Preset Button */}\n      <button\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        disabled={disabled}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '8px',\n          padding: '8px 14px',\n          backgroundColor: activePreset ? SEMANTIC_COLORS.statusSuccessBgSubtle : SEMANTIC_COLORS.bgPrimary,\n          border: `1px solid ${activePreset ? SEMANTIC_COLORS.statusSuccessBg : SEMANTIC_COLORS.borderDefault}`,\n          borderRadius: '6px',\n          cursor: disabled ? 'not-allowed' : 'pointer',\n          fontSize: '13px',\n          color: activePreset ? SEMANTIC_COLORS.statusSuccessText : SEMANTIC_COLORS.textSecondary,\n          fontWeight: 500,\n          opacity: disabled ? 0.6 : 1,\n          minWidth: '140px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <span style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n            <path d=\"M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z\" />\n            <polyline points=\"17,21 17,13 7,13 7,21\" />\n            <polyline points=\"7,3 7,8 15,8\" />\n          </svg>\n          {activePreset ? activePreset.name : t('bigconsole.filters.presets.buttonLabel', 'Presets')}\n        </span>\n        <svg\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          style={{\n            transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n            transition: 'transform 0.2s ease',\n          }}\n        >\n          <polyline points=\"6,9 12,15 18,9\" />\n        </svg>\n      </button>\n\n      {/* Dropdown Menu */}\n      {isOpen && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 0,\n            marginTop: '4px',\n            minWidth: '280px',\n            backgroundColor: SEMANTIC_COLORS.bgPrimary,\n            border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n            borderRadius: '8px',\n            boxShadow: '0 4px 16px rgba(0,0,0,0.15)',\n            zIndex: 100000,\n            overflow: 'hidden',\n          }}\n        >\n          {/* Header */}\n          <div\n            style={{\n              padding: '12px 16px',\n              borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n            }}\n          >\n            <span style={{ fontWeight: 600, fontSize: '13px', color: SEMANTIC_COLORS.textPrimary }}>\n              {t('bigconsole.filters.presets.header', 'Filter Presets')}\n            </span>\n            <button\n              onClick={() => setShowSaveDialog(true)}\n              style={{\n                padding: '4px 10px',\n                fontSize: '12px',\n                backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n                color: SEMANTIC_COLORS.actionPrimaryFg,\n                border: 'none',\n                borderRadius: '4px',\n                cursor: 'pointer',\n                fontWeight: 500,\n              }}\n            >\n              {t('bigconsole.filters.presets.saveCurrent', '+ Save Current')}\n            </button>\n          </div>\n\n          {/* Save Dialog */}\n          {showSaveDialog && (\n            <div\n              style={{\n                padding: '12px 16px',\n                borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              }}\n            >\n              <input\n                type=\"text\"\n                value={newPresetName}\n                onChange={(e) => setNewPresetName(e.target.value)}\n                placeholder={t('bigconsole.filters.presets.namePlaceholder', 'Preset name...')}\n                autoFocus\n                style={{\n                  width: '100%',\n                  padding: '8px 10px',\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '4px',\n                  fontSize: '13px',\n                  marginBottom: '8px',\n                  boxSizing: 'border-box',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              />\n              <input\n                type=\"text\"\n                value={newPresetDescription}\n                onChange={(e) => setNewPresetDescription(e.target.value)}\n                placeholder={t('bigconsole.filters.presets.descriptionPlaceholder', 'Description (optional)...')}\n                style={{\n                  width: '100%',\n                  padding: '8px 10px',\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '4px',\n                  fontSize: '13px',\n                  marginBottom: '8px',\n                  boxSizing: 'border-box',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              />\n              <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n                <button\n                  onClick={() => {\n                    setShowSaveDialog(false);\n                    setNewPresetName('');\n                    setNewPresetDescription('');\n                  }}\n                  style={{\n                    padding: '6px 12px',\n                    fontSize: '12px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '4px',\n                    cursor: 'pointer',\n                    color: SEMANTIC_COLORS.textSecondary,\n                  }}\n                >\n                  {t('bigconsole.filters.presets.cancel', 'Cancel')}\n                </button>\n                <button\n                  onClick={handleSavePreset}\n                  disabled={!newPresetName.trim()}\n                  style={{\n                    padding: '6px 12px',\n                    fontSize: '12px',\n                    backgroundColor: newPresetName.trim()\n                      ? SEMANTIC_COLORS.statusSuccessBg\n                      : SEMANTIC_COLORS.bgTertiary,\n                    color: newPresetName.trim() ? SEMANTIC_COLORS.actionPrimaryFg : SEMANTIC_COLORS.textTertiary,\n                    border: 'none',\n                    borderRadius: '4px',\n                    cursor: newPresetName.trim() ? 'pointer' : 'not-allowed',\n                    fontWeight: 500,\n                  }}\n                >\n                  {t('bigconsole.filters.presets.save', 'Save')}\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Preset List */}\n          <div style={{ maxHeight: '300px', overflowY: 'auto' }}>\n            {presets.map((preset) => (\n              <div\n                key={preset.id}\n                onClick={() => {\n                  onApplyPreset(preset.id);\n                  setIsOpen(false);\n                }}\n                style={{\n                  padding: '10px 16px',\n                  cursor: 'pointer',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  backgroundColor: activePresetId === preset.id ? SEMANTIC_COLORS.actionPrimaryBgSubtle : 'transparent',\n                  borderLeft:\n                    activePresetId === preset.id\n                      ? `3px solid ${SEMANTIC_COLORS.actionPrimaryBg}`\n                      : '3px solid transparent',\n                  transition: 'background-color 0.15s ease',\n                }}\n                onMouseEnter={(e) => {\n                  if (activePresetId !== preset.id) {\n                    e.currentTarget.style.backgroundColor = SEMANTIC_COLORS.bgSecondary;\n                  }\n                }}\n                onMouseLeave={(e) => {\n                  if (activePresetId !== preset.id) {\n                    e.currentTarget.style.backgroundColor = 'transparent';\n                  }\n                }}\n              >\n                <div style={{ flex: 1 }}>\n                  <div\n                    style={{\n                      fontSize: '13px',\n                      fontWeight: 500,\n                      color: SEMANTIC_COLORS.textPrimary,\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: '6px',\n                    }}\n                  >\n                    {preset.name}\n                    {preset.isDefault && (\n                      <span\n                        style={{\n                          fontSize: '10px',\n                          padding: '2px 6px',\n                          backgroundColor: SEMANTIC_COLORS.bgTertiary,\n                          borderRadius: '4px',\n                          color: SEMANTIC_COLORS.textSecondary,\n                        }}\n                      >\n                        {t('bigconsole.filters.presets.defaultBadge', 'Default')}\n                      </span>\n                    )}\n                  </div>\n                  {preset.description && (\n                    <div style={{ fontSize: '11px', color: SEMANTIC_COLORS.textTertiary, marginTop: '2px' }}>\n                      {preset.description}\n                    </div>\n                  )}\n                </div>\n\n                {/* Delete button (not for default or system presets) */}\n                {!preset.isDefault && !preset.id.startsWith('preset-last') && !preset.id.startsWith('preset-this') && (\n                  <button\n                    onClick={(e) => handleDeletePreset(e, preset.id)}\n                    style={{\n                      padding: '4px',\n                      backgroundColor: 'transparent',\n                      border: 'none',\n                      cursor: 'pointer',\n                      color: SEMANTIC_COLORS.textTertiary,\n                      borderRadius: '4px',\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'center',\n                    }}\n                    onMouseEnter={(e) => {\n                      e.currentTarget.style.backgroundColor = SEMANTIC_COLORS.statusErrorBgSubtle;\n                      e.currentTarget.style.color = SEMANTIC_COLORS.statusErrorText;\n                    }}\n                    onMouseLeave={(e) => {\n                      e.currentTarget.style.backgroundColor = 'transparent';\n                      e.currentTarget.style.color = SEMANTIC_COLORS.textTertiary;\n                    }}\n                    title={t('bigconsole.filters.presets.deletePresetTitle', 'Delete preset')}\n                  >\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                      <polyline points=\"3,6 5,6 21,6\" />\n                      <path d=\"M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2\" />\n                    </svg>\n                  </button>\n                )}\n\n                {/* Checkmark for active preset */}\n                {activePresetId === preset.id && (\n                  <svg\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke={SEMANTIC_COLORS.actionPrimaryBg}\n                    strokeWidth=\"3\"\n                    style={{ marginLeft: '8px' }}\n                  >\n                    <polyline points=\"20,6 9,17 4,12\" />\n                  </svg>\n                )}\n              </div>\n            ))}\n\n            {presets.length === 0 && (\n              <div\n                style={{\n                  padding: '20px 16px',\n                  textAlign: 'center',\n                  color: SEMANTIC_COLORS.textTertiary,\n                  fontSize: '13px',\n                }}\n              >\n                {t('bigconsole.filters.presets.emptyState', 'No presets saved yet')}\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default FilterPresetSelector;\n"],"mappings":"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"}