fix: file type detection for json/yaml/markdown, reset collapse state on file change

Author: DevanshuNEU

frontend/src/components/DependencyGraph/GraphNode.tsx

@@ -69,16 +69,17 @@ const RISK_CONFIG: Record<RiskLevel, { variant: 'default' | 'secondary' | 'destr
 
 function getFileType(path: string, language: string): string {
   const fileName = path.split('/').pop() || ''
-  
-  if (fileName.includes('.test.') || fileName.includes('_test.') || fileName.includes('.spec.')) {
+  const lower = fileName.toLowerCase()
+  const ext = lower.split('.').pop() || ''
+
+  if (lower.includes('.test.') || lower.includes('_test.') || lower.includes('.spec.')) {
     return 'test'
   }
-  if (fileName.includes('config') || fileName.endsWith('.json') || fileName.endsWith('.yaml') || fileName.endsWith('.yml')) {
-    return 'config'
-  }
-  if (['python', 'javascript', 'typescript'].includes(language)) {
-    return language
-  }
+  if (ext === 'json') return 'json'
+  if (ext === 'yaml' || ext === 'yml') return 'yaml'
+  if (ext === 'md' || ext === 'markdown') return 'markdown'
+  if (lower.includes('config')) return 'config'
+  if (['python', 'javascript', 'typescript'].includes(language)) return language
   return 'unknown'
 }
 

frontend/src/components/DependencyGraph/ImpactPanel.tsx

@@ -1,4 +1,4 @@
-import { memo, useState } from 'react'
+import { memo, useState, useEffect } from 'react'
 import { 
   X, 
   ChevronDown, 
@@ -115,6 +115,11 @@ function CollapsibleSection({
 }) {
   const [isOpen, setIsOpen] = useState(defaultOpen)
 
+  // Reset collapse state when file selection changes
+  useEffect(() => {
+    setIsOpen(defaultOpen)
+  }, [defaultOpen, files])
+
   const variantStyles = {
     direct: 'text-rose-600 dark:text-rose-400',
     transitive: 'text-amber-600 dark:text-amber-400',