Add custom icons to stock and coverage filters for better visibility

components/ForecastView.tsx

@@ -3,6 +3,7 @@ import * as XLSX from 'xlsx';
 import { ProductForecastData, FilterState, CombinedKPIs } from '../types';
 import { DownloadIcon, FunnelIcon, TrendingIcon, ChartIcon } from './Icons';
 import { StockBadge } from './StockBadge';
+import { WarehouseIcon, AmazonSmileIcon, CoverageIcon } from './Icons';
 import { Top50Badge } from './Top50Badge';
 import { VendorStockBadge } from './VendorStockBadge';
 import { InColumnStockFilter } from './InColumnStockFilter';
@@ -436,10 +437,29 @@ const ForecastView: React.FC<ForecastViewProps> = ({
                             className="bg-slate-950 border border-white/10 rounded-xl px-4 py-2 text-sm text-white focus:outline-none w-64"
                         />
                         <button onClick={handleExportExcel} className="p-2 bg-slate-800 hover:bg-slate-700 text-white rounded-xl border border-white/5 transition-all"><DownloadIcon /></button>
+                        <InColumnStockFilter
+                            currentFilters={stockFilter}
+                            onFilterChange={onStockFilterChange}
+                            title="Warehouse Stock"
+                            icon={<WarehouseIcon className="w-3.5 h-3.5 text-fuchsia-400" />}
+                        />
+                        <InColumnStockFilter
+                            currentFilters={vendorStockFilter}
+                            onFilterChange={onVendorStockFilterChange}
+                            title="Vendor Stock"
+                            icon={<AmazonSmileIcon className="w-5 h-5 text-amber-500" />}
+                            options={[
+                                'Out of Stock (0)',
+                                'In Stock (>0)',
+                                'In Stock (>20)',
+                                'Low Stock (<10)',
+                            ]}
+                        />
                         <InColumnStockFilter
                             currentFilters={wocFilter}
                             onFilterChange={onWocFilterChange}
                             title="Week Coverage"
+                            icon={<CoverageIcon className="w-3.5 h-3.5 text-emerald-400" />}
                             options={[
                                 '< 4 Weeks',
                                 '> 4 Weeks',