From bfc303479c016d2c110b233baa4356f2e9809e32 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 14 May 2026 16:43:25 +0000
Subject: [PATCH] Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
---
 src/pages/Index.tsx | 22 +++++++++-------------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index d303ac2..6e570c2 100644
--- a/src/pages/Index.tsx
+++ b/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