Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>

src/pages/Index.tsx

@@ -171,20 +171,16 @@ const Index = () => {
         </div>
 
 
-        {model &&
-        <div className="rounded-lg border border-primary/30 bg-primary/5 p-4 glow-primary">
-            <div className="flex items-center gap-3">
-              <Box className="h-5 w-5 text-primary" />
-              <div className="min-w-0 flex-1">
-                <p className="truncate font-mono text-sm font-medium text-foreground">{model.fileName}</p>
-                <p className="text-xs text-muted-foreground">
-                  {(model.fileSize / (1024 * 1024)).toFixed(2)} MB
-                </p>
-              </div>
-              <CheckCircle className="h-5 w-5 text-success shrink-0" />
-            </div>
+        {models.length > 0 && (
+          <div className="rounded-lg border border-primary/30 bg-primary/5 p-3 glow-primary">
+            <SceneModelList />
+            <p className="mt-2 text-center font-mono text-[10px] text-muted-foreground">
+              {models.length < maxModels
+                ? `Você pode adicionar mais ${maxModels - models.length} peça(s) à cena`
+                : `Limite de ${maxModels} peças simultâneas atingido`}
+            </p>
           </div>
-        }
+        )}
 
         {/* Enter viewer */}
         <Button