testing changes with virtual file cleanup

src/components/moderation/DetailedViewCollapsible.tsx

@@ -10,6 +10,7 @@ interface DetailedViewCollapsibleProps {
   children: React.ReactNode;
   fieldCount?: number;
   className?: string;
+  staggerIndex?: number;
 }
 
 /**
@@ -21,8 +22,11 @@ export function DetailedViewCollapsible({
   onToggle,
   children,
   fieldCount,
-  className
+  className,
+  staggerIndex = 0
 }: DetailedViewCollapsibleProps) {
+  // Calculate stagger delay: 50ms per item, max 300ms
+  const staggerDelay = Math.min(staggerIndex * 50, 300);
   return (
     <Collapsible open={!isCollapsed} onOpenChange={() => onToggle()}>
       <div className={cn("mt-6 pt-6 border-t", className)}>
@@ -59,7 +63,13 @@ export function DetailedViewCollapsible({
           </Button>
         </CollapsibleTrigger>
         
-        <CollapsibleContent className="mt-3">
+        <CollapsibleContent 
+          className="mt-3"
+          style={{
+            animationDelay: `${staggerDelay}ms`,
+            transitionDelay: `${staggerDelay}ms`
+          }}
+        >
           {children}
         </CollapsibleContent>
       </div>