Fix Vendor filters: add year, date range, and ASIN search

- Add year filter with multi-select dropdown
- Add date range pickers (from/to)
- Fix tags filter using ilike for partial matching
- Add clear filters button
- Update supabase service with proper year filtering

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

services/supabase.ts

@@ -23,6 +23,7 @@ export interface VendorFilters {
   asins?: string[];
   dateFrom?: string;
   dateTo?: string;
+  years?: number[];
 }
 
 export const fetchVendorData = async (filters: VendorFilters): Promise<VendorDailyRow[]> => {
@@ -42,7 +43,8 @@ export const fetchVendorData = async (filters: VendorFilters): Promise<VendorDai
       query = query.in('market', filters.markets);
     }
     if (filters.tags?.length) {
-      query = query.in('tags', filters.tags);
+      // Use ilike for partial match on tags
+      query = query.or(filters.tags.map(t => `tags.ilike.%${t}%`).join(','));
     }
     if (filters.asins?.length) {
       query = query.in('asin', filters.asins);
@@ -53,6 +55,21 @@ export const fetchVendorData = async (filters: VendorFilters): Promise<VendorDai
     if (filters.dateTo) {
       query = query.lte('date', filters.dateTo);
     }
+    if (filters.years?.length) {
+      // Filter by year using date range
+      const yearFilters = filters.years.map(y => ({
+        from: `${y}-01-01`,
+        to: `${y}-12-31`
+      }));
+      const dateConditions = yearFilters.flatMap(f => [
+        `date.gte.${f.from}`,
+        `date.lte.${f.to}`
+      ]);
+      // Build OR condition for multiple years
+      query = query.or(
+        filters.years.map(y => `and(date.gte.${y}-01-01,date.lte.${y}-12-31)`).join(',')
+      );
+    }
 
     const { data, error } = await query;
     if (error) throw error;