feat: mount /tmp directory and add client-side fallback logic for image previews

app.py

@@ -342,8 +342,9 @@ def extract_glb_api(state_path: str, decimation_target: int, texture_size: int)
     glb.export(out_glb, extension_webp=True)
     return FileData(path=out_glb)
 
-# Mount assets and tmp for direct access if needed (though FileData handles it)
+# Mount assets and tmp for direct access
 app.mount("/assets", StaticFiles(directory="assets"), name="assets")
+app.mount("/tmp", StaticFiles(directory=TMP_DIR), name="tmp")
 
 if __name__ == "__main__":
     # Re-install utils3d as in original app.py

index.html

@@ -810,9 +810,22 @@
             Object.entries(renderPaths).forEach(([mode, files]) => {
                 files.forEach((file, i) => {
                     const img = document.createElement('img');
-                    img.src = file.url;
+                    // Try the URL from Gradio, fallback to our mounted /tmp route if it's an absolute local path
+                    let url = file.url;
+                    if (!url && file.path) {
+                        const filename = file.path.split(/[\\/]/).pop();
+                        url = `/tmp/${filename}`;
+                    }
+                    img.src = url;
                     img.className = 'preview-frame';
                     img.id = `frame-${mode}-${i}`;
+                    img.onerror = () => {
+                        // Fallback attempt if the first URL fails
+                        const filename = file.path ? file.path.split(/[\\/]/).pop() : null;
+                        if (filename && !img.src.includes('/tmp/')) {
+                            img.src = `/tmp/${filename}`;
+                        }
+                    };
                     container.appendChild(img);
                 });
             });