Automatically open and load newly generated 3D models directly into viewer upon completion

frontend/app.js

@@ -710,16 +710,13 @@ generate3dBtn.addEventListener('click', async () => {
                             updateLoader(job.progress || 10, job.status === 'pending' ? 'En cola de espera...' : 'Procesando en segundo plano...', job.message || 'Generando modelo 3D...');
                         } else if (job.status === 'completed') {
                             clearInterval(pollInterval);
+                            statusOverlay.classList.remove('active');
                             
                             const data = job.result;
                             if (data.gltfUrl && data.glbUrl) {
-                                sessionStorage.setItem('pendingModelToLoad', JSON.stringify({
-                                    gltfUrl: data.gltfUrl,
-                                    downloadUrl: data.glbUrl,
-                                    fbxUrl: data.fbxUrl,
-                                    detectedCategory: data.detectedCategory
-                                }));
-                                window.location.reload();
+                                refreshGallery();
+                                showCustomToast('¡Modelo 3D generado y cargado con éxito!', 'success');
+                                load3DModel(data.gltfUrl, data.glbUrl, data.fbxUrl, data.detectedCategory);
                             } else {
                                 throw new Error('El resultado de la tarea no contiene las URLs de modelo esperadas.');
                             }

frontend/viewer.html

@@ -1432,20 +1432,18 @@
                                 clearInterval(pollInterval);
                                 creatorStatus.style.display = 'none';
                                 btnCreate3DMobile.disabled = false;
-                                
-                                alert('¡Modelo 3D creado con éxito! Se ha añadido a tu biblioteca.');
-                                
-                                creatorContainer.style.display = 'none';
-                                galleryContainer.style.display = 'flex';
-                                const mobNavigation = document.getElementById('mobNavigation');
-                                const mobGalleryHeader = document.getElementById('mobGalleryHeader');
-                                const mobFilterTabs = document.getElementById('mobFilterTabs');
-                                if (mobNavigation) mobNavigation.style.display = 'flex';
-                                if (mobGalleryHeader) mobGalleryHeader.style.display = 'block';
-                                if (mobFilterTabs) mobFilterTabs.style.display = 'flex';
-                                if (navTabGallery) setMobNavActive(navTabGallery);
                                 resetCreatorState();
                                 fetchGallery();
+                                fetchUserInfo();
+                                
+                                const resData = job.result;
+                                const modelUrl = resData ? (resData.gltfUrl || resData.glbUrl) : null;
+                                if (modelUrl) {
+                                    const absoluteUrl = modelUrl.startsWith('http') ? modelUrl : `${apiBase}${modelUrl}`;
+                                    loadModelInViewer(absoluteUrl);
+                                } else {
+                                    alert('¡Modelo 3D creado con éxito! Se ha añadido a tu biblioteca.');
+                                }
                             } else if (job.status === 'failed') {
                                 clearInterval(pollInterval);
                                 throw new Error(job.message || job.error || 'La generación 3D falló.');