@2112-lab/central-plant 0.1.73 → 0.1.75

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);
+      }
     }
 
     /**
@@ -19512,7 +19528,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 +19994,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 +20091,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 +20127,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 +21429,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 +21502,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 +21795,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 +21844,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);
                 }
               });
@@ -34503,7 +34585,15 @@ var CentralPlantInternals = /*#__PURE__*/function () {
         componentModel.position.set(position.x, position.y, position.z);
 
         // Rotate the component
-        componentModel.rotation.set(rotation.x, rotation.y, rotation.z);
+        if (options.rotation) {
+          componentModel.rotation.set(rotation.x, rotation.y, rotation.z);
+        } else {
+          console.log("\u2139\uFE0F addComponent(): No rotation provided, keeping model default:", {
+            x: componentModel.rotation.x,
+            y: componentModel.rotation.y,
+            z: componentModel.rotation.z
+          });
+        }
 
         // Set user data for identification and management
         componentModel.userData = {
@@ -34694,7 +34784,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.73
+   * @version 0.1.75
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.
@@ -37221,7 +37311,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
@@ -37440,13 +37551,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;
       }
 
@@ -37503,7 +37614,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;
@@ -37514,7 +37625,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.73
+   * @version 0.1.75
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

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

@@ -938,7 +938,15 @@ var CentralPlantInternals = /*#__PURE__*/function () {
         componentModel.position.set(position.x, position.y, position.z);
 
         // Rotate the component
-        componentModel.rotation.set(rotation.x, rotation.y, rotation.z);
+        if (options.rotation) {
+          componentModel.rotation.set(rotation.x, rotation.y, rotation.z);
+        } else {
+          console.log("\u2139\uFE0F addComponent(): No rotation provided, keeping model default:", {
+            x: componentModel.rotation.x,
+            y: componentModel.rotation.y,
+            z: componentModel.rotation.z
+          });
+        }
 
         // Set user data for identification and management
         componentModel.userData = {

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/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.73
+   * @version 0.1.75
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

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

@@ -914,7 +914,15 @@ var CentralPlantInternals = /*#__PURE__*/function () {
         componentModel.position.set(position.x, position.y, position.z);
 
         // Rotate the component
-        componentModel.rotation.set(rotation.x, rotation.y, rotation.z);
+        if (options.rotation) {
+          componentModel.rotation.set(rotation.x, rotation.y, rotation.z);
+        } else {
+          console.log("\u2139\uFE0F addComponent(): No rotation provided, keeping model default:", {
+            x: componentModel.rotation.x,
+            y: componentModel.rotation.y,
+            z: componentModel.rotation.z
+          });
+        }
 
         // Set user data for identification and management
         componentModel.userData = {

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/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.73",
+  "version": "0.1.75",
   "description": "Utility modules for the Central Plant Application",
   "main": "dist/bundle/index.js",
   "module": "dist/esm/index.js",