Segment Filtering System

Overview

The CeramicCRM segment filtering and view system provides comprehensive filtering capabilities and flexible viewing options for segment management. This feature enhances user experience by enabling powerful search, filtering, and presentation options for segment collections.

Features

1. Comprehensive Filter System

Search & Text Filtering

• Global Search: Filter segments by name or description with debounced input (300ms)
• Intelligent Matching: Case-insensitive search across segment names and descriptions
• Real-time Results: Instant feedback as users type search queries

Status & Type Filtering

• Status Filter: Filter by segment status (All/Active/Draft/Archived)
• Type Filter: Filter by segment type (All/Static/Dynamic)
• Clear State Indicators: Visual badges show active filter selections

Numeric Range Filtering

• Segment Size: Filter by minimum and maximum profile count
• Conditions Count: Filter by number of segment conditions
• Input Validation: Prevents negative values and enforces reasonable limits

Date-Based Filtering

• Created Date: Filter segments by creation date range
• Updated Date: Filter segments by last modification date
• Last Calculated: Filter segments by last calculation date
• Calendar Interface: User-friendly date picker for range selection

Tag-Based Filtering

• Multi-Select Tags: Filter by one or multiple segment tags
• Badge Interface: Clear visual representation of selected tags
• Flexible Matching: Segments matching any selected tag are included

2. Dual View System

Cards View (Default)

• Visual layout with rich card presentation
• Growth indicators for segment trends
• Direct access to edit, calculate, and duplicate actions
• Responsive design across screen sizes

List View (Table)

• Compact table format for viewing more segments at once
• Sortable columns (name, status, size, etc.)
• Pagination for large collections
• Quick actions dropdown menu

3. Filter Management

Active Filter Tracking

• Count badges showing number of active filters
• One-click option to reset all filters
• Filter selections maintained during view switches

User Experience

Filter Interface

1. Filter Button: Opens slide-out filter panel
2. Search Bar: Immediate text filtering with clear button
3. Dropdown Selectors: Status and type filtering with clear options
4. Range Inputs: Numeric inputs with validation and placeholders
5. Date Pickers: Calendar interfaces for date range selection
6. Tag Selection: Multi-select interface with visual badges

View Switching

1. Toggle Controls: Icon-based selection between list and cards
2. Instant Transitions: No loading states between view modes
3. Consistent Data: Same filtered results across both views
4. State Persistence: View preference maintained during session

Usage Guidelines

Best Practices

• Start Broad: Begin with general searches, then narrow with specific filters
• Combine Filters: Use multiple filter types for precise segment discovery
• Monitor Performance: Large filter combinations may slow client-side processing
• Clear Regularly: Reset filters when changing search contexts

Common Workflows

1. Find by Name: Use search to quickly locate specific segments
2. Status Review: Filter by status to review draft or archived segments
3. Size Analysis: Use size filters to identify large or small segments
4. Recent Work: Filter by date to find recently created or updated segments
5. Tag Organization: Use tag filters to group related segments

View Selection

• Cards View: Best for visual browsing and metric comparison
• List View: Optimal for bulk operations and quick scanning