@2112-lab/central-plant 0.1.78 → 0.1.80

package/dist/cjs/src/core/centralPlant.js

@@ -19,7 +19,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.78
+   * @version 0.1.80
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

package/dist/cjs/src/core/centralPlantInternals.js

@@ -23,6 +23,7 @@ var animationManager = require('../managers/scene/animationManager.js');
 var cameraControlsManager = require('../managers/controls/cameraControlsManager.js');
 var componentDragManager = require('../managers/controls/componentDragManager.js');
 var sceneTooltipsManager = require('../managers/scene/sceneTooltipsManager.js');
+var componentTooltipManager = require('../managers/scene/componentTooltipManager.js');
 var viewport2DManager = require('../managers/scene/viewport2DManager.js');
 var nameUtils = require('../utils/nameUtils.js');
 var modelPreloader = require('../rendering/modelPreloader.js');
@@ -175,6 +176,11 @@ var CentralPlantInternals = /*#__PURE__*/function () {
         this.centralPlant.managers.tooltipsManager = new sceneTooltipsManager.SceneTooltipsManager(this.centralPlant.sceneViewer.$refs.container, this.centralPlant.sceneViewer.camera, this.centralPlant.sceneViewer.scene);
         this.centralPlant.sceneViewer.tooltipsManager = this.centralPlant.managers.tooltipsManager;
         console.log('🔍 Tooltip manager initialized:', this.centralPlant.managers.tooltipsManager);
+
+        // Initialize the component tooltip manager (screen-space tooltip on selection)
+        this.centralPlant.managers.componentTooltipManager = new componentTooltipManager.ComponentTooltipManager(this.centralPlant.sceneViewer);
+        this.centralPlant.sceneViewer.componentTooltipManager = this.centralPlant.managers.componentTooltipManager;
+        console.log('🔍 Component tooltip manager initialized');
       }
     }
 
@@ -925,8 +931,21 @@ var CentralPlantInternals = /*#__PURE__*/function () {
         // Clone the cached model to create a new instance
         var componentModel = cachedModel;
 
-        // Set the component properties
-        componentModel.uuid = componentId;
+        // Clone materials to isolate this component instance from the model cache.
+        // Without this, shared materials would cause visual side-effects when one
+        // component's material is modified (e.g., selection highlighting).
+        componentModel.traverse(function (child) {
+          if (child.isMesh && child.material) {
+            if (Array.isArray(child.material)) {
+              child.material = child.material.map(function (m) {
+                return m.clone();
+              });
+            } else {
+              child.material = child.material.clone();
+            }
+          }
+        });
+
         // Set the component properties
         componentModel.uuid = componentId;
 

package/dist/cjs/src/core/sceneViewer.js

@@ -102,7 +102,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
               this.centralPlant.attachToComponent();
 
               // Sync our managers tracking object after attachment
-              managerKeys = ['threeJSResourceManager', 'performanceMonitorManager', 'settingsManager', 'sceneExportManager', 'componentManager', 'sceneInitializationManager', 'environmentManager', 'keyboardControlsManager', 'pathfindingManager', 'sceneOperationsManager', 'animationManager', 'cameraControlsManager', 'componentDragManager', 'tooltipsManager']; // Populate our managers tracking object
+              managerKeys = ['threeJSResourceManager', 'performanceMonitorManager', 'settingsManager', 'sceneExportManager', 'componentManager', 'sceneInitializationManager', 'environmentManager', 'keyboardControlsManager', 'pathfindingManager', 'sceneOperationsManager', 'animationManager', 'cameraControlsManager', 'componentDragManager', 'tooltipsManager', 'componentTooltipManager']; // Populate our managers tracking object
               managerKeys.forEach(function (key) {
                 if (_this2[key]) {
                   _this2.managers[key] = _this2[key];
@@ -380,6 +380,10 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
       this.transformManager.on({
         onModeChange: this.onModeChange.bind(this),
         onSelectionChanged: function onSelectionChanged(object) {
+          // Update the component tooltip on selection changes
+          if (_this4.componentTooltipManager) {
+            _this4.componentTooltipManager.onSelectionChanged(object);
+          }
           if (object) {
             var _object$userData;
             // Object selected
@@ -805,6 +809,12 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
         this.tooltipsManager = null;
       }
 
+      // Clean up component tooltip manager
+      if (this.componentTooltipManager) {
+        this.componentTooltipManager.dispose('ComponentTooltipManager');
+        this.componentTooltipManager = null;
+      }
+
       // Fallback cleanup if Three.js resource manager not available
       if (!this.threeJSResourceManager) {
         // Fallback cleanup if disposal manager not available

package/dist/cjs/src/index.js

@@ -11,6 +11,7 @@ var sceneInitializationManager = require('./managers/scene/sceneInitializationMa
 var sceneOperationsManager = require('./managers/scene/sceneOperationsManager.js');
 var sceneExportManager = require('./managers/scene/sceneExportManager.js');
 var sceneTooltipsManager = require('./managers/scene/sceneTooltipsManager.js');
+var componentTooltipManager = require('./managers/scene/componentTooltipManager.js');
 var sceneHierarchyManager = require('./managers/scene/sceneHierarchyManager.js');
 var componentManager = require('./managers/components/componentManager.js');
 var animationManager = require('./managers/scene/animationManager.js');
@@ -58,6 +59,7 @@ exports.SceneInitializationManager = sceneInitializationManager.SceneInitializat
 exports.SceneOperationsManager = sceneOperationsManager.SceneOperationsManager;
 exports.SceneExportManager = sceneExportManager.SceneExportManager;
 exports.SceneTooltipsManager = sceneTooltipsManager.SceneTooltipsManager;
+exports.ComponentTooltipManager = componentTooltipManager.ComponentTooltipManager;
 exports.SceneHierarchyManager = sceneHierarchyManager.SceneHierarchyManager;
 exports.ComponentManager = componentManager.ComponentManager;
 exports.AnimationManager = animationManager.AnimationManager;

package/dist/cjs/src/managers/controls/componentDragManager.js

@@ -252,7 +252,10 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               }
               this.dragData.previewObject = cachedModel.clone();
 
-              // Clone materials to avoid affecting other objects
+              // Clone geometries and materials to fully isolate the preview from the cache.
+              // Without this, disposing the preview would invalidate shared GPU buffers
+              // and cause the scene to go white.
+              this._cloneGeometries(this.dragData.previewObject);
               this._cloneMaterials(this.dragData.previewObject);
 
               // Store original colors BEFORE making transparent
@@ -391,6 +394,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
               return _context3.a(3, 11);
             case 9:
               deviceModel = cachedDevice.clone();
+              this._cloneGeometries(deviceModel);
               this._cloneMaterials(deviceModel);
               this._storeOriginalColors(deviceModel);
               deviceModel.userData = {
@@ -443,16 +447,38 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
           if (Array.isArray(child.material)) {
             // Handle material arrays
             child.material = child.material.map(function (material) {
-              return material.clone();
+              var cloned = material.clone();
+              cloned.userData._isClonedMaterial = true;
+              return cloned;
             });
           } else {
             // Handle single materials
             child.material = child.material.clone();
+            child.material.userData._isClonedMaterial = true;
           }
         }
       });
     }
 
+    /**
+     * Clone all geometries in an object hierarchy to avoid shared geometry buffer issues.
+     * Three.js Object3D.clone() shares geometry references between the original and clone.
+     * Disposing shared geometry invalidates GPU buffers for ALL objects using that geometry,
+     * which causes the scene to go white. This method gives each mesh its own geometry copy.
+     * @param {THREE.Object3D} object - The object to clone geometries for
+     * @private
+     */
+  }, {
+    key: "_cloneGeometries",
+    value: function _cloneGeometries(object) {
+      object.traverse(function (child) {
+        if (child.isMesh && child.geometry) {
+          child.geometry = child.geometry.clone();
+          child.userData._isClonedGeometry = true;
+        }
+      });
+    }
+
     /**
      * Store original colors from all materials in an object hierarchy
      * @param {THREE.Object3D} object - The object to store colors from
@@ -831,18 +857,27 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
       if (this.dragData.previewObject) {
         this.sceneViewer.scene.remove(this.dragData.previewObject);
 
-        // Dispose of geometry and materials properly
+        // Dispose of CLONED geometry and materials only.
+        // Both geometries and materials were cloned during preview creation
+        // via _cloneGeometries() and _cloneMaterials(), so they are safe to dispose.
+        // IMPORTANT: Never dispose geometry/materials that are shared with the model cache.
         this.dragData.previewObject.traverse(function (child) {
-          if (child.geometry) {
-            child.geometry.dispose();
-          }
-          if (child.material) {
-            if (Array.isArray(child.material)) {
-              child.material.forEach(function (material) {
-                return material.dispose();
-              });
-            } else {
-              child.material.dispose();
+          if (child.isMesh) {
+            // Only dispose geometry if it was cloned for this preview
+            if (child.geometry && child.userData._isClonedGeometry) {
+              child.geometry.dispose();
+            }
+            // Only dispose material if it was cloned for this preview
+            if (child.material) {
+              if (Array.isArray(child.material)) {
+                child.material.forEach(function (material) {
+                  if (material.userData._isClonedMaterial) {
+                    material.dispose();
+                  }
+                });
+              } else if (child.material.userData._isClonedMaterial) {
+                child.material.dispose();
+              }
             }
           }
         });