@2112-lab/central-plant 0.1.78 → 0.1.80

package/dist/cjs/src/managers/environment/environmentManager.js

@@ -33,173 +33,88 @@ var EnvironmentManager = /*#__PURE__*/function () {
     this.sceneViewer = sceneViewer;
   }
 
+  // ──────────────────────────────────────────────
+  //  Skybox / environment map
+  // ──────────────────────────────────────────────
+
   /**
-   * Create skybox with HDR environment mapping
+   * Create a lightweight procedural sky (default).
+   *
+   * Builds a gradient-sky sphere + hemisphere light, then bakes a small
+   * PMREM environment map for PBR reflections.  Total GPU cost is ~1-2 MB
+   * compared to ~50-70 MB for the previous HDR pipeline.
    */
   return _rollupPluginBabelHelpers.createClass(EnvironmentManager, [{
     key: "createSkybox",
-    value: (function () {
+    value: function () {
       var _createSkybox = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
-        var component, pmremGenerator, loaders, applyEnvironmentMap, _loop, _ret, _i, _loaders, ambientLight, skyScene;
-        return _rollupPluginBabelHelpers.regenerator().w(function (_context3) {
-          while (1) switch (_context3.n) {
+        var component, _t;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
             case 0:
               component = this.sceneViewer;
-              pmremGenerator = new THREE__namespace.PMREMGenerator(component.renderer);
-              pmremGenerator.compileEquirectangularShader();
-              loaders = [{
-                type: 'hdr',
-                loader: new RGBELoader.RGBELoader(),
-                paths: ['/skyboxes/kloofendal_48d_partly_cloudy_puresky_2k.hdr', '/skyboxes/kloofendal_48d_partly_cloudy_puresky_1k.hdr']
-              }, {
-                type: 'jpeg',
-                loader: component.textureLoader,
-                paths: ['/skyboxes/sky_fallback.jpg']
-              }];
-              applyEnvironmentMap = function applyEnvironmentMap(envTexture, type) {
-                try {
-                  var _component$scene$envi, _component$scene$back;
-                  envTexture.mapping = THREE__namespace.EquirectangularReflectionMapping;
-                  var processedEnvMap = pmremGenerator.fromEquirectangular(envTexture).texture;
-                  if ((_component$scene$envi = component.scene.environment) !== null && _component$scene$envi !== void 0 && _component$scene$envi.dispose) component.scene.environment.dispose();
-                  if ((_component$scene$back = component.scene.background) !== null && _component$scene$back !== void 0 && _component$scene$back.dispose) component.scene.background.dispose();
-                  component.scene.environment = processedEnvMap;
-                  component.scene.background = processedEnvMap;
-                  envTexture.dispose();
-                  console.log("\u2705 ".concat(type.toUpperCase(), " environment map applied successfully"));
-                  return true;
-                } catch (error) {
-                  console.warn("\u274C Failed to apply ".concat(type, " environment map:"), error);
-                  return false;
-                }
-              };
-              _loop = /*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _loop() {
-                var _loaders$_i, type, loader, paths, _iterator, _step, _loop2, _ret2, _t2;
-                return _rollupPluginBabelHelpers.regenerator().w(function (_context2) {
-                  while (1) switch (_context2.n) {
-                    case 0:
-                      _loaders$_i = _loaders[_i], type = _loaders$_i.type, loader = _loaders$_i.loader, paths = _loaders$_i.paths;
-                      _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(paths);
-                      _context2.p = 1;
-                      _loop2 = /*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _loop2() {
-                        var path, texture, _t;
-                        return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
-                          while (1) switch (_context.n) {
-                            case 0:
-                              path = _step.value;
-                              _context.p = 1;
-                              console.log("\uD83D\uDD04 Attempting to load ".concat(type.toUpperCase(), ": ").concat(path));
-                              _context.n = 2;
-                              return new Promise(function (resolve, reject) {
-                                var timeout = setTimeout(function () {
-                                  return reject(new Error('Timeout'));
-                                }, 10000);
-                                loader.load(path, function (tex) {
-                                  clearTimeout(timeout);
-                                  resolve(tex);
-                                }, undefined, function (err) {
-                                  clearTimeout(timeout);
-                                  reject(err);
-                                });
-                              });
-                            case 2:
-                              texture = _context.v;
-                              if (!applyEnvironmentMap(texture, type)) {
-                                _context.n = 3;
-                                break;
-                              }
-                              pmremGenerator.dispose();
-                              return _context.a(2, {
-                                v: {
-                                  v: void 0
-                                }
-                              });
-                            case 3:
-                              _context.n = 5;
-                              break;
-                            case 4:
-                              _context.p = 4;
-                              _t = _context.v;
-                              console.warn("\u26A0\uFE0F Failed to load ".concat(path, ":"), _t.message);
-                            case 5:
-                              return _context.a(2);
-                          }
-                        }, _loop2, null, [[1, 4]]);
-                      });
-                      _iterator.s();
-                    case 2:
-                      if ((_step = _iterator.n()).done) {
-                        _context2.n = 5;
-                        break;
-                      }
-                      return _context2.d(_rollupPluginBabelHelpers.regeneratorValues(_loop2()), 3);
-                    case 3:
-                      _ret2 = _context2.v;
-                      if (!_ret2) {
-                        _context2.n = 4;
-                        break;
-                      }
-                      return _context2.a(2, _ret2.v);
-                    case 4:
-                      _context2.n = 2;
-                      break;
-                    case 5:
-                      _context2.n = 7;
-                      break;
-                    case 6:
-                      _context2.p = 6;
-                      _t2 = _context2.v;
-                      _iterator.e(_t2);
-                    case 7:
-                      _context2.p = 7;
-                      _iterator.f();
-                      return _context2.f(7);
-                    case 8:
-                      return _context2.a(2);
-                  }
-                }, _loop, null, [[1, 6, 7, 8]]);
-              });
-              _i = 0, _loaders = loaders;
-            case 1:
-              if (!(_i < _loaders.length)) {
-                _context3.n = 4;
-                break;
-              }
-              return _context3.d(_rollupPluginBabelHelpers.regeneratorValues(_loop()), 2);
+              _context.p = 1;
+              _context.n = 2;
+              return this._applyProceduralSky(component);
             case 2:
-              _ret = _context3.v;
-              if (!_ret) {
-                _context3.n = 3;
-                break;
-              }
-              return _context3.a(2, _ret.v);
-            case 3:
-              _i++;
-              _context3.n = 1;
+              console.log('✅ Procedural sky environment applied');
+              _context.n = 4;
               break;
+            case 3:
+              _context.p = 3;
+              _t = _context.v;
+              console.warn('⚠️ Procedural sky failed, applying plain color fallback:', _t);
+              this.setColorBackground();
             case 4:
-              console.log('🎨 Using procedural sky fallback');
-              ambientLight = new THREE__namespace.AmbientLight(0xffffff, 0.6);
-              component.scene.add(ambientLight);
-              skyScene = new THREE__namespace.Scene(); // Create hemisphere light with Z-up orientation - sky color up, ground color down
-              skyScene.add(new THREE__namespace.HemisphereLight(0x87CEEB, 0x444477, 1));
-              component.scene.environment = pmremGenerator.fromScene(skyScene).texture;
-              component.scene.background = new THREE__namespace.Color(0x87CEEB);
-              pmremGenerator.dispose();
-            case 5:
-              return _context3.a(2);
+              return _context.a(2);
           }
-        }, _callee, this);
+        }, _callee, this, [[1, 3]]);
       }));
       function createSkybox() {
         return _createSkybox.apply(this, arguments);
       }
       return createSkybox;
     }()
+    /**
+     * Build a procedural sky environment.
+     *
+     * Uses two separate, lightweight resources:
+     *  - **Background**: Canvas-rendered gradient texture mapped as equirectangular
+     *    (512 × 256 px ≈ 0.5 MB GPU).
+     *  - **Environment**: PMREM baked from a HemisphereLight scene for PBR IBL
+     *    reflections (~1 MB GPU).
+     *
+     * Custom ShaderMaterials are intentionally avoided inside the PMREM pipeline
+     * because `PMREMGenerator.fromScene()` uses its own cube-face cameras that
+     * can produce black output with non-standard shaders.
+     * @private
+     */
+  }, {
+    key: "_applyProceduralSky",
+    value: function _applyProceduralSky(component) {
+      var _component$scene$envi, _component$scene$back;
+      // Dispose of existing textures
+      if ((_component$scene$envi = component.scene.environment) !== null && _component$scene$envi !== void 0 && _component$scene$envi.dispose) component.scene.environment.dispose();
+      if ((_component$scene$back = component.scene.background) !== null && _component$scene$back !== void 0 && _component$scene$back.dispose) component.scene.background.dispose();
+
+      // ── 1. Solid-colour background ──────────────────────────────────────────
+      // A plain THREE.Color is coordinate-system agnostic (no equirectangular
+      // mapping that assumes Y-up), cheap (zero GPU textures), and looks clean.
+      component.scene.background = new THREE__namespace.Color(0xbcddeb); // light sky blue
+
+      // ── 2. PMREM env-map from HemisphereLight for PBR IBL reflections ───────
+      // Intensity must be high enough to light MeshPhysicalMaterial surfaces
+      // that the directional lights don't reach evenly (wall backs, crevices).
+      var pmremGenerator = new THREE__namespace.PMREMGenerator(component.renderer);
+      var lightScene = new THREE__namespace.Scene();
+      lightScene.add(new THREE__namespace.HemisphereLight(0xbcddeb, 0x444477, 3.0));
+      component.scene.environment = pmremGenerator.fromScene(lightScene).texture;
+      pmremGenerator.dispose();
+    }
+
     /**
      * Setup scene lighting
      */
-    )
   }, {
     key: "setupLighting",
     value: function setupLighting() {
@@ -225,15 +140,27 @@ var EnvironmentManager = /*#__PURE__*/function () {
       component.scene.add(sunLight);
       // component.scene.add(sunLight.target)
 
-      // // Ambient hemispheric light
-      // const ambientLight = new THREE.HemisphereLight(0xffffff, 0x444466, 0.35)
-      // component.scene.add(ambientLight)
+      // Flat ambient light – ensures no surface is ever fully black regardless
+      // of orientation.  Low intensity so it doesn't wash out lit surfaces.
+      var flatAmbient = new THREE__namespace.AmbientLight(0xffffff, 1.0);
+      component.scene.add(flatAmbient);
+
+      // Hemispheric ambient – adds sky/ground colour tint on surfaces the
+      // directional lights miss (essential without an HDR environment map).
+      var ambientLight = new THREE__namespace.HemisphereLight(0xffffff, 0x444466, 1.0);
+      component.scene.add(ambientLight);
 
       // Fill light (secondary directional light) - adjusted for Z-up coordinate system with flipped Y
-      var fillLight = new THREE__namespace.DirectionalLight(0xffffff, 2.0);
+      var fillLight = new THREE__namespace.DirectionalLight(0xffffff, 3.0);
       fillLight.position.set(10, -10, 10); // X=-10, Y=-10 (flipped), Z=10 (up in Z-up system)
       component.scene.add(fillLight);
 
+      // Back-fill light – illuminates rear-facing walls and equipment backs
+      // that the sun and primary fill can't reach.
+      var backFillLight = new THREE__namespace.DirectionalLight(0xddeeff, 3.0);
+      backFillLight.position.set(-10, 10, 8);
+      component.scene.add(backFillLight);
+
       // // Rim light (for edge definition)
       // const rimLight = new THREE.DirectionalLight(0xffffff, 0.9)
       // rimLight.position.set(0, 0, -20)
@@ -262,9 +189,9 @@ var EnvironmentManager = /*#__PURE__*/function () {
     key: "addTexturedGround",
     value: (function () {
       var _addTexturedGround = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2() {
-        var component, groundSize, groundGeometry, groundMaterial, ground, texturedMaterial, _t3;
-        return _rollupPluginBabelHelpers.regenerator().w(function (_context4) {
-          while (1) switch (_context4.n) {
+        var component, groundSize, groundGeometry, groundMaterial, ground, texturedMaterial, _t2;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
             case 0:
               component = this.sceneViewer;
               console.debug('Starting addTexturedGround...');
@@ -283,23 +210,23 @@ var EnvironmentManager = /*#__PURE__*/function () {
               ground.uuid = 'GROUND'; // Set UUID to match JSON data structure
               ground.userData.isBaseGround = true;
               component.scene.add(ground);
-              _context4.p = 1;
+              _context2.p = 1;
               console.debug('Loading concrete texture set...');
-              _context4.n = 2;
+              _context2.n = 2;
               return textureConfig.loadTextureSetAndCreateMaterial('gravel_embedded_concrete', component.textureLoader);
             case 2:
-              texturedMaterial = _context4.v;
+              texturedMaterial = _context2.v;
               ground.material = texturedMaterial;
               ground.material.needsUpdate = true;
               console.log('✅ Ground material updated with textures');
-              _context4.n = 4;
+              _context2.n = 4;
               break;
             case 3:
-              _context4.p = 3;
-              _t3 = _context4.v;
-              console.warn('Error loading ground textures:', _t3);
+              _context2.p = 3;
+              _t2 = _context2.v;
+              console.warn('Error loading ground textures:', _t2);
             case 4:
-              return _context4.a(2);
+              return _context2.a(2);
           }
         }, _callee2, this, [[1, 3]]);
       }));
@@ -316,9 +243,9 @@ var EnvironmentManager = /*#__PURE__*/function () {
     key: "addBrickWalls",
     value: (function () {
       var _addBrickWalls = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3() {
-        var component, wallHeight, wallThickness, groundSize, halfGroundSize, brickMaterial, createWalls, texturedBrickMaterial, _t4;
-        return _rollupPluginBabelHelpers.regenerator().w(function (_context5) {
-          while (1) switch (_context5.n) {
+        var component, wallHeight, wallThickness, groundSize, halfGroundSize, brickMaterial, createWalls, texturedBrickMaterial, _t3;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
             case 0:
               component = this.sceneViewer;
               console.debug('Starting addBrickWalls...');
@@ -420,12 +347,12 @@ var EnvironmentManager = /*#__PURE__*/function () {
               };
               createWalls(brickMaterial);
               console.debug('Basic brick walls created');
-              _context5.p = 1;
+              _context3.p = 1;
               console.debug('Loading brick texture set...');
-              _context5.n = 2;
+              _context3.n = 2;
               return textureConfig.loadTextureSetAndCreateMaterial('brick', component.textureLoader);
             case 2:
-              texturedBrickMaterial = _context5.v;
+              texturedBrickMaterial = _context3.v;
               component.scene.traverse(function (object) {
                 if (object.isMesh && object.userData.isBrickWall) {
                   object.material = texturedBrickMaterial;
@@ -433,14 +360,14 @@ var EnvironmentManager = /*#__PURE__*/function () {
                 }
               });
               console.log('✅ Brick walls updated with textures');
-              _context5.n = 4;
+              _context3.n = 4;
               break;
             case 3:
-              _context5.p = 3;
-              _t4 = _context5.v;
-              console.warn('Error loading brick textures:', _t4);
+              _context3.p = 3;
+              _t3 = _context3.v;
+              console.warn('Error loading brick textures:', _t3);
             case 4:
-              return _context5.a(2);
+              return _context3.a(2);
           }
         }, _callee3, this, [[1, 3]]);
       }));
@@ -489,23 +416,23 @@ var EnvironmentManager = /*#__PURE__*/function () {
     key: "initializeEnvironment",
     value: (function () {
       var _initializeEnvironment = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee4() {
-        return _rollupPluginBabelHelpers.regenerator().w(function (_context6) {
-          while (1) switch (_context6.n) {
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
             case 0:
-              _context6.n = 1;
+              _context4.n = 1;
               return this.createSkybox();
             case 1:
               this.setupLighting();
-              _context6.n = 2;
+              _context4.n = 2;
               return this.addTexturedGround();
             case 2:
-              _context6.n = 3;
+              _context4.n = 3;
               return this.addBrickWalls();
             case 3:
               this.addHorizonFog();
               console.log('Environment initialization completed');
             case 4:
-              return _context6.a(2);
+              return _context4.a(2);
           }
         }, _callee4, this);
       }));
@@ -546,60 +473,50 @@ var EnvironmentManager = /*#__PURE__*/function () {
 
     /**
      * Set the skybox type dynamically
-     * @param {string} skyboxType - 'HDR', 'Fallback', or 'Color'
+     * @param {'Procedural'|'HDR'|'Color'} skyboxType
      */
   }, {
     key: "setSkyboxType",
     value: (function () {
       var _setSkyboxType = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee5(skyboxType) {
-        var component, _component$scene$envi3, _component$scene$back3, _pmremGenerator, _t5, _t6;
-        return _rollupPluginBabelHelpers.regenerator().w(function (_context7) {
-          while (1) switch (_context7.n) {
+        var component, _component$scene$envi3, _component$scene$back3, _t4, _t5;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context5) {
+          while (1) switch (_context5.n) {
             case 0:
               component = this.sceneViewer;
-              _context7.p = 1;
+              _context5.p = 1;
               console.log("\uD83C\uDF0C Changing skybox type to: ".concat(skyboxType));
 
               // Dispose of current environment textures
-              if ((_component$scene$envi3 = component.scene.environment) !== null && _component$scene$envi3 !== void 0 && _component$scene$envi3.dispose) {
-                component.scene.environment.dispose();
-              }
-              if ((_component$scene$back3 = component.scene.background) !== null && _component$scene$back3 !== void 0 && _component$scene$back3.dispose) {
-                component.scene.background.dispose();
-              }
-              _pmremGenerator = new THREE__namespace.PMREMGenerator(component.renderer);
-              _pmremGenerator.compileEquirectangularShader();
-              _t5 = skyboxType;
-              _context7.n = _t5 === 'HDR' ? 2 : _t5 === 'Fallback' ? 4 : _t5 === 'Color' ? 6 : 7;
+              if ((_component$scene$envi3 = component.scene.environment) !== null && _component$scene$envi3 !== void 0 && _component$scene$envi3.dispose) component.scene.environment.dispose();
+              if ((_component$scene$back3 = component.scene.background) !== null && _component$scene$back3 !== void 0 && _component$scene$back3.dispose) component.scene.background.dispose();
+              _t4 = skyboxType;
+              _context5.n = _t4 === 'Procedural' ? 2 : _t4 === 'HDR' ? 3 : _t4 === 'Color' ? 5 : 6;
               break;
             case 2:
-              _context7.n = 3;
-              return this.loadHDRSkybox(_pmremGenerator);
+              this._applyProceduralSky(component);
+              return _context5.a(3, 7);
             case 3:
-              return _context7.a(3, 8);
+              _context5.n = 4;
+              return this._loadHDRSkybox(component);
             case 4:
-              _context7.n = 5;
-              return this.loadFallbackSkybox(_pmremGenerator);
+              return _context5.a(3, 7);
             case 5:
-              return _context7.a(3, 8);
+              this._setColorBackground(component);
+              return _context5.a(3, 7);
             case 6:
-              this.setColorBackground();
-              return _context7.a(3, 8);
+              console.warn("Unknown skybox type: ".concat(skyboxType, ", using Procedural"));
+              this._applyProceduralSky(component);
             case 7:
-              console.warn("Unknown skybox type: ".concat(skyboxType, ", falling back to HDR"));
-              _context7.n = 8;
-              return this.loadHDRSkybox(_pmremGenerator);
+              console.log("\u2705 Skybox type changed to: ".concat(skyboxType));
+              return _context5.a(2, true);
             case 8:
-              _pmremGenerator.dispose();
-              console.log("Skybox type changed to: ".concat(skyboxType));
-              return _context7.a(2, true);
-            case 9:
-              _context7.p = 9;
-              _t6 = _context7.v;
-              console.error('❌ Error setting skybox type:', _t6);
-              return _context7.a(2, false);
+              _context5.p = 8;
+              _t5 = _context5.v;
+              console.error('❌ Error setting skybox type:', _t5);
+              return _context5.a(2, false);
           }
-        }, _callee5, this, [[1, 9]]);
+        }, _callee5, this, [[1, 8]]);
       }));
       function setSkyboxType(_x) {
         return _setSkyboxType.apply(this, arguments);
@@ -607,29 +524,34 @@ var EnvironmentManager = /*#__PURE__*/function () {
       return setSkyboxType;
     }()
     /**
-     * Load HDR skybox specifically
+     * Load HDR skybox on demand (high quality, high memory).
+     * Tries 1k first to save memory; falls back to color on failure.
+     * @private
      */
     )
   }, {
-    key: "loadHDRSkybox",
+    key: "_loadHDRSkybox",
     value: (function () {
-      var _loadHDRSkybox = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee6(pmremGenerator) {
-        var component, rgbeLoader, hdrPaths, _loop3, _ret3, _i2, _hdrPaths;
-        return _rollupPluginBabelHelpers.regenerator().w(function (_context9) {
-          while (1) switch (_context9.n) {
+      var _loadHDRSkybox2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee6(component) {
+        var rgbeLoader, pmremGenerator, hdrPaths, _loop, _ret, _i, _hdrPaths;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context7) {
+          while (1) switch (_context7.n) {
             case 0:
-              component = this.sceneViewer;
               rgbeLoader = new RGBELoader.RGBELoader();
-              hdrPaths = ['/skyboxes/kloofendal_48d_partly_cloudy_puresky_2k.hdr', '/skyboxes/kloofendal_48d_partly_cloudy_puresky_1k.hdr'];
-              _loop3 = /*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _loop3() {
-                var path, texture, processedEnvMap, _t7;
-                return _rollupPluginBabelHelpers.regenerator().w(function (_context8) {
-                  while (1) switch (_context8.n) {
+              pmremGenerator = new THREE__namespace.PMREMGenerator(component.renderer);
+              pmremGenerator.compileEquirectangularShader();
+
+              // Prefer the 1k variant (~20 MB GPU) over 2k (~50 MB GPU)
+              hdrPaths = ['/skyboxes/kloofendal_48d_partly_cloudy_puresky_1k.hdr', '/skyboxes/kloofendal_48d_partly_cloudy_puresky_2k.hdr'];
+              _loop = /*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _loop() {
+                var path, texture, processedEnvMap, _t6;
+                return _rollupPluginBabelHelpers.regenerator().w(function (_context6) {
+                  while (1) switch (_context6.n) {
                     case 0:
-                      path = _hdrPaths[_i2];
-                      _context8.p = 1;
+                      path = _hdrPaths[_i];
+                      _context6.p = 1;
                       console.log("\uD83D\uDD04 Loading HDR: ".concat(path));
-                      _context8.n = 2;
+                      _context6.n = 2;
                       return new Promise(function (resolve, reject) {
                         var timeout = setTimeout(function () {
                           return reject(new Error('Timeout'));
@@ -643,123 +565,79 @@ var EnvironmentManager = /*#__PURE__*/function () {
                         });
                       });
                     case 2:
-                      texture = _context8.v;
+                      texture = _context6.v;
                       texture.mapping = THREE__namespace.EquirectangularReflectionMapping;
                       processedEnvMap = pmremGenerator.fromEquirectangular(texture).texture;
                       component.scene.environment = processedEnvMap;
                       component.scene.background = processedEnvMap;
                       texture.dispose();
+                      pmremGenerator.dispose();
                       console.log('✅ HDR skybox loaded successfully');
-                      return _context8.a(2, {
+                      return _context6.a(2, {
                         v: void 0
                       });
                     case 3:
-                      _context8.p = 3;
-                      _t7 = _context8.v;
-                      console.warn("\u26A0\uFE0F Failed to load HDR skybox ".concat(path, ":"), _t7.message);
+                      _context6.p = 3;
+                      _t6 = _context6.v;
+                      console.warn("\u26A0\uFE0F Failed to load HDR skybox ".concat(path, ":"), _t6.message);
                     case 4:
-                      return _context8.a(2);
+                      return _context6.a(2);
                   }
-                }, _loop3, null, [[1, 3]]);
+                }, _loop, null, [[1, 3]]);
               });
-              _i2 = 0, _hdrPaths = hdrPaths;
+              _i = 0, _hdrPaths = hdrPaths;
             case 1:
-              if (!(_i2 < _hdrPaths.length)) {
-                _context9.n = 4;
+              if (!(_i < _hdrPaths.length)) {
+                _context7.n = 4;
                 break;
               }
-              return _context9.d(_rollupPluginBabelHelpers.regeneratorValues(_loop3()), 2);
+              return _context7.d(_rollupPluginBabelHelpers.regeneratorValues(_loop()), 2);
             case 2:
-              _ret3 = _context9.v;
-              if (!_ret3) {
-                _context9.n = 3;
+              _ret = _context7.v;
+              if (!_ret) {
+                _context7.n = 3;
                 break;
               }
-              return _context9.a(2, _ret3.v);
+              return _context7.a(2, _ret.v);
             case 3:
-              _i2++;
-              _context9.n = 1;
+              _i++;
+              _context7.n = 1;
               break;
             case 4:
+              pmremGenerator.dispose();
               throw new Error('Failed to load any HDR skybox');
             case 5:
-              return _context9.a(2);
+              return _context7.a(2);
           }
-        }, _callee6, this);
+        }, _callee6);
       }));
-      function loadHDRSkybox(_x2) {
-        return _loadHDRSkybox.apply(this, arguments);
+      function _loadHDRSkybox(_x2) {
+        return _loadHDRSkybox2.apply(this, arguments);
       }
-      return loadHDRSkybox;
+      return _loadHDRSkybox;
     }()
     /**
-     * Load fallback JPEG skybox
+     * Set solid color background with basic ambient lighting.
+     * @private
      */
     )
   }, {
-    key: "loadFallbackSkybox",
-    value: (function () {
-      var _loadFallbackSkybox = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee7(pmremGenerator) {
-        var component, texture, processedEnvMap, _t8;
-        return _rollupPluginBabelHelpers.regenerator().w(function (_context0) {
-          while (1) switch (_context0.n) {
-            case 0:
-              component = this.sceneViewer;
-              _context0.p = 1;
-              console.log('🔄 Loading fallback skybox');
-              _context0.n = 2;
-              return new Promise(function (resolve, reject) {
-                var timeout = setTimeout(function () {
-                  return reject(new Error('Timeout'));
-                }, 10000);
-                component.textureLoader.load('/skyboxes/sky_fallback.jpg', function (tex) {
-                  clearTimeout(timeout);
-                  resolve(tex);
-                }, undefined, function (err) {
-                  clearTimeout(timeout);
-                  reject(err);
-                });
-              });
-            case 2:
-              texture = _context0.v;
-              texture.mapping = THREE__namespace.EquirectangularReflectionMapping;
-              processedEnvMap = pmremGenerator.fromEquirectangular(texture).texture;
-              component.scene.environment = processedEnvMap;
-              component.scene.background = processedEnvMap;
-              texture.dispose();
-              console.log('✅ Fallback skybox loaded successfully');
-              _context0.n = 4;
-              break;
-            case 3:
-              _context0.p = 3;
-              _t8 = _context0.v;
-              console.warn('⚠️ Failed to load fallback skybox:', _t8.message);
-              throw _t8;
-            case 4:
-              return _context0.a(2);
-          }
-        }, _callee7, this, [[1, 3]]);
-      }));
-      function loadFallbackSkybox(_x3) {
-        return _loadFallbackSkybox.apply(this, arguments);
-      }
-      return loadFallbackSkybox;
-    }()
+    key: "_setColorBackground",
+    value: function _setColorBackground(component) {
+      component.scene.environment = null;
+      component.scene.background = new THREE__namespace.Color(0xffffff);
+      var ambientLight = new THREE__namespace.AmbientLight(0xffffff, 0.6);
+      component.scene.add(ambientLight);
+      console.log('✅ Color background set successfully');
+    }
+
     /**
-     * Set solid color background
+     * Public convenience alias for setColorBackground (backwards compat)
      */
-    )
   }, {
     key: "setColorBackground",
     value: function setColorBackground() {
-      var component = this.sceneViewer;
-      component.scene.environment = null;
-      component.scene.background = new THREE__namespace.Color(0xffffff); // White background
-
-      // Add basic ambient lighting since we don't have environment lighting
-      var ambientLight = new THREE__namespace.AmbientLight(0xffffff, 0.6);
-      component.scene.add(ambientLight);
-      console.log('✅ Color background set successfully');
+      this._setColorBackground(this.sceneViewer);
     }
   }]);
 }();