Fix TypeScript errors in experiments feature

- Add experimentMap/onOpenExperiment props to WeeklyRow component
- Export VendorDailyRow type from supabase.ts
- Fix type errors in experiments.ts (unknown[] to string[])
- Add type annotation for allAsins in App.tsx

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

components/ExperimentBadge.tsx

@@ -7,25 +7,24 @@ interface ExperimentBadgeProps {
   onClick?: (experimentId: string) => void;
 }
 
+const getStatusBadge = (status: ExperimentStatus) => {
+  switch (status) {
+    case 'active': return '🟢';
+    case 'planned': return '🟡';
+    case 'completed': return '⚪';
+    case 'paused': return '⏸️';
+  }
+};
+
 export const ExperimentBadge: React.FC<ExperimentBadgeProps> = ({ experiments, onClick }) => {
   if (!experiments || experiments.length === 0) return null;
 
   const activeExp = experiments.find(e => e.status === 'active');
   const plannedExp = experiments.find(e => e.status === 'planned');
-  const hasPast = experiments.some(e => e.status === 'completed' || e.status === 'paused');
 
   // Priority: active > planned > past
   const displayExp = activeExp || plannedExp || experiments[0];
 
-  const getStatusBadge = (status: ExperimentStatus) => {
-    switch (status) {
-      case 'active': return '🟢';
-      case 'planned': return '🟡';
-      case 'completed': return '⚪';
-      case 'paused': return '⏸️';
-    }
-  };
-
   const daysText = displayExp.days_remaining !== undefined
     ? displayExp.days_remaining > 0
       ? `${displayExp.days_remaining}d left`

components/WeeklyGrid.tsx

@@ -159,7 +159,9 @@ const WeeklyRow: React.FC<{
     velocityMap?: Map<string, number>;
     buyBoxLostMap?: Map<string, { countries: string[]; reasons: Record<string, string> }>;
     primaryMetric: 'units' | 'revenue';
-}> = React.memo(({ row, weeks, onDrillDown, stockMap, top50Ranking, top50Mode, sortConfig, renderGrowth, customerFilters, vendorStockMap, velocityMap, buyBoxLostMap, primaryMetric }) => {
+    experimentMap?: Map<string, ActiveExperiment[]>;
+    onOpenExperiment?: (experimentId: string) => void;
+}> = React.memo(({ row, weeks, onDrillDown, stockMap, top50Ranking, top50Mode, sortConfig, renderGrowth, customerFilters, vendorStockMap, velocityMap, buyBoxLostMap, primaryMetric, experimentMap, onOpenExperiment }) => {
     const ranks: { rank: number; label: string; theme: 'amber' | 'blue' | 'indigo' }[] = [];
     const asin = row.asin.trim().toUpperCase();
 
@@ -346,7 +348,9 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
     customerFilters,
     top50Mode,
     velocityMap,
-    buyBoxLostMap
+    buyBoxLostMap,
+    experimentMap,
+    onOpenExperiment
 }) => {
     // Pivot data - memoized
     const { rows, weeks: allWeeks } = useMemo(() => pivotWeeklySalesData(data), [data]);
@@ -1030,6 +1034,8 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
                                                     velocityMap={velocityMap}
                                                     buyBoxLostMap={buyBoxLostMap}
                                                     primaryMetric={primaryMetric}
+                                                    experimentMap={experimentMap}
+                                                    onOpenExperiment={onOpenExperiment}
                                                 />
                                             ))}
                                             {displayCount < sortedRows.length && (