@2112-lab/central-plant 0.1.74 → 0.1.76

package/dist/bundle/index.js

@@ -3491,7 +3491,8 @@ var TransformControlsManager = /*#__PURE__*/function () {
       onTransform: null,
       onTransformEnd: null,
       onModeChange: null,
-      onObjectRemoved: null
+      onObjectRemoved: null,
+      onSelectionChanged: null
     };
     this.init();
   }
@@ -3566,6 +3567,9 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (callbacks.onObjectRemoved) {
         this.callbacks.onObjectRemoved = callbacks.onObjectRemoved;
       }
+      if (callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged = callbacks.onSelectionChanged;
+      }
       console.log('🔗 Transform controls callbacks registered');
     }
     /**
@@ -4135,6 +4139,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (this.callbacks.onObjectSelect) {
         this.callbacks.onObjectSelect(object);
       }
+
+      // Trigger explicit selection change callback
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(object);
+      }
       console.log("\uD83C\uDFAF Object selected: ".concat(object.name || object.uuid));
       return true;
     }
@@ -4158,9 +4167,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       // Update the multi-selection display (works for single object too)
       this.updateMultiSelection();
 
-      // NOTE: We deliberately do NOT call any callback here
-      // This allows transform controls and bounding box to show without triggering tooltips
-
+      // NOTE: We deliberately do NOT call onObjectSelect here to avoid tooltips
+      // But we DO call onSelectionChanged to sync UI
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(object);
+      }
       console.log("\uD83C\uDFAF Object selected for transform only: ".concat(object.name || object.uuid));
       return true;
     }
@@ -4364,6 +4375,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (this.callbacks.onObjectSelect) {
         this.callbacks.onObjectSelect(null);
       }
+
+      // Trigger explicit selection change callback
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(null);
+      }
     }
 
     /**
@@ -18480,6 +18496,14 @@ var ComponentManager = /*#__PURE__*/function () {
       try {
         // Use the new utility function to find objects by hardcoded UUID
         var object = findObjectByHardcodedUuid(this.sceneViewer.scene, componentUuid);
+
+        // Fallback: If not found by utility, try direct UUID or name lookup
+        if (!object) {
+          object = this.sceneViewer.scene.getObjectByProperty('uuid', componentUuid);
+        }
+        if (!object) {
+          object = this.sceneViewer.scene.getObjectByProperty('name', componentUuid);
+        }
         if (!object) {
           console.warn('⚠️ Component not found:', componentUuid);
           return false;
@@ -19512,7 +19536,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var component = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData;
-        if (child.uuid === componentId || ((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.originalUuid) === componentId) {
+        if (child.uuid === componentId || ((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.originalUuid) === componentId || child.name === componentId) {
           component = child;
         }
       });
@@ -19978,7 +20002,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var gateway = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData3;
-        if (child.uuid === gatewayId || ((_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.originalUuid) === gatewayId) {
+        if (child.uuid === gatewayId || ((_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.originalUuid) === gatewayId || child.name === gatewayId) {
           gateway = child;
         }
       });
@@ -20075,7 +20099,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var component = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData4;
-        if (child.uuid === componentId || ((_child$userData4 = child.userData) === null || _child$userData4 === void 0 ? void 0 : _child$userData4.originalUuid) === componentId) {
+        if (child.uuid === componentId || ((_child$userData4 = child.userData) === null || _child$userData4 === void 0 ? void 0 : _child$userData4.originalUuid) === componentId || child.name === componentId) {
           component = child;
         }
       });
@@ -20111,6 +20135,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       component.updateMatrix();
       component.updateMatrixWorld(true);
 
+      // Update component rotation and connector positions in scene data
+      this.updateComponentRotationInSceneData(component);
+
       // Auto-update paths if enabled (matches behavior of translateComponent)
       if (this.sceneViewer.shouldUpdatePaths) {
         try {
@@ -21410,6 +21437,69 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Update component rotation and child connectors in currentSceneData after rotation
+     * @param {THREE.Object3D} component - The component that was rotated
+     * @private
+     */
+  }, {
+    key: "updateComponentRotationInSceneData",
+    value: function updateComponentRotationInSceneData(component) {
+      var _this$sceneViewer12;
+      if (!((_this$sceneViewer12 = this.sceneViewer) !== null && _this$sceneViewer12 !== void 0 && (_this$sceneViewer12 = _this$sceneViewer12.currentSceneData) !== null && _this$sceneViewer12 !== void 0 && _this$sceneViewer12.scene)) {
+        console.warn('⚠️ Cannot update component rotation: currentSceneData not available');
+        return;
+      }
+      var cleanValue = function cleanValue(value) {
+        return Math.abs(value) < 1e-10 ? 0 : value;
+      };
+
+      // Find the component in scene data
+      // Use the same logic as other methods to match by UUID or originalUuid
+      var sceneDataComponent = this.sceneViewer.currentSceneData.scene.children.find(function (child) {
+        var _component$userData6;
+        return child.uuid === component.uuid || child.uuid === ((_component$userData6 = component.userData) === null || _component$userData6 === void 0 ? void 0 : _component$userData6.originalUuid);
+      });
+      if (sceneDataComponent) {
+        // Update rotation
+        if (!sceneDataComponent.rotation) {
+          sceneDataComponent.rotation = {};
+        }
+        sceneDataComponent.rotation.x = cleanValue(component.rotation.x);
+        sceneDataComponent.rotation.y = cleanValue(component.rotation.y);
+        sceneDataComponent.rotation.z = cleanValue(component.rotation.z);
+        console.log("\u2705 Updated component ".concat(component.uuid, " rotation in scene data"));
+
+        // Also update child connectors' positions if they exist (rotation moves them in world space)
+        if (sceneDataComponent.children) {
+          sceneDataComponent.children.forEach(function (child) {
+            var _child$userData24;
+            if (((_child$userData24 = child.userData) === null || _child$userData24 === void 0 ? void 0 : _child$userData24.objectType) === 'connector') {
+              // Find the actual connector object in the scene
+              var connectorObj = component.children.find(function (c) {
+                var _c$userData2;
+                return c.uuid === child.uuid || ((_c$userData2 = c.userData) === null || _c$userData2 === void 0 ? void 0 : _c$userData2.originalUuid) === child.uuid;
+              });
+              if (connectorObj) {
+                // Get world position of connector
+                var worldPos = new THREE__namespace.Vector3();
+                connectorObj.getWorldPosition(worldPos);
+
+                // Update connector's position in userData as array
+                if (!child.userData) {
+                  child.userData = {};
+                }
+                child.userData.position = [cleanValue(worldPos.x), cleanValue(worldPos.y), cleanValue(worldPos.z)];
+                console.log("  \u21B3 Updated child connector ".concat(child.uuid, " position to [").concat(child.userData.position.join(', '), "]"));
+              }
+            }
+          });
+        }
+      } else {
+        console.warn("\u26A0\uFE0F Component ".concat(component.uuid, " not found in scene data"));
+      }
+    }
+
     /**
      * Update a connector's position in scene data
      * @param {THREE.Object3D} connector - The connector to update
@@ -21420,9 +21510,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "updateConnectorPositionInSceneData",
     value: function updateConnectorPositionInSceneData(connector, worldPosition, parentSegment) {
-      var _this$sceneViewer12;
+      var _this$sceneViewer13;
       // Update scene data if available
-      if (!((_this$sceneViewer12 = this.sceneViewer) !== null && _this$sceneViewer12 !== void 0 && (_this$sceneViewer12 = _this$sceneViewer12.currentSceneData) !== null && _this$sceneViewer12 !== void 0 && _this$sceneViewer12.scene)) {
+      if (!((_this$sceneViewer13 = this.sceneViewer) !== null && _this$sceneViewer13 !== void 0 && (_this$sceneViewer13 = _this$sceneViewer13.currentSceneData) !== null && _this$sceneViewer13 !== void 0 && _this$sceneViewer13.scene)) {
         return;
       }
       var cleanPosition = function cleanPosition(value) {
@@ -21713,8 +21803,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         // Check if either external connector belongs to the active segment
         var activeSegmentConnectors = [];
         activeSegment.traverse(function (child) {
-          var _child$userData24;
-          if (((_child$userData24 = child.userData) === null || _child$userData24 === void 0 ? void 0 : _child$userData24.objectType) === 'segment-connector') {
+          var _child$userData25;
+          if (((_child$userData25 = child.userData) === null || _child$userData25 === void 0 ? void 0 : _child$userData25.objectType) === 'segment-connector') {
             activeSegmentConnectors.push(child.uuid);
           }
         });
@@ -21762,8 +21852,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
               // Get all connectors of the active segment
               var activeConnectors = [];
               activeSegment.traverse(function (child) {
-                var _child$userData25;
-                if (((_child$userData25 = child.userData) === null || _child$userData25 === void 0 ? void 0 : _child$userData25.objectType) === 'segment-connector') {
+                var _child$userData26;
+                if (((_child$userData26 = child.userData) === null || _child$userData26 === void 0 ? void 0 : _child$userData26.objectType) === 'segment-connector') {
                   activeConnectors.push(child);
                 }
               });
@@ -34670,6 +34760,79 @@ var CentralPlantInternals = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Delete a component from the scene by componentId (internal implementation)
+     * @param {string} componentId - The UUID of the component to delete
+     * @returns {boolean} True if deletion was successful, false otherwise
+     */
+  }, {
+    key: "deleteComponent",
+    value: function deleteComponent(componentId) {
+      var _this$centralPlant$sc7;
+      // Check if component manager is available
+      var componentManager = (_this$centralPlant$sc7 = this.centralPlant.sceneViewer) === null || _this$centralPlant$sc7 === void 0 ? void 0 : _this$centralPlant$sc7.componentManager;
+      if (!componentManager) {
+        console.error('❌ deleteComponent(): Component manager not available');
+        return false;
+      }
+      try {
+        console.log("\uD83D\uDDD1\uFE0F deleteComponent(): Deleting component ".concat(componentId));
+
+        // Use componentManager to remove the component
+        var success = componentManager.removeComponentFromScene(componentId);
+        if (success) {
+          // Also remove from scene data if available
+          if (this.centralPlant.sceneViewer.sceneOperationsManager && this.centralPlant.sceneViewer.currentSceneData) {
+            // Note: componentManager.removeComponentFromScene might not update sceneData
+            // We should verify if sceneOperationsManager has a method for this or if we need to manually update
+            // For now, assuming componentManager handles the scene object removal, 
+            // we might need to update the data structure manually if componentManager doesn't.
+
+            // Let's implement a safe removal from sceneData here just in case
+            var sceneData = this.centralPlant.sceneViewer.currentSceneData;
+            if (sceneData.scene && sceneData.scene.children) {
+              var index = sceneData.scene.children.findIndex(function (c) {
+                var _c$userData2;
+                return c.uuid === componentId || ((_c$userData2 = c.userData) === null || _c$userData2 === void 0 ? void 0 : _c$userData2.originalUuid) === componentId;
+              });
+              if (index !== -1) {
+                sceneData.scene.children.splice(index, 1);
+                console.log('✅ Removed component from sceneData');
+              }
+            }
+          }
+
+          // Deselect if the deleted component was selected
+          // We check if the selected object matches the deleted ID, OR if the selected object is now detached from the scene (parent is null)
+          var transformManager = this.centralPlant.sceneViewer.transformManager;
+          if (transformManager && transformManager.selectedObjectForTransform) {
+            var _selectedObj$userData;
+            var selectedObj = transformManager.selectedObjectForTransform;
+            if (selectedObj.uuid === componentId || selectedObj.name === componentId || ((_selectedObj$userData = selectedObj.userData) === null || _selectedObj$userData === void 0 ? void 0 : _selectedObj$userData.originalUuid) === componentId || selectedObj.parent === null) {
+              console.log('🎯 deleteComponent(): Deselecting deleted object');
+              transformManager.deselectObject();
+            }
+          }
+
+          // Emit component-removed event for UI updates
+          if (this.centralPlant.sceneViewer.emit) {
+            this.centralPlant.sceneViewer.emit('component-removed', {
+              id: componentId
+            });
+            console.log("\uD83D\uDCE1 Emitted 'component-removed' event for ".concat(componentId));
+          }
+          console.log("\u2705 deleteComponent(): Component ".concat(componentId, " deleted successfully"));
+          return true;
+        } else {
+          console.warn("\u26A0\uFE0F deleteComponent(): Failed to delete component ".concat(componentId));
+          return false;
+        }
+      } catch (error) {
+        console.error("\u274C deleteComponent(): Error deleting component ".concat(componentId, ":"), error);
+        return false;
+      }
+    }
+
     /**
      * Get all component IDs from the scene
      * @returns {Array<string>} Array of component UUIDs
@@ -34702,7 +34865,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.74
+   * @version 0.1.76
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.
@@ -34955,6 +35118,23 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
       return this.internals.addComponent(libraryId, options);
     }
 
+    /**
+     * Delete a component from the scene by componentId
+     * @param {string} componentId - The UUID of the component to delete
+     * @returns {boolean} True if deletion was successful, false otherwise
+     * @description Removes a 3D component from the scene and cleans up associated resources.
+     * @example
+     * const success = centralPlant.deleteComponent('component-uuid-123');
+     * if (success) {
+     *   console.log('Component deleted successfully');
+     * }
+     */
+  }, {
+    key: "deleteComponent",
+    value: function deleteComponent(componentId) {
+      return this.internals.deleteComponent(componentId);
+    }
+
     /**
      * Translate a component by componentId
      * @param {string} componentId - The UUID of the component to translate
@@ -37229,7 +37409,28 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
 
       // Setup callbacks
       this.transformManager.on({
-        onModeChange: this.onModeChange.bind(this)
+        onModeChange: this.onModeChange.bind(this),
+        onSelectionChanged: function onSelectionChanged(object) {
+          if (object) {
+            var _object$userData;
+            // Object selected
+            var componentId = object.name || object.uuid;
+            var objectType = ((_object$userData = object.userData) === null || _object$userData === void 0 ? void 0 : _object$userData.objectType) || 'component';
+            _this4.selectedObjectForTransform = object;
+            console.log("\uD83D\uDCE1 Emitting component-selected for: ".concat(componentId));
+            _this4.emit('component-selected', {
+              id: componentId,
+              uuid: object.uuid,
+              type: objectType,
+              object: object
+            });
+          } else {
+            // Object deselected
+            _this4.selectedObjectForTransform = null;
+            console.log("\uD83D\uDCE1 Emitting component-deselected");
+            _this4.emit('component-deselected');
+          }
+        }
       });
 
       // Setup SceneViewer event listeners for bounding box synchronization
@@ -37448,13 +37649,13 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "isSelectableObject",
     value: function isSelectableObject(object) {
-      var _object$userData;
+      var _object$userData2;
       if (object.type == "TransformControlsPlane") {
         object = object.object;
       }
 
       // Allow pipe segments to be selected
-      if (((_object$userData = object.userData) === null || _object$userData === void 0 ? void 0 : _object$userData.objectType) === "segment") {
+      if (((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.objectType) === "segment") {
         return true;
       }
 
@@ -37511,7 +37712,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "selectObject",
     value: function selectObject(object) {
-      var _object$userData2;
+      var _object$userData3;
       if (!object || !object.uuid) {
         console.warn('⚠️ Cannot select invalid object');
         return false;
@@ -37522,7 +37723,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
 
       // Emit selection event with component details
       var componentId = object.name || object.uuid;
-      var objectType = ((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.objectType) || 'component';
+      var objectType = ((_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.objectType) || 'component';
       this.emit('component-selected', {
         id: componentId,
         uuid: object.uuid,

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

@@ -19,7 +19,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.74
+   * @version 0.1.76
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.
@@ -272,6 +272,23 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
       return this.internals.addComponent(libraryId, options);
     }
 
+    /**
+     * Delete a component from the scene by componentId
+     * @param {string} componentId - The UUID of the component to delete
+     * @returns {boolean} True if deletion was successful, false otherwise
+     * @description Removes a 3D component from the scene and cleans up associated resources.
+     * @example
+     * const success = centralPlant.deleteComponent('component-uuid-123');
+     * if (success) {
+     *   console.log('Component deleted successfully');
+     * }
+     */
+  }, {
+    key: "deleteComponent",
+    value: function deleteComponent(componentId) {
+      return this.internals.deleteComponent(componentId);
+    }
+
     /**
      * Translate a component by componentId
      * @param {string} componentId - The UUID of the component to translate

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

@@ -1105,6 +1105,79 @@ var CentralPlantInternals = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Delete a component from the scene by componentId (internal implementation)
+     * @param {string} componentId - The UUID of the component to delete
+     * @returns {boolean} True if deletion was successful, false otherwise
+     */
+  }, {
+    key: "deleteComponent",
+    value: function deleteComponent(componentId) {
+      var _this$centralPlant$sc7;
+      // Check if component manager is available
+      var componentManager = (_this$centralPlant$sc7 = this.centralPlant.sceneViewer) === null || _this$centralPlant$sc7 === void 0 ? void 0 : _this$centralPlant$sc7.componentManager;
+      if (!componentManager) {
+        console.error('❌ deleteComponent(): Component manager not available');
+        return false;
+      }
+      try {
+        console.log("\uD83D\uDDD1\uFE0F deleteComponent(): Deleting component ".concat(componentId));
+
+        // Use componentManager to remove the component
+        var success = componentManager.removeComponentFromScene(componentId);
+        if (success) {
+          // Also remove from scene data if available
+          if (this.centralPlant.sceneViewer.sceneOperationsManager && this.centralPlant.sceneViewer.currentSceneData) {
+            // Note: componentManager.removeComponentFromScene might not update sceneData
+            // We should verify if sceneOperationsManager has a method for this or if we need to manually update
+            // For now, assuming componentManager handles the scene object removal, 
+            // we might need to update the data structure manually if componentManager doesn't.
+
+            // Let's implement a safe removal from sceneData here just in case
+            var sceneData = this.centralPlant.sceneViewer.currentSceneData;
+            if (sceneData.scene && sceneData.scene.children) {
+              var index = sceneData.scene.children.findIndex(function (c) {
+                var _c$userData2;
+                return c.uuid === componentId || ((_c$userData2 = c.userData) === null || _c$userData2 === void 0 ? void 0 : _c$userData2.originalUuid) === componentId;
+              });
+              if (index !== -1) {
+                sceneData.scene.children.splice(index, 1);
+                console.log('✅ Removed component from sceneData');
+              }
+            }
+          }
+
+          // Deselect if the deleted component was selected
+          // We check if the selected object matches the deleted ID, OR if the selected object is now detached from the scene (parent is null)
+          var transformManager = this.centralPlant.sceneViewer.transformManager;
+          if (transformManager && transformManager.selectedObjectForTransform) {
+            var _selectedObj$userData;
+            var selectedObj = transformManager.selectedObjectForTransform;
+            if (selectedObj.uuid === componentId || selectedObj.name === componentId || ((_selectedObj$userData = selectedObj.userData) === null || _selectedObj$userData === void 0 ? void 0 : _selectedObj$userData.originalUuid) === componentId || selectedObj.parent === null) {
+              console.log('🎯 deleteComponent(): Deselecting deleted object');
+              transformManager.deselectObject();
+            }
+          }
+
+          // Emit component-removed event for UI updates
+          if (this.centralPlant.sceneViewer.emit) {
+            this.centralPlant.sceneViewer.emit('component-removed', {
+              id: componentId
+            });
+            console.log("\uD83D\uDCE1 Emitted 'component-removed' event for ".concat(componentId));
+          }
+          console.log("\u2705 deleteComponent(): Component ".concat(componentId, " deleted successfully"));
+          return true;
+        } else {
+          console.warn("\u26A0\uFE0F deleteComponent(): Failed to delete component ".concat(componentId));
+          return false;
+        }
+      } catch (error) {
+        console.error("\u274C deleteComponent(): Error deleting component ".concat(componentId, ":"), error);
+        return false;
+      }
+    }
+
     /**
      * Get all component IDs from the scene
      * @returns {Array<string>} Array of component UUIDs

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

@@ -378,7 +378,28 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
 
       // Setup callbacks
       this.transformManager.on({
-        onModeChange: this.onModeChange.bind(this)
+        onModeChange: this.onModeChange.bind(this),
+        onSelectionChanged: function onSelectionChanged(object) {
+          if (object) {
+            var _object$userData;
+            // Object selected
+            var componentId = object.name || object.uuid;
+            var objectType = ((_object$userData = object.userData) === null || _object$userData === void 0 ? void 0 : _object$userData.objectType) || 'component';
+            _this4.selectedObjectForTransform = object;
+            console.log("\uD83D\uDCE1 Emitting component-selected for: ".concat(componentId));
+            _this4.emit('component-selected', {
+              id: componentId,
+              uuid: object.uuid,
+              type: objectType,
+              object: object
+            });
+          } else {
+            // Object deselected
+            _this4.selectedObjectForTransform = null;
+            console.log("\uD83D\uDCE1 Emitting component-deselected");
+            _this4.emit('component-deselected');
+          }
+        }
       });
 
       // Setup SceneViewer event listeners for bounding box synchronization
@@ -597,13 +618,13 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "isSelectableObject",
     value: function isSelectableObject(object) {
-      var _object$userData;
+      var _object$userData2;
       if (object.type == "TransformControlsPlane") {
         object = object.object;
       }
 
       // Allow pipe segments to be selected
-      if (((_object$userData = object.userData) === null || _object$userData === void 0 ? void 0 : _object$userData.objectType) === "segment") {
+      if (((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.objectType) === "segment") {
         return true;
       }
 
@@ -660,7 +681,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "selectObject",
     value: function selectObject(object) {
-      var _object$userData2;
+      var _object$userData3;
       if (!object || !object.uuid) {
         console.warn('⚠️ Cannot select invalid object');
         return false;
@@ -671,7 +692,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
 
       // Emit selection event with component details
       var componentId = object.name || object.uuid;
-      var objectType = ((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.objectType) || 'component';
+      var objectType = ((_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.objectType) || 'component';
       this.emit('component-selected', {
         id: componentId,
         uuid: object.uuid,

package/dist/cjs/src/managers/components/componentManager.js

@@ -194,6 +194,14 @@ var ComponentManager = /*#__PURE__*/function () {
       try {
         // Use the new utility function to find objects by hardcoded UUID
         var object = nameUtils.findObjectByHardcodedUuid(this.sceneViewer.scene, componentUuid);
+
+        // Fallback: If not found by utility, try direct UUID or name lookup
+        if (!object) {
+          object = this.sceneViewer.scene.getObjectByProperty('uuid', componentUuid);
+        }
+        if (!object) {
+          object = this.sceneViewer.scene.getObjectByProperty('name', componentUuid);
+        }
         if (!object) {
           console.warn('⚠️ Component not found:', componentUuid);
           return false;

package/dist/cjs/src/managers/components/transformOperationsManager.js

@@ -72,7 +72,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var component = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData;
-        if (child.uuid === componentId || ((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.originalUuid) === componentId) {
+        if (child.uuid === componentId || ((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.originalUuid) === componentId || child.name === componentId) {
           component = child;
         }
       });
@@ -538,7 +538,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var gateway = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData3;
-        if (child.uuid === gatewayId || ((_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.originalUuid) === gatewayId) {
+        if (child.uuid === gatewayId || ((_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.originalUuid) === gatewayId || child.name === gatewayId) {
           gateway = child;
         }
       });
@@ -635,7 +635,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var component = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData4;
-        if (child.uuid === componentId || ((_child$userData4 = child.userData) === null || _child$userData4 === void 0 ? void 0 : _child$userData4.originalUuid) === componentId) {
+        if (child.uuid === componentId || ((_child$userData4 = child.userData) === null || _child$userData4 === void 0 ? void 0 : _child$userData4.originalUuid) === componentId || child.name === componentId) {
           component = child;
         }
       });
@@ -671,6 +671,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       component.updateMatrix();
       component.updateMatrixWorld(true);
 
+      // Update component rotation and connector positions in scene data
+      this.updateComponentRotationInSceneData(component);
+
       // Auto-update paths if enabled (matches behavior of translateComponent)
       if (this.sceneViewer.shouldUpdatePaths) {
         try {
@@ -1970,6 +1973,69 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Update component rotation and child connectors in currentSceneData after rotation
+     * @param {THREE.Object3D} component - The component that was rotated
+     * @private
+     */
+  }, {
+    key: "updateComponentRotationInSceneData",
+    value: function updateComponentRotationInSceneData(component) {
+      var _this$sceneViewer12;
+      if (!((_this$sceneViewer12 = this.sceneViewer) !== null && _this$sceneViewer12 !== void 0 && (_this$sceneViewer12 = _this$sceneViewer12.currentSceneData) !== null && _this$sceneViewer12 !== void 0 && _this$sceneViewer12.scene)) {
+        console.warn('⚠️ Cannot update component rotation: currentSceneData not available');
+        return;
+      }
+      var cleanValue = function cleanValue(value) {
+        return Math.abs(value) < 1e-10 ? 0 : value;
+      };
+
+      // Find the component in scene data
+      // Use the same logic as other methods to match by UUID or originalUuid
+      var sceneDataComponent = this.sceneViewer.currentSceneData.scene.children.find(function (child) {
+        var _component$userData6;
+        return child.uuid === component.uuid || child.uuid === ((_component$userData6 = component.userData) === null || _component$userData6 === void 0 ? void 0 : _component$userData6.originalUuid);
+      });
+      if (sceneDataComponent) {
+        // Update rotation
+        if (!sceneDataComponent.rotation) {
+          sceneDataComponent.rotation = {};
+        }
+        sceneDataComponent.rotation.x = cleanValue(component.rotation.x);
+        sceneDataComponent.rotation.y = cleanValue(component.rotation.y);
+        sceneDataComponent.rotation.z = cleanValue(component.rotation.z);
+        console.log("\u2705 Updated component ".concat(component.uuid, " rotation in scene data"));
+
+        // Also update child connectors' positions if they exist (rotation moves them in world space)
+        if (sceneDataComponent.children) {
+          sceneDataComponent.children.forEach(function (child) {
+            var _child$userData24;
+            if (((_child$userData24 = child.userData) === null || _child$userData24 === void 0 ? void 0 : _child$userData24.objectType) === 'connector') {
+              // Find the actual connector object in the scene
+              var connectorObj = component.children.find(function (c) {
+                var _c$userData2;
+                return c.uuid === child.uuid || ((_c$userData2 = c.userData) === null || _c$userData2 === void 0 ? void 0 : _c$userData2.originalUuid) === child.uuid;
+              });
+              if (connectorObj) {
+                // Get world position of connector
+                var worldPos = new THREE__namespace.Vector3();
+                connectorObj.getWorldPosition(worldPos);
+
+                // Update connector's position in userData as array
+                if (!child.userData) {
+                  child.userData = {};
+                }
+                child.userData.position = [cleanValue(worldPos.x), cleanValue(worldPos.y), cleanValue(worldPos.z)];
+                console.log("  \u21B3 Updated child connector ".concat(child.uuid, " position to [").concat(child.userData.position.join(', '), "]"));
+              }
+            }
+          });
+        }
+      } else {
+        console.warn("\u26A0\uFE0F Component ".concat(component.uuid, " not found in scene data"));
+      }
+    }
+
     /**
      * Update a connector's position in scene data
      * @param {THREE.Object3D} connector - The connector to update
@@ -1980,9 +2046,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "updateConnectorPositionInSceneData",
     value: function updateConnectorPositionInSceneData(connector, worldPosition, parentSegment) {
-      var _this$sceneViewer12;
+      var _this$sceneViewer13;
       // Update scene data if available
-      if (!((_this$sceneViewer12 = this.sceneViewer) !== null && _this$sceneViewer12 !== void 0 && (_this$sceneViewer12 = _this$sceneViewer12.currentSceneData) !== null && _this$sceneViewer12 !== void 0 && _this$sceneViewer12.scene)) {
+      if (!((_this$sceneViewer13 = this.sceneViewer) !== null && _this$sceneViewer13 !== void 0 && (_this$sceneViewer13 = _this$sceneViewer13.currentSceneData) !== null && _this$sceneViewer13 !== void 0 && _this$sceneViewer13.scene)) {
         return;
       }
       var cleanPosition = function cleanPosition(value) {
@@ -2273,8 +2339,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         // Check if either external connector belongs to the active segment
         var activeSegmentConnectors = [];
         activeSegment.traverse(function (child) {
-          var _child$userData24;
-          if (((_child$userData24 = child.userData) === null || _child$userData24 === void 0 ? void 0 : _child$userData24.objectType) === 'segment-connector') {
+          var _child$userData25;
+          if (((_child$userData25 = child.userData) === null || _child$userData25 === void 0 ? void 0 : _child$userData25.objectType) === 'segment-connector') {
             activeSegmentConnectors.push(child.uuid);
           }
         });
@@ -2322,8 +2388,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
               // Get all connectors of the active segment
               var activeConnectors = [];
               activeSegment.traverse(function (child) {
-                var _child$userData25;
-                if (((_child$userData25 = child.userData) === null || _child$userData25 === void 0 ? void 0 : _child$userData25.objectType) === 'segment-connector') {
+                var _child$userData26;
+                if (((_child$userData26 = child.userData) === null || _child$userData26 === void 0 ? void 0 : _child$userData26.objectType) === 'segment-connector') {
                   activeConnectors.push(child);
                 }
               });

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

@@ -115,7 +115,8 @@ var TransformControlsManager = /*#__PURE__*/function () {
       onTransform: null,
       onTransformEnd: null,
       onModeChange: null,
-      onObjectRemoved: null
+      onObjectRemoved: null,
+      onSelectionChanged: null
     };
     this.init();
   }
@@ -190,6 +191,9 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (callbacks.onObjectRemoved) {
         this.callbacks.onObjectRemoved = callbacks.onObjectRemoved;
       }
+      if (callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged = callbacks.onSelectionChanged;
+      }
       console.log('🔗 Transform controls callbacks registered');
     }
     /**
@@ -759,6 +763,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (this.callbacks.onObjectSelect) {
         this.callbacks.onObjectSelect(object);
       }
+
+      // Trigger explicit selection change callback
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(object);
+      }
       console.log("\uD83C\uDFAF Object selected: ".concat(object.name || object.uuid));
       return true;
     }
@@ -782,9 +791,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       // Update the multi-selection display (works for single object too)
       this.updateMultiSelection();
 
-      // NOTE: We deliberately do NOT call any callback here
-      // This allows transform controls and bounding box to show without triggering tooltips
-
+      // NOTE: We deliberately do NOT call onObjectSelect here to avoid tooltips
+      // But we DO call onSelectionChanged to sync UI
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(object);
+      }
       console.log("\uD83C\uDFAF Object selected for transform only: ".concat(object.name || object.uuid));
       return true;
     }
@@ -988,6 +999,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (this.callbacks.onObjectSelect) {
         this.callbacks.onObjectSelect(null);
       }
+
+      // Trigger explicit selection change callback
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(null);
+      }
     }
 
     /**

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

@@ -15,7 +15,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.74
+   * @version 0.1.76
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.
@@ -268,6 +268,23 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
       return this.internals.addComponent(libraryId, options);
     }
 
+    /**
+     * Delete a component from the scene by componentId
+     * @param {string} componentId - The UUID of the component to delete
+     * @returns {boolean} True if deletion was successful, false otherwise
+     * @description Removes a 3D component from the scene and cleans up associated resources.
+     * @example
+     * const success = centralPlant.deleteComponent('component-uuid-123');
+     * if (success) {
+     *   console.log('Component deleted successfully');
+     * }
+     */
+  }, {
+    key: "deleteComponent",
+    value: function deleteComponent(componentId) {
+      return this.internals.deleteComponent(componentId);
+    }
+
     /**
      * Translate a component by componentId
      * @param {string} componentId - The UUID of the component to translate

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

@@ -1081,6 +1081,79 @@ var CentralPlantInternals = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Delete a component from the scene by componentId (internal implementation)
+     * @param {string} componentId - The UUID of the component to delete
+     * @returns {boolean} True if deletion was successful, false otherwise
+     */
+  }, {
+    key: "deleteComponent",
+    value: function deleteComponent(componentId) {
+      var _this$centralPlant$sc7;
+      // Check if component manager is available
+      var componentManager = (_this$centralPlant$sc7 = this.centralPlant.sceneViewer) === null || _this$centralPlant$sc7 === void 0 ? void 0 : _this$centralPlant$sc7.componentManager;
+      if (!componentManager) {
+        console.error('❌ deleteComponent(): Component manager not available');
+        return false;
+      }
+      try {
+        console.log("\uD83D\uDDD1\uFE0F deleteComponent(): Deleting component ".concat(componentId));
+
+        // Use componentManager to remove the component
+        var success = componentManager.removeComponentFromScene(componentId);
+        if (success) {
+          // Also remove from scene data if available
+          if (this.centralPlant.sceneViewer.sceneOperationsManager && this.centralPlant.sceneViewer.currentSceneData) {
+            // Note: componentManager.removeComponentFromScene might not update sceneData
+            // We should verify if sceneOperationsManager has a method for this or if we need to manually update
+            // For now, assuming componentManager handles the scene object removal, 
+            // we might need to update the data structure manually if componentManager doesn't.
+
+            // Let's implement a safe removal from sceneData here just in case
+            var sceneData = this.centralPlant.sceneViewer.currentSceneData;
+            if (sceneData.scene && sceneData.scene.children) {
+              var index = sceneData.scene.children.findIndex(function (c) {
+                var _c$userData2;
+                return c.uuid === componentId || ((_c$userData2 = c.userData) === null || _c$userData2 === void 0 ? void 0 : _c$userData2.originalUuid) === componentId;
+              });
+              if (index !== -1) {
+                sceneData.scene.children.splice(index, 1);
+                console.log('✅ Removed component from sceneData');
+              }
+            }
+          }
+
+          // Deselect if the deleted component was selected
+          // We check if the selected object matches the deleted ID, OR if the selected object is now detached from the scene (parent is null)
+          var transformManager = this.centralPlant.sceneViewer.transformManager;
+          if (transformManager && transformManager.selectedObjectForTransform) {
+            var _selectedObj$userData;
+            var selectedObj = transformManager.selectedObjectForTransform;
+            if (selectedObj.uuid === componentId || selectedObj.name === componentId || ((_selectedObj$userData = selectedObj.userData) === null || _selectedObj$userData === void 0 ? void 0 : _selectedObj$userData.originalUuid) === componentId || selectedObj.parent === null) {
+              console.log('🎯 deleteComponent(): Deselecting deleted object');
+              transformManager.deselectObject();
+            }
+          }
+
+          // Emit component-removed event for UI updates
+          if (this.centralPlant.sceneViewer.emit) {
+            this.centralPlant.sceneViewer.emit('component-removed', {
+              id: componentId
+            });
+            console.log("\uD83D\uDCE1 Emitted 'component-removed' event for ".concat(componentId));
+          }
+          console.log("\u2705 deleteComponent(): Component ".concat(componentId, " deleted successfully"));
+          return true;
+        } else {
+          console.warn("\u26A0\uFE0F deleteComponent(): Failed to delete component ".concat(componentId));
+          return false;
+        }
+      } catch (error) {
+        console.error("\u274C deleteComponent(): Error deleting component ".concat(componentId, ":"), error);
+        return false;
+      }
+    }
+
     /**
      * Get all component IDs from the scene
      * @returns {Array<string>} Array of component UUIDs

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

@@ -374,7 +374,28 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
 
       // Setup callbacks
       this.transformManager.on({
-        onModeChange: this.onModeChange.bind(this)
+        onModeChange: this.onModeChange.bind(this),
+        onSelectionChanged: function onSelectionChanged(object) {
+          if (object) {
+            var _object$userData;
+            // Object selected
+            var componentId = object.name || object.uuid;
+            var objectType = ((_object$userData = object.userData) === null || _object$userData === void 0 ? void 0 : _object$userData.objectType) || 'component';
+            _this4.selectedObjectForTransform = object;
+            console.log("\uD83D\uDCE1 Emitting component-selected for: ".concat(componentId));
+            _this4.emit('component-selected', {
+              id: componentId,
+              uuid: object.uuid,
+              type: objectType,
+              object: object
+            });
+          } else {
+            // Object deselected
+            _this4.selectedObjectForTransform = null;
+            console.log("\uD83D\uDCE1 Emitting component-deselected");
+            _this4.emit('component-deselected');
+          }
+        }
       });
 
       // Setup SceneViewer event listeners for bounding box synchronization
@@ -593,13 +614,13 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "isSelectableObject",
     value: function isSelectableObject(object) {
-      var _object$userData;
+      var _object$userData2;
       if (object.type == "TransformControlsPlane") {
         object = object.object;
       }
 
       // Allow pipe segments to be selected
-      if (((_object$userData = object.userData) === null || _object$userData === void 0 ? void 0 : _object$userData.objectType) === "segment") {
+      if (((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.objectType) === "segment") {
         return true;
       }
 
@@ -656,7 +677,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "selectObject",
     value: function selectObject(object) {
-      var _object$userData2;
+      var _object$userData3;
       if (!object || !object.uuid) {
         console.warn('⚠️ Cannot select invalid object');
         return false;
@@ -667,7 +688,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
 
       // Emit selection event with component details
       var componentId = object.name || object.uuid;
-      var objectType = ((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.objectType) || 'component';
+      var objectType = ((_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.objectType) || 'component';
       this.emit('component-selected', {
         id: componentId,
         uuid: object.uuid,

package/dist/esm/src/managers/components/componentManager.js

@@ -190,6 +190,14 @@ var ComponentManager = /*#__PURE__*/function () {
       try {
         // Use the new utility function to find objects by hardcoded UUID
         var object = findObjectByHardcodedUuid(this.sceneViewer.scene, componentUuid);
+
+        // Fallback: If not found by utility, try direct UUID or name lookup
+        if (!object) {
+          object = this.sceneViewer.scene.getObjectByProperty('uuid', componentUuid);
+        }
+        if (!object) {
+          object = this.sceneViewer.scene.getObjectByProperty('name', componentUuid);
+        }
         if (!object) {
           console.warn('⚠️ Component not found:', componentUuid);
           return false;

package/dist/esm/src/managers/components/transformOperationsManager.js

@@ -48,7 +48,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var component = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData;
-        if (child.uuid === componentId || ((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.originalUuid) === componentId) {
+        if (child.uuid === componentId || ((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.originalUuid) === componentId || child.name === componentId) {
           component = child;
         }
       });
@@ -514,7 +514,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var gateway = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData3;
-        if (child.uuid === gatewayId || ((_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.originalUuid) === gatewayId) {
+        if (child.uuid === gatewayId || ((_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.originalUuid) === gatewayId || child.name === gatewayId) {
           gateway = child;
         }
       });
@@ -611,7 +611,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       var component = null;
       this.sceneViewer.scene.traverse(function (child) {
         var _child$userData4;
-        if (child.uuid === componentId || ((_child$userData4 = child.userData) === null || _child$userData4 === void 0 ? void 0 : _child$userData4.originalUuid) === componentId) {
+        if (child.uuid === componentId || ((_child$userData4 = child.userData) === null || _child$userData4 === void 0 ? void 0 : _child$userData4.originalUuid) === componentId || child.name === componentId) {
           component = child;
         }
       });
@@ -647,6 +647,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       component.updateMatrix();
       component.updateMatrixWorld(true);
 
+      // Update component rotation and connector positions in scene data
+      this.updateComponentRotationInSceneData(component);
+
       // Auto-update paths if enabled (matches behavior of translateComponent)
       if (this.sceneViewer.shouldUpdatePaths) {
         try {
@@ -1946,6 +1949,69 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Update component rotation and child connectors in currentSceneData after rotation
+     * @param {THREE.Object3D} component - The component that was rotated
+     * @private
+     */
+  }, {
+    key: "updateComponentRotationInSceneData",
+    value: function updateComponentRotationInSceneData(component) {
+      var _this$sceneViewer12;
+      if (!((_this$sceneViewer12 = this.sceneViewer) !== null && _this$sceneViewer12 !== void 0 && (_this$sceneViewer12 = _this$sceneViewer12.currentSceneData) !== null && _this$sceneViewer12 !== void 0 && _this$sceneViewer12.scene)) {
+        console.warn('⚠️ Cannot update component rotation: currentSceneData not available');
+        return;
+      }
+      var cleanValue = function cleanValue(value) {
+        return Math.abs(value) < 1e-10 ? 0 : value;
+      };
+
+      // Find the component in scene data
+      // Use the same logic as other methods to match by UUID or originalUuid
+      var sceneDataComponent = this.sceneViewer.currentSceneData.scene.children.find(function (child) {
+        var _component$userData6;
+        return child.uuid === component.uuid || child.uuid === ((_component$userData6 = component.userData) === null || _component$userData6 === void 0 ? void 0 : _component$userData6.originalUuid);
+      });
+      if (sceneDataComponent) {
+        // Update rotation
+        if (!sceneDataComponent.rotation) {
+          sceneDataComponent.rotation = {};
+        }
+        sceneDataComponent.rotation.x = cleanValue(component.rotation.x);
+        sceneDataComponent.rotation.y = cleanValue(component.rotation.y);
+        sceneDataComponent.rotation.z = cleanValue(component.rotation.z);
+        console.log("\u2705 Updated component ".concat(component.uuid, " rotation in scene data"));
+
+        // Also update child connectors' positions if they exist (rotation moves them in world space)
+        if (sceneDataComponent.children) {
+          sceneDataComponent.children.forEach(function (child) {
+            var _child$userData24;
+            if (((_child$userData24 = child.userData) === null || _child$userData24 === void 0 ? void 0 : _child$userData24.objectType) === 'connector') {
+              // Find the actual connector object in the scene
+              var connectorObj = component.children.find(function (c) {
+                var _c$userData2;
+                return c.uuid === child.uuid || ((_c$userData2 = c.userData) === null || _c$userData2 === void 0 ? void 0 : _c$userData2.originalUuid) === child.uuid;
+              });
+              if (connectorObj) {
+                // Get world position of connector
+                var worldPos = new THREE.Vector3();
+                connectorObj.getWorldPosition(worldPos);
+
+                // Update connector's position in userData as array
+                if (!child.userData) {
+                  child.userData = {};
+                }
+                child.userData.position = [cleanValue(worldPos.x), cleanValue(worldPos.y), cleanValue(worldPos.z)];
+                console.log("  \u21B3 Updated child connector ".concat(child.uuid, " position to [").concat(child.userData.position.join(', '), "]"));
+              }
+            }
+          });
+        }
+      } else {
+        console.warn("\u26A0\uFE0F Component ".concat(component.uuid, " not found in scene data"));
+      }
+    }
+
     /**
      * Update a connector's position in scene data
      * @param {THREE.Object3D} connector - The connector to update
@@ -1956,9 +2022,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "updateConnectorPositionInSceneData",
     value: function updateConnectorPositionInSceneData(connector, worldPosition, parentSegment) {
-      var _this$sceneViewer12;
+      var _this$sceneViewer13;
       // Update scene data if available
-      if (!((_this$sceneViewer12 = this.sceneViewer) !== null && _this$sceneViewer12 !== void 0 && (_this$sceneViewer12 = _this$sceneViewer12.currentSceneData) !== null && _this$sceneViewer12 !== void 0 && _this$sceneViewer12.scene)) {
+      if (!((_this$sceneViewer13 = this.sceneViewer) !== null && _this$sceneViewer13 !== void 0 && (_this$sceneViewer13 = _this$sceneViewer13.currentSceneData) !== null && _this$sceneViewer13 !== void 0 && _this$sceneViewer13.scene)) {
         return;
       }
       var cleanPosition = function cleanPosition(value) {
@@ -2249,8 +2315,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         // Check if either external connector belongs to the active segment
         var activeSegmentConnectors = [];
         activeSegment.traverse(function (child) {
-          var _child$userData24;
-          if (((_child$userData24 = child.userData) === null || _child$userData24 === void 0 ? void 0 : _child$userData24.objectType) === 'segment-connector') {
+          var _child$userData25;
+          if (((_child$userData25 = child.userData) === null || _child$userData25 === void 0 ? void 0 : _child$userData25.objectType) === 'segment-connector') {
             activeSegmentConnectors.push(child.uuid);
           }
         });
@@ -2298,8 +2364,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
               // Get all connectors of the active segment
               var activeConnectors = [];
               activeSegment.traverse(function (child) {
-                var _child$userData25;
-                if (((_child$userData25 = child.userData) === null || _child$userData25 === void 0 ? void 0 : _child$userData25.objectType) === 'segment-connector') {
+                var _child$userData26;
+                if (((_child$userData26 = child.userData) === null || _child$userData26 === void 0 ? void 0 : _child$userData26.objectType) === 'segment-connector') {
                   activeConnectors.push(child);
                 }
               });

package/dist/esm/src/managers/controls/transformControlsManager.js

@@ -91,7 +91,8 @@ var TransformControlsManager = /*#__PURE__*/function () {
       onTransform: null,
       onTransformEnd: null,
       onModeChange: null,
-      onObjectRemoved: null
+      onObjectRemoved: null,
+      onSelectionChanged: null
     };
     this.init();
   }
@@ -166,6 +167,9 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (callbacks.onObjectRemoved) {
         this.callbacks.onObjectRemoved = callbacks.onObjectRemoved;
       }
+      if (callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged = callbacks.onSelectionChanged;
+      }
       console.log('🔗 Transform controls callbacks registered');
     }
     /**
@@ -735,6 +739,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (this.callbacks.onObjectSelect) {
         this.callbacks.onObjectSelect(object);
       }
+
+      // Trigger explicit selection change callback
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(object);
+      }
       console.log("\uD83C\uDFAF Object selected: ".concat(object.name || object.uuid));
       return true;
     }
@@ -758,9 +767,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       // Update the multi-selection display (works for single object too)
       this.updateMultiSelection();
 
-      // NOTE: We deliberately do NOT call any callback here
-      // This allows transform controls and bounding box to show without triggering tooltips
-
+      // NOTE: We deliberately do NOT call onObjectSelect here to avoid tooltips
+      // But we DO call onSelectionChanged to sync UI
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(object);
+      }
       console.log("\uD83C\uDFAF Object selected for transform only: ".concat(object.name || object.uuid));
       return true;
     }
@@ -964,6 +975,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (this.callbacks.onObjectSelect) {
         this.callbacks.onObjectSelect(null);
       }
+
+      // Trigger explicit selection change callback
+      if (this.callbacks.onSelectionChanged) {
+        this.callbacks.onSelectionChanged(null);
+      }
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@2112-lab/central-plant",
-  "version": "0.1.74",
+  "version": "0.1.76",
   "description": "Utility modules for the Central Plant Application",
   "main": "dist/bundle/index.js",
   "module": "dist/esm/index.js",