feat: Add manual re-validation button

src/components/moderation/ValidationSummary.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState, useMemo } from 'react';
-import { AlertCircle, CheckCircle, Info, AlertTriangle } from 'lucide-react';
+import { AlertCircle, CheckCircle, Info, AlertTriangle, RefreshCw } from 'lucide-react';
 import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
 import { validateEntityData, ValidationResult } from '@/lib/entityValidationSchemas';
@@ -13,12 +14,14 @@ interface ValidationSummaryProps {
   };
   onValidationChange?: (result: ValidationResult) => void;
   compact?: boolean;
+  validationKey?: number;
 }
 
-export function ValidationSummary({ item, onValidationChange, compact = false }: ValidationSummaryProps) {
+export function ValidationSummary({ item, onValidationChange, compact = false, validationKey }: ValidationSummaryProps) {
   const [validationResult, setValidationResult] = useState<ValidationResult | null>(null);
   const [isLoading, setIsLoading] = useState(true);
   const [isExpanded, setIsExpanded] = useState(false);
+  const [manualTriggerCount, setManualTriggerCount] = useState(0);
 
   // Create stable reference for item_data to prevent unnecessary re-validations
   const itemDataString = useMemo(
@@ -68,7 +71,7 @@ export function ValidationSummary({ item, onValidationChange, compact = false }:
     }
 
     validate();
-  }, [item.item_type, itemDataString, item.id]);
+  }, [item.item_type, itemDataString, item.id, validationKey, manualTriggerCount]);
 
   // Auto-expand when there are blocking errors or warnings
   useEffect(() => {
@@ -158,7 +161,7 @@ export function ValidationSummary({ item, onValidationChange, compact = false }:
   return (
     <div className="space-y-3">
       {/* Summary Badge */}
-      <div className="flex items-center gap-2">
+      <div className="flex items-center gap-2 flex-wrap">
         {validationResult.isValid && !hasWarnings && !hasSuggestions && (
           <Badge variant="secondary" className="bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300 border-green-300 dark:border-green-700">
             <CheckCircle className="w-4 h-4 mr-1" />
@@ -183,6 +186,16 @@ export function ValidationSummary({ item, onValidationChange, compact = false }:
             {validationResult.suggestions.length} Suggestion{validationResult.suggestions.length !== 1 ? 's' : ''}
           </Badge>
         )}
+        
+        <Button
+          variant="outline"
+          size="sm"
+          onClick={() => setManualTriggerCount(prev => prev + 1)}
+          className="text-xs h-7"
+        >
+          <RefreshCw className="w-3 h-3 mr-1" />
+          Re-validate
+        </Button>
       </div>
 
       {/* Detailed Issues */}