feat: add texture diagnostics to viewer

components/upload/FolderCard.tsx

@@ -4,6 +4,7 @@ import { formatBytes } from '@/lib/format-bytes'
 import { SpinnerIcon, CheckIcon, XIcon, ChevronIcon, WarningIcon } from '@/components/ui/icons'
 import DriveStatusLine from './DriveStatusLine'
 import WarningBanner from './WarningBanner'
+import TextureDiagnosticsPanel from './TextureDiagnosticsPanel'
 
 const ModelViewer = dynamic(() => import('../ModelViewer'), { ssr: false })
 
@@ -101,12 +102,15 @@ export default function FolderCard({ entry, index, onToggleViewer, onRemove }: F
             entry.viewerOpen ? 'max-h-[500px] opacity-100 mt-2' : 'max-h-0 opacity-0 pointer-events-none'
           }`}
         >
-          <ModelViewer
-            url={entry.modelUrl}
-            assetUrls={entry.assetUrls}
-            filename={entry.modelFile.name}
-            size={formatBytes(entry.modelFile.size)}
-          />
+          <div className="grid gap-2 lg:grid-cols-[18rem_minmax(0,1fr)] lg:items-start">
+            <TextureDiagnosticsPanel report={entry.textureReport} />
+            <ModelViewer
+              url={entry.modelUrl}
+              assetUrls={entry.assetUrls}
+              filename={entry.modelFile.name}
+              size={formatBytes(entry.modelFile.size)}
+            />
+          </div>
         </div>
       )}
     </div>