AIMS Filter

A comprehensive filter panel designed for the AIMS platform. Supports Standard and Advanced modes for filtering sessions, users, time ranges, sentiment, and more.

Overview

The AIMS Filter component provides a flexible filtering interface with collapsible sections and toggle switches for each filter option.

Standard Mode

Standard mode includes a global search field and filter sections for Users, Time, Sentiment, and Language.

Filter Sections

Users: Filter by VIP status
Time: Filter by session duration (< 1, 2, or 3 minutes)
Sentiment: Filter by positive, negative, or neutral sentiment
Language: Filter by language (English)

Advanced Mode

Advanced mode provides additional filtering options for Value Stream and Category Type.

Filter Sections

Users: Filter by VIP status
Value Stream: Filter by Assurance, Billing, or Fulfillment
Category Type: Filter by Enquiry, Negative, or Neutral

Usage

Import and use the AIMSFilter component in your application.

import { AIMSFilter } from "@/components/aims-filter";

export function MyPage() {
  return (
    <AIMSFilter
      onFilterChange={(filters) => {
        console.log("Filters changed:", filters);
      }}
    />
  );
}