@2112-lab/central-plant 0.1.50 → 0.1.52

package/dist/bundle/index.js

@@ -3619,58 +3619,74 @@ var TransformControlsManager = /*#__PURE__*/function () {
       };
 
       // Transform end event
-      this.eventHandlers.transformEnd = function () {
-        _this2.transformState.isTransforming = false;
-
-        // Re-enable orbit controls
-        if (_this2.orbitControls) {
-          _this2.orbitControls.enabled = true;
-        }
+      this.eventHandlers.transformEnd = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        var hasComponents, _this2$selectedObject, sceneCompleteEvent;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              _this2.transformState.isTransforming = false;
 
-        // Apply multi-selection transforms (works for single or multiple objects)
-        // This is async but we don't await it to avoid blocking the event handler
-        if (_this2.selectedObjects.length > 0 && _this2.multiSelectionGroup) {
-          _this2.applyMultiSelectionTransform().catch(function (error) {
-            console.error('❌ Error in applyMultiSelectionTransform:', error);
-          });
-        }
+              // Re-enable orbit controls
+              if (_this2.orbitControls) {
+                _this2.orbitControls.enabled = true;
+              }
 
-        // Update paths after translation is complete
-        // Only if we translated components (not segments/gateways - they handle paths internally)
-        if (_this2.currentMode === 'translate' && _this2.sceneViewer && typeof _this2.sceneViewer.updatePaths === 'function') {
-          // Check if any of the selected objects are components (not segments or gateways)
-          var hasComponents = _this2.selectedObjects.some(function (obj) {
-            return !isSegment(obj) && !isGateway(obj);
-          });
-          if (hasComponents) {
-            console.log('🔄 Updating paths after component translation...');
-            try {
-              _this2.sceneViewer.updatePaths();
-              console.log('✅ Paths updated successfully after translation');
-            } catch (error) {
-              console.error('❌ Error updating paths after translation:', error);
-            }
-          } else {
-            console.log('ℹ️ Skipping updatePaths - segments/gateways handle their own path updates');
+              // Apply multi-selection transforms (works for single or multiple objects)
+              // IMPORTANT: We await this to prevent race conditions with updatePaths()
+              if (!(_this2.selectedObjects.length > 0 && _this2.multiSelectionGroup)) {
+                _context.n = 2;
+                break;
+              }
+              _context.n = 1;
+              return _this2.applyMultiSelectionTransform().catch(function (error) {
+                console.error('❌ Error in applyMultiSelectionTransform:', error);
+              });
+            case 1:
+              // applyMultiSelectionTransform() already calls updatePaths() once at the end
+              // so we skip the additional updatePaths() call below
+              console.log('✅ Multi-selection transform complete (updatePaths already called)');
+              _context.n = 3;
+              break;
+            case 2:
+              if (_this2.currentMode === 'translate' && _this2.sceneViewer && typeof _this2.sceneViewer.updatePaths === 'function') {
+                // Update paths after translation is complete
+                // Only if we translated components (not segments/gateways - they handle paths internally)
+                // This branch only executes when NOT in multi-selection mode
+                hasComponents = _this2.selectedObjects.some(function (obj) {
+                  return !isSegment(obj) && !isGateway(obj);
+                });
+                if (hasComponents) {
+                  console.log('🔄 Updating paths after component translation...');
+                  try {
+                    _this2.sceneViewer.updatePaths();
+                    console.log('✅ Paths updated successfully after translation');
+                  } catch (error) {
+                    console.error('❌ Error updating paths after translation:', error);
+                  }
+                } else {
+                  console.log('ℹ️ Skipping updatePaths - segments/gateways handle their own path updates');
+                }
+              }
+            case 3:
+              // Dispatch custom scene update event after transform completes
+              if (typeof window !== 'undefined') {
+                console.log('📡 Dispatching sceneUpdateComplete event after transform');
+                sceneCompleteEvent = new CustomEvent('sceneUpdateComplete', {
+                  detail: {
+                    timestamp: Date.now(),
+                    transformType: _this2.currentMode,
+                    objectName: ((_this2$selectedObject = _this2.selectedObjects[0]) === null || _this2$selectedObject === void 0 ? void 0 : _this2$selectedObject.name) || 'unknown',
+                    objectCount: _this2.selectedObjects.length
+                  }
+                });
+                window.dispatchEvent(sceneCompleteEvent);
+              }
+              console.log("\u2705 Transform completed: ".concat(_this2.currentMode, " mode"));
+            case 4:
+              return _context.a(2);
           }
-        }
-
-        // Dispatch custom scene update event after transform completes
-        if (typeof window !== 'undefined') {
-          var _this2$selectedObject;
-          console.log('📡 Dispatching sceneUpdateComplete event after transform');
-          var sceneCompleteEvent = new CustomEvent('sceneUpdateComplete', {
-            detail: {
-              timestamp: Date.now(),
-              transformType: _this2.currentMode,
-              objectName: ((_this2$selectedObject = _this2.selectedObjects[0]) === null || _this2$selectedObject === void 0 ? void 0 : _this2$selectedObject.name) || 'unknown',
-              objectCount: _this2.selectedObjects.length
-            }
-          });
-          window.dispatchEvent(sceneCompleteEvent);
-        }
-        console.log("\u2705 Transform completed: ".concat(_this2.currentMode, " mode"));
-      };
+        }, _callee);
+      }));
       // Transform changing event
       this.eventHandlers.transforming = function () {
         // Apply real-time visual transformation to objects during drag
@@ -3902,7 +3918,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
   }, {
     key: "_isValidSelectableObject",
     value: function _isValidSelectableObject(object) {
-      var _object$userData;
+      var _object$userData, _object$userData2;
       // Safety check: ensure object is still valid and in the scene
       if (!object || !object.parent) {
         console.warn('⚠️ Selected object is no longer valid or in scene');
@@ -3920,6 +3936,12 @@ var TransformControlsManager = /*#__PURE__*/function () {
         console.warn('⚠️ Object is marked as non-selectable (stub segment)');
         return false;
       }
+
+      // Check if object is marked as immutable (computed segments/elbows from pathfinder)
+      if (((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.immutable) === true) {
+        console.warn('⚠️ Object is immutable (computed from pathfinder)');
+        return false;
+      }
       return true;
     }
 
@@ -3959,7 +3981,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
   }, {
     key: "isSelectableObject",
     value: function isSelectableObject(object) {
-      var _object$userData2, _object$userData3, _object$userData4, _object$userData5, _object$userData6, _object$userData7, _object$userData8;
+      var _object$userData3, _object$userData4, _object$userData5, _object$userData6, _object$userData7, _object$userData8, _object$userData9, _object$userData0;
       // Basic safety checks
       if (!object || !object.isObject3D) {
         return false;
@@ -3971,25 +3993,30 @@ var TransformControlsManager = /*#__PURE__*/function () {
       }
 
       // Skip helpers and special objects
-      var isHelper = object.isHelper || ((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.isHelper) || ((_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.isBoundingBox);
-      var isBaseGround = (_object$userData4 = object.userData) === null || _object$userData4 === void 0 ? void 0 : _object$userData4.isBaseGround;
-      var isBrickWall = (_object$userData5 = object.userData) === null || _object$userData5 === void 0 ? void 0 : _object$userData5.isBrickWall;
+      var isHelper = object.isHelper || ((_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.isHelper) || ((_object$userData4 = object.userData) === null || _object$userData4 === void 0 ? void 0 : _object$userData4.isBoundingBox);
+      var isBaseGround = (_object$userData5 = object.userData) === null || _object$userData5 === void 0 ? void 0 : _object$userData5.isBaseGround;
+      var isBrickWall = (_object$userData6 = object.userData) === null || _object$userData6 === void 0 ? void 0 : _object$userData6.isBrickWall;
       if (isHelper || isBaseGround || isBrickWall || !object.visible) {
         return false;
       }
 
       // Skip segment connectors - they should not be selectable for transformation
-      if (((_object$userData6 = object.userData) === null || _object$userData6 === void 0 ? void 0 : _object$userData6.objectType) === 'segment-connector') {
+      if (((_object$userData7 = object.userData) === null || _object$userData7 === void 0 ? void 0 : _object$userData7.objectType) === 'segment-connector') {
         return false;
       }
 
       // Check if object has explicit selectable flag set to false
-      if (((_object$userData7 = object.userData) === null || _object$userData7 === void 0 ? void 0 : _object$userData7.selectable) === false) {
+      if (((_object$userData8 = object.userData) === null || _object$userData8 === void 0 ? void 0 : _object$userData8.selectable) === false) {
+        return false;
+      }
+
+      // Check if object is marked as immutable (computed segments/elbows from pathfinder)
+      if (((_object$userData9 = object.userData) === null || _object$userData9 === void 0 ? void 0 : _object$userData9.immutable) === true) {
         return false;
       }
 
       // Allow components, gateways, and segments to be selected
-      var objectType = (_object$userData8 = object.userData) === null || _object$userData8 === void 0 ? void 0 : _object$userData8.objectType;
+      var objectType = (_object$userData0 = object.userData) === null || _object$userData0 === void 0 ? void 0 : _object$userData0.objectType;
       return objectType === 'component' || objectType === 'gateway' || isSegment(object);
     }
     /**
@@ -4664,7 +4691,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
 
       // Traverse scene to find selectable objects
       this.scene.traverse(function (object) {
-        var _object$userData9, _object$userData0;
+        var _object$userData1, _object$userData10;
         // Skip invalid objects and helpers early
         if (!object || !object.isObject3D) {
           return;
@@ -4676,7 +4703,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
         }
 
         // Skip other helpers and special objects
-        if (object.isHelper || (_object$userData9 = object.userData) !== null && _object$userData9 !== void 0 && _object$userData9.isHelper || (_object$userData0 = object.userData) !== null && _object$userData0 !== void 0 && _object$userData0.isBoundingBox) {
+        if (object.isHelper || (_object$userData1 = object.userData) !== null && _object$userData1 !== void 0 && _object$userData1.isHelper || (_object$userData10 = object.userData) !== null && _object$userData10 !== void 0 && _object$userData10.isBoundingBox) {
           return;
         }
         try {
@@ -4848,17 +4875,17 @@ var TransformControlsManager = /*#__PURE__*/function () {
   }, {
     key: "applyMultiSelectionTransform",
     value: (function () {
-      var _applyMultiSelectionTransform = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _applyMultiSelectionTransform = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
         var _this9 = this;
-        var groupPosition, originalCentroid, positionDelta, deltaX, deltaY, deltaZ, threshold, _this$sceneViewer, segments, gateways, components, transformOpsManager, THROTTLE_DELAY, SEGMENT_DELAY, _throttleDelay, _loop, i, _THROTTLE_DELAY, _SEGMENT_DELAY, _throttleDelay2, _loop2, _i, GATEWAY_THROTTLE, GATEWAY_DELAY, COMPONENT_THROTTLE, COMPONENT_DELAY, throttleDelay, _i2, _gateway$userData, gateway, gatewayId, _i3, _component$userData, component, componentId;
-        return _regenerator().w(function (_context3) {
-          while (1) switch (_context3.n) {
+        var groupPosition, originalCentroid, positionDelta, deltaX, deltaY, deltaZ, threshold, _this$sceneViewer, _this$sceneViewer2, _this$sceneViewer3, _this$sceneViewer4, _this$sceneViewer5, segments, gateways, components, transformOpsManager, THROTTLE_DELAY, SEGMENT_DELAY, _throttleDelay, _loop, i, _THROTTLE_DELAY, _SEGMENT_DELAY, _throttleDelay2, _loop2, _i, GATEWAY_THROTTLE, GATEWAY_DELAY, COMPONENT_THROTTLE, COMPONENT_DELAY, throttleDelay, _i2, _gateway$userData, gateway, gatewayId, _i3, _component$userData, component, componentId;
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
             case 0:
               if (!(!this.multiSelectionGroup || this.selectedObjects.length === 0)) {
-                _context3.n = 1;
+                _context4.n = 1;
                 break;
               }
-              return _context3.a(2);
+              return _context4.a(2);
             case 1:
               console.log("\uD83D\uDD27 Applying multi-selection transform to ".concat(this.selectedObjects.length, " objects"));
 
@@ -4887,7 +4914,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
               // Only process if there's a meaningful translation
               threshold = 0.001;
               if (!(this.currentMode === 'translate' && positionDelta.length() > threshold)) {
-                _context3.n = 21;
+                _context4.n = 21;
                 break;
               }
               // FIRST: Reset all objects to their original positions
@@ -4910,14 +4937,23 @@ var TransformControlsManager = /*#__PURE__*/function () {
               });
               components = this.selectedObjects.filter(function (obj) {
                 return !isSegment(obj) && !isGateway(obj);
-              }); // BATCH SEGMENT TRANSLATIONS: Call translateSegment with skipPathUpdate=true
+              }); // Debug: Check availability of managers
+              console.log('🔍 Debug - sceneViewer available:', !!this.sceneViewer);
+              console.log('🔍 Debug - sceneViewer.managers available:', !!((_this$sceneViewer = this.sceneViewer) !== null && _this$sceneViewer !== void 0 && _this$sceneViewer.managers));
+              console.log('🔍 Debug - Available managers:', (_this$sceneViewer2 = this.sceneViewer) !== null && _this$sceneViewer2 !== void 0 && _this$sceneViewer2.managers ? Object.keys(this.sceneViewer.managers) : 'none');
+              console.log('🔍 Debug - transformOperationsManager (direct):', !!((_this$sceneViewer3 = this.sceneViewer) !== null && _this$sceneViewer3 !== void 0 && _this$sceneViewer3.transformOperationsManager));
+              console.log('🔍 Debug - transformOperations (managers.transformOperations):', !!((_this$sceneViewer4 = this.sceneViewer) !== null && _this$sceneViewer4 !== void 0 && (_this$sceneViewer4 = _this$sceneViewer4.managers) !== null && _this$sceneViewer4 !== void 0 && _this$sceneViewer4.transformOperations));
+              console.log('🔍 Debug - Segments to translate:', segments.length);
+
+              // BATCH SEGMENT TRANSLATIONS: Call translateSegment with skipPathUpdate=true
               // Process segments SEQUENTIALLY with throttling for maximum stability
-              if (!(segments.length > 0 && (_this$sceneViewer = this.sceneViewer) !== null && _this$sceneViewer !== void 0 && (_this$sceneViewer = _this$sceneViewer.managers) !== null && _this$sceneViewer !== void 0 && _this$sceneViewer.transformOperations)) {
-                _context3.n = 5;
+              // Access transformOperationsManager directly from sceneViewer (it's attached in attachToComponent)
+              if (!(segments.length > 0 && (_this$sceneViewer5 = this.sceneViewer) !== null && _this$sceneViewer5 !== void 0 && _this$sceneViewer5.transformOperationsManager)) {
+                _context4.n = 5;
                 break;
               }
               console.log("\uD83D\uDD27 Batch translating ".concat(segments.length, " segments (sequential with throttling)..."));
-              transformOpsManager = this.sceneViewer.managers.transformOperations; // Throttle delay in milliseconds (adjust as needed for stability)
+              transformOpsManager = this.sceneViewer.transformOperationsManager; // Throttle delay in milliseconds (adjust as needed for stability)
               THROTTLE_DELAY = 10; // 10ms between axis operations
               SEGMENT_DELAY = 20; // 20ms between segments
               // Helper function for throttled delay
@@ -4928,13 +4964,13 @@ var TransformControlsManager = /*#__PURE__*/function () {
               }; // Process each segment sequentially with throttling for stability
               _loop = /*#__PURE__*/_regenerator().m(function _loop(i) {
                 var segment, _segment$userData, _segment$userData2, segmentId, success, newSegmentId, _segment$userData3, _segment$userData4, _segmentId, _success, _newSegmentId, _segment$userData5, _segment$userData6, _segmentId2, _success2, _newSegmentId2, selectedIndex;
-                return _regenerator().w(function (_context) {
-                  while (1) switch (_context.n) {
+                return _regenerator().w(function (_context2) {
+                  while (1) switch (_context2.n) {
                     case 0:
                       segment = segments[i]; // Call translateSegment API with skipPathUpdate=true to defer path updates
                       // IMPORTANT: Refresh segment reference after each axis to handle UUID changes from manualization
                       if (!(Math.abs(deltaX) > threshold)) {
-                        _context.n = 1;
+                        _context2.n = 1;
                         break;
                       }
                       segmentId = segment.uuid || ((_segment$userData = segment.userData) === null || _segment$userData === void 0 ? void 0 : _segment$userData.originalUuid);
@@ -4944,7 +4980,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
                       }
                       // Refresh segment reference by searching for the new UUID or by segmentIndex
                       // After manualization, UUID changes from SEGMENT-X to Segment-X
-                      newSegmentId = (_segment$userData2 = segment.userData) !== null && _segment$userData2 !== void 0 && _segment$userData2.segmentIndex ? "Segment-".concat(segment.userData.segmentIndex) : segmentId;
+                      newSegmentId = (_segment$userData2 = segment.userData) !== null && _segment$userData2 !== void 0 && _segment$userData2.segmentIndex ? "SEGMENT-".concat(segment.userData.segmentIndex) : segmentId;
                       segment = _this9.sceneViewer.scene.getObjectByProperty('uuid', newSegmentId) || segment;
 
                       // Update matrix to ensure geometry is current for next operation
@@ -4952,11 +4988,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
                         segment.updateMatrix();
                         segment.updateMatrixWorld(true);
                       }
-                      _context.n = 1;
+                      _context2.n = 1;
                       return _throttleDelay(THROTTLE_DELAY);
                     case 1:
                       if (!(Math.abs(deltaY) > threshold)) {
-                        _context.n = 2;
+                        _context2.n = 2;
                         break;
                       }
                       _segmentId = segment.uuid || ((_segment$userData3 = segment.userData) === null || _segment$userData3 === void 0 ? void 0 : _segment$userData3.originalUuid);
@@ -4965,7 +5001,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
                         console.warn("\u26A0\uFE0F Failed to translate segment ".concat(_segmentId, " on Y axis"));
                       }
                       // Refresh segment reference by searching for the new UUID
-                      _newSegmentId = (_segment$userData4 = segment.userData) !== null && _segment$userData4 !== void 0 && _segment$userData4.segmentIndex ? "Segment-".concat(segment.userData.segmentIndex) : _segmentId;
+                      _newSegmentId = (_segment$userData4 = segment.userData) !== null && _segment$userData4 !== void 0 && _segment$userData4.segmentIndex ? "SEGMENT-".concat(segment.userData.segmentIndex) : _segmentId;
                       segment = _this9.sceneViewer.scene.getObjectByProperty('uuid', _newSegmentId) || segment;
 
                       // Update matrix to ensure geometry is current for next operation
@@ -4973,11 +5009,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
                         segment.updateMatrix();
                         segment.updateMatrixWorld(true);
                       }
-                      _context.n = 2;
+                      _context2.n = 2;
                       return _throttleDelay(THROTTLE_DELAY);
                     case 2:
                       if (!(Math.abs(deltaZ) > threshold)) {
-                        _context.n = 3;
+                        _context2.n = 3;
                         break;
                       }
                       _segmentId2 = segment.uuid || ((_segment$userData5 = segment.userData) === null || _segment$userData5 === void 0 ? void 0 : _segment$userData5.originalUuid);
@@ -4986,7 +5022,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
                         console.warn("\u26A0\uFE0F Failed to translate segment ".concat(_segmentId2, " on Z axis"));
                       }
                       // Refresh segment reference by searching for the new UUID
-                      _newSegmentId2 = (_segment$userData6 = segment.userData) !== null && _segment$userData6 !== void 0 && _segment$userData6.segmentIndex ? "Segment-".concat(segment.userData.segmentIndex) : _segmentId2;
+                      _newSegmentId2 = (_segment$userData6 = segment.userData) !== null && _segment$userData6 !== void 0 && _segment$userData6.segmentIndex ? "SEGMENT-".concat(segment.userData.segmentIndex) : _segmentId2;
                       segment = _this9.sceneViewer.scene.getObjectByProperty('uuid', _newSegmentId2) || segment;
 
                       // Update matrix to ensure geometry is current for next operation
@@ -4994,7 +5030,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
                         segment.updateMatrix();
                         segment.updateMatrixWorld(true);
                       }
-                      _context.n = 3;
+                      _context2.n = 3;
                       return _throttleDelay(THROTTLE_DELAY);
                     case 3:
                       // Update the segment in the selectedObjects array with the refreshed reference
@@ -5026,26 +5062,26 @@ var TransformControlsManager = /*#__PURE__*/function () {
 
                       // Delay between segments to ensure all updates propagate
                       if (!(i < segments.length - 1)) {
-                        _context.n = 4;
+                        _context2.n = 4;
                         break;
                       }
-                      _context.n = 4;
+                      _context2.n = 4;
                       return _throttleDelay(SEGMENT_DELAY);
                     case 4:
-                      return _context.a(2);
+                      return _context2.a(2);
                   }
                 }, _loop);
               });
               i = 0;
             case 2:
               if (!(i < segments.length)) {
-                _context3.n = 4;
+                _context4.n = 4;
                 break;
               }
-              return _context3.d(_regeneratorValues(_loop(i)), 3);
+              return _context4.d(_regeneratorValues(_loop(i)), 3);
             case 3:
               i++;
-              _context3.n = 2;
+              _context4.n = 2;
               break;
             case 4:
               // Only call updatePaths ONCE after all segments are translated
@@ -5054,11 +5090,11 @@ var TransformControlsManager = /*#__PURE__*/function () {
                 this.sceneViewer.updatePaths();
                 console.log('✅ Paths regenerated successfully for all segments');
               }
-              _context3.n = 8;
+              _context4.n = 8;
               break;
             case 5:
               if (!(segments.length > 0)) {
-                _context3.n = 8;
+                _context4.n = 8;
                 break;
               }
               // Fallback to individual API calls if manager not available
@@ -5075,18 +5111,18 @@ var TransformControlsManager = /*#__PURE__*/function () {
               };
               _loop2 = /*#__PURE__*/_regenerator().m(function _loop2(_i) {
                 var segment, _segment$userData7, _segment$userData8, segmentId, newSegmentId, _segment$userData9, _segment$userData0, _segmentId3, _newSegmentId3, _segment$userData1, _segment$userData10, _segmentId4, _newSegmentId4, selectedIndex;
-                return _regenerator().w(function (_context2) {
-                  while (1) switch (_context2.n) {
+                return _regenerator().w(function (_context3) {
+                  while (1) switch (_context3.n) {
                     case 0:
                       segment = segments[_i];
                       if (!(Math.abs(deltaX) > threshold)) {
-                        _context2.n = 1;
+                        _context3.n = 1;
                         break;
                       }
                       segmentId = segment.uuid || ((_segment$userData7 = segment.userData) === null || _segment$userData7 === void 0 ? void 0 : _segment$userData7.originalUuid);
                       _this9.centralPlant.translateSegment(segmentId, 'x', deltaX);
                       // Refresh segment reference by searching for the new UUID after manualization
-                      newSegmentId = (_segment$userData8 = segment.userData) !== null && _segment$userData8 !== void 0 && _segment$userData8.segmentIndex ? "Segment-".concat(segment.userData.segmentIndex) : segmentId;
+                      newSegmentId = (_segment$userData8 = segment.userData) !== null && _segment$userData8 !== void 0 && _segment$userData8.segmentIndex ? "SEGMENT-".concat(segment.userData.segmentIndex) : segmentId;
                       segment = _this9.sceneViewer.scene.getObjectByProperty('uuid', newSegmentId) || segment;
 
                       // Update matrix to ensure geometry is current for next operation
@@ -5094,17 +5130,17 @@ var TransformControlsManager = /*#__PURE__*/function () {
                         segment.updateMatrix();
                         segment.updateMatrixWorld(true);
                       }
-                      _context2.n = 1;
+                      _context3.n = 1;
                       return _throttleDelay2(_THROTTLE_DELAY);
                     case 1:
                       if (!(Math.abs(deltaY) > threshold)) {
-                        _context2.n = 2;
+                        _context3.n = 2;
                         break;
                       }
                       _segmentId3 = segment.uuid || ((_segment$userData9 = segment.userData) === null || _segment$userData9 === void 0 ? void 0 : _segment$userData9.originalUuid);
                       _this9.centralPlant.translateSegment(_segmentId3, 'y', deltaY);
                       // Refresh segment reference by searching for the new UUID after manualization
-                      _newSegmentId3 = (_segment$userData0 = segment.userData) !== null && _segment$userData0 !== void 0 && _segment$userData0.segmentIndex ? "Segment-".concat(segment.userData.segmentIndex) : _segmentId3;
+                      _newSegmentId3 = (_segment$userData0 = segment.userData) !== null && _segment$userData0 !== void 0 && _segment$userData0.segmentIndex ? "SEGMENT-".concat(segment.userData.segmentIndex) : _segmentId3;
                       segment = _this9.sceneViewer.scene.getObjectByProperty('uuid', _newSegmentId3) || segment;
 
                       // Update matrix to ensure geometry is current for next operation
@@ -5112,17 +5148,17 @@ var TransformControlsManager = /*#__PURE__*/function () {
                         segment.updateMatrix();
                         segment.updateMatrixWorld(true);
                       }
-                      _context2.n = 2;
+                      _context3.n = 2;
                       return _throttleDelay2(_THROTTLE_DELAY);
                     case 2:
                       if (!(Math.abs(deltaZ) > threshold)) {
-                        _context2.n = 3;
+                        _context3.n = 3;
                         break;
                       }
                       _segmentId4 = segment.uuid || ((_segment$userData1 = segment.userData) === null || _segment$userData1 === void 0 ? void 0 : _segment$userData1.originalUuid);
                       _this9.centralPlant.translateSegment(_segmentId4, 'z', deltaZ);
                       // Refresh segment reference by searching for the new UUID after manualization
-                      _newSegmentId4 = (_segment$userData10 = segment.userData) !== null && _segment$userData10 !== void 0 && _segment$userData10.segmentIndex ? "Segment-".concat(segment.userData.segmentIndex) : _segmentId4;
+                      _newSegmentId4 = (_segment$userData10 = segment.userData) !== null && _segment$userData10 !== void 0 && _segment$userData10.segmentIndex ? "SEGMENT-".concat(segment.userData.segmentIndex) : _segmentId4;
                       segment = _this9.sceneViewer.scene.getObjectByProperty('uuid', _newSegmentId4) || segment;
 
                       // Update matrix to ensure geometry is current for next operation
@@ -5130,7 +5166,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
                         segment.updateMatrix();
                         segment.updateMatrixWorld(true);
                       }
-                      _context2.n = 3;
+                      _context3.n = 3;
                       return _throttleDelay2(_THROTTLE_DELAY);
                     case 3:
                       // Update the segment in the selectedObjects array with the refreshed reference
@@ -5161,26 +5197,26 @@ var TransformControlsManager = /*#__PURE__*/function () {
 
                       // Delay between segments
                       if (!(_i < segments.length - 1)) {
-                        _context2.n = 4;
+                        _context3.n = 4;
                         break;
                       }
-                      _context2.n = 4;
+                      _context3.n = 4;
                       return _throttleDelay2(_SEGMENT_DELAY);
                     case 4:
-                      return _context2.a(2);
+                      return _context3.a(2);
                   }
                 }, _loop2);
               });
               _i = 0;
             case 6:
               if (!(_i < segments.length)) {
-                _context3.n = 8;
+                _context4.n = 8;
                 break;
               }
-              return _context3.d(_regeneratorValues(_loop2(_i)), 7);
+              return _context4.d(_regeneratorValues(_loop2(_i)), 7);
             case 7:
               _i++;
-              _context3.n = 6;
+              _context4.n = 6;
               break;
             case 8:
               // Throttle delays for gateways and components
@@ -5196,33 +5232,33 @@ var TransformControlsManager = /*#__PURE__*/function () {
               _i2 = 0;
             case 9:
               if (!(_i2 < gateways.length)) {
-                _context3.n = 14;
+                _context4.n = 14;
                 break;
               }
               gateway = gateways[_i2];
               gatewayId = gateway.uuid || ((_gateway$userData = gateway.userData) === null || _gateway$userData === void 0 ? void 0 : _gateway$userData.originalUuid);
               if (!(Math.abs(deltaX) > threshold)) {
-                _context3.n = 10;
+                _context4.n = 10;
                 break;
               }
               this.centralPlant.translateGateway(gatewayId, 'x', deltaX);
-              _context3.n = 10;
+              _context4.n = 10;
               return throttleDelay(GATEWAY_THROTTLE);
             case 10:
               if (!(Math.abs(deltaY) > threshold)) {
-                _context3.n = 11;
+                _context4.n = 11;
                 break;
               }
               this.centralPlant.translateGateway(gatewayId, 'y', deltaY);
-              _context3.n = 11;
+              _context4.n = 11;
               return throttleDelay(GATEWAY_THROTTLE);
             case 11:
               if (!(Math.abs(deltaZ) > threshold)) {
-                _context3.n = 12;
+                _context4.n = 12;
                 break;
               }
               this.centralPlant.translateGateway(gatewayId, 'z', deltaZ);
-              _context3.n = 12;
+              _context4.n = 12;
               return throttleDelay(GATEWAY_THROTTLE);
             case 12:
               console.log("\uD83D\uDEAA Gateway ".concat(gateway.name, " translated (").concat(_i2 + 1, "/").concat(gateways.length, "):"), {
@@ -5233,46 +5269,46 @@ var TransformControlsManager = /*#__PURE__*/function () {
 
               // Delay between gateways
               if (!(_i2 < gateways.length - 1)) {
-                _context3.n = 13;
+                _context4.n = 13;
                 break;
               }
-              _context3.n = 13;
+              _context4.n = 13;
               return throttleDelay(GATEWAY_DELAY);
             case 13:
               _i2++;
-              _context3.n = 9;
+              _context4.n = 9;
               break;
             case 14:
               _i3 = 0;
             case 15:
               if (!(_i3 < components.length)) {
-                _context3.n = 20;
+                _context4.n = 20;
                 break;
               }
               component = components[_i3];
               componentId = component.uuid || ((_component$userData = component.userData) === null || _component$userData === void 0 ? void 0 : _component$userData.originalUuid);
               if (!(Math.abs(deltaX) > threshold)) {
-                _context3.n = 16;
+                _context4.n = 16;
                 break;
               }
               this.centralPlant.translate(componentId, 'x', deltaX);
-              _context3.n = 16;
+              _context4.n = 16;
               return throttleDelay(COMPONENT_THROTTLE);
             case 16:
               if (!(Math.abs(deltaY) > threshold)) {
-                _context3.n = 17;
+                _context4.n = 17;
                 break;
               }
               this.centralPlant.translate(componentId, 'y', deltaY);
-              _context3.n = 17;
+              _context4.n = 17;
               return throttleDelay(COMPONENT_THROTTLE);
             case 17:
               if (!(Math.abs(deltaZ) > threshold)) {
-                _context3.n = 18;
+                _context4.n = 18;
                 break;
               }
               this.centralPlant.translate(componentId, 'z', deltaZ);
-              _context3.n = 18;
+              _context4.n = 18;
               return throttleDelay(COMPONENT_THROTTLE);
             case 18:
               console.log("\uD83D\uDD27 Component ".concat(component.name, " translated (").concat(_i3 + 1, "/").concat(components.length, "):"), {
@@ -5283,14 +5319,14 @@ var TransformControlsManager = /*#__PURE__*/function () {
 
               // Delay between components
               if (!(_i3 < components.length - 1)) {
-                _context3.n = 19;
+                _context4.n = 19;
                 break;
               }
-              _context3.n = 19;
+              _context4.n = 19;
               return throttleDelay(COMPONENT_DELAY);
             case 19:
               _i3++;
-              _context3.n = 15;
+              _context4.n = 15;
               break;
             case 20:
               console.log("\u2705 All ".concat(this.selectedObjects.length, " objects translated with delta:"), {
@@ -5319,9 +5355,9 @@ var TransformControlsManager = /*#__PURE__*/function () {
               }
               console.log("\u2705 Multi-selection transform applied");
             case 22:
-              return _context3.a(2);
+              return _context4.a(2);
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
       function applyMultiSelectionTransform() {
         return _applyMultiSelectionTransform.apply(this, arguments);
@@ -19020,6 +19056,20 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         this.fixUndergroundComponent(component);
       }
 
+      // Auto-update paths if enabled (matches behavior of translateSegment and translateGateway)
+      if (this.sceneViewer.shouldUpdatePaths) {
+        try {
+          if (this.sceneViewer && typeof this.sceneViewer.updatePaths === 'function') {
+            this.sceneViewer.updatePaths();
+            console.log('🔄 Paths auto-updated after component translation');
+          } else {
+            console.warn('⚠️ updatePaths method not available on sceneViewer');
+          }
+        } catch (error) {
+          console.error('❌ Error auto-updating paths:', error);
+        }
+      }
+
       // Emit transform event if available
       if (this.sceneViewer.emit && typeof this.sceneViewer.emit === 'function') {
         this.sceneViewer.emit('objectTransformed', {
@@ -19040,23 +19090,30 @@ var TransformOperationsManager = /*#__PURE__*/function () {
      * @param {number} value - The value to translate by
      * @returns {boolean} True if translation was successful, false otherwise
      */
+    /**
+     * Validate all preconditions for translateSegment operation
+     * @param {string} segmentId - The UUID of the segment to translate
+     * @param {string} axis - The axis to translate on ('x', 'y', or 'z')
+     * @param {number} value - The value to translate by
+     * @returns {Object|null} Returns { segment } if all checks pass, null otherwise
+     * @private
+     */
   }, {
-    key: "translateSegment",
-    value: function translateSegment(segmentId, axis, value) {
-      var _segment$userData, _segment$userData2, _this$sceneViewer3, _this$sceneViewer$man3, _this$sceneViewer$man4, _this$sceneViewer$man5;
-      var skipPathUpdate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    key: "validateTranslateSegment",
+    value: function validateTranslateSegment(segmentId, axis, value) {
+      var _segment$userData, _segment$userData2, _segment$userData3;
       // Validate parameters
       if (!segmentId || !axis || value === undefined || value === null) {
         console.error('❌ translateSegment(): Invalid parameters');
-        return false;
+        return null;
       }
       if (!['x', 'y', 'z'].includes(axis)) {
         console.error("\u274C translateSegment(): Invalid axis '".concat(axis, "'. Must be 'x', 'y', or 'z'"));
-        return false;
+        return null;
       }
       if (!this.sceneViewer || !this.sceneViewer.scene) {
         console.error('❌ translateSegment(): Scene viewer or scene not available');
-        return false;
+        return null;
       }
 
       // Find the segment in the scene
@@ -19069,19 +19126,25 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       });
       if (!segment) {
         console.error("\u274C translateSegment(): Segment with ID '".concat(segmentId, "' not found in scene"));
-        return false;
+        return null;
       }
 
       // Validate that it's actually a pipe segment
       if (!((_segment$userData = segment.userData) !== null && _segment$userData !== void 0 && _segment$userData.objectType) === 'segment') {
         console.error("\u274C translateSegment(): Object with ID '".concat(segmentId, "' is not a valid pipe segment"));
-        return false;
+        return null;
       }
 
       // Check if segment is transformable
       if (((_segment$userData2 = segment.userData) === null || _segment$userData2 === void 0 ? void 0 : _segment$userData2.transformable) === false) {
         console.warn("\u26A0\uFE0F translateSegment(): Segment '".concat(segmentId, "' is marked as non-transformable (stub segment)"));
-        return false;
+        return null;
+      }
+
+      // Check if segment is immutable (computed from pathfinder)
+      if (((_segment$userData3 = segment.userData) === null || _segment$userData3 === void 0 ? void 0 : _segment$userData3.immutable) === true) {
+        console.warn("\u26A0\uFE0F translateSegment(): Segment '".concat(segmentId, "' is immutable (computed from pathfinder)"));
+        return null;
       }
 
       // Check segment orientation and cancel invalid translations
@@ -19100,160 +19163,129 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       if (absX > tolerance && axis === 'x') {
         console.warn("\u26A0\uFE0F translateSegment(): Cannot translate segment along ".concat(axis.toUpperCase(), " axis - segment runs along this axis"));
         console.warn("   Segment direction: [".concat(direction.x.toFixed(3), ", ").concat(direction.y.toFixed(3), ", ").concat(direction.z.toFixed(3), "]"));
-        return false;
+        return null;
       }
       if (absY > tolerance && axis === 'y') {
         console.warn("\u26A0\uFE0F translateSegment(): Cannot translate segment along ".concat(axis.toUpperCase(), " axis - segment runs along this axis"));
         console.warn("   Segment direction: [".concat(direction.x.toFixed(3), ", ").concat(direction.y.toFixed(3), ", ").concat(direction.z.toFixed(3), "]"));
-        return false;
+        return null;
       }
       if (absZ > tolerance && axis === 'z') {
         console.warn("\u26A0\uFE0F translateSegment(): Cannot translate segment along ".concat(axis.toUpperCase(), " axis - segment runs along this axis"));
         console.warn("   Segment direction: [".concat(direction.x.toFixed(3), ", ").concat(direction.y.toFixed(3), ", ").concat(direction.z.toFixed(3), "]"));
-        return false;
+        return null;
       }
-      console.log('[translateSegment] segment:', segment);
 
-      // Calculate segment endpoints to check for nearby connectors
-      var segmentEndpoints = this.calculateSegmentEndpoints(segment);
-
-      // Check if there are any connectors (component or manual) at segment endpoints
-      var connectorsAtEndpoints = this.findConnectorsAtPositions([segmentEndpoints.start, segmentEndpoints.end], 0.15 // tolerance for position matching
-      );
-      console.log("\uD83D\uDD0D Found ".concat(connectorsAtEndpoints.length, " total connectors at segment endpoints:"), connectorsAtEndpoints.map(function (c) {
-        var _c$userData, _c$parent, _c$parent2;
-        return {
-          uuid: c.uuid,
-          type: (_c$userData = c.userData) === null || _c$userData === void 0 ? void 0 : _c$userData.objectType,
-          parent: (_c$parent = c.parent) === null || _c$parent === void 0 ? void 0 : _c$parent.uuid,
-          parentType: (_c$parent2 = c.parent) === null || _c$parent2 === void 0 || (_c$parent2 = _c$parent2.userData) === null || _c$parent2 === void 0 ? void 0 : _c$parent2.objectType
-        };
-      }));
-
-      // Filter out segment connectors - we only care about component connectors
-      var componentConnectorsAtEndpoints = connectorsAtEndpoints.filter(function (connector) {
-        var _connector$userData;
-        return ((_connector$userData = connector.userData) === null || _connector$userData === void 0 ? void 0 : _connector$userData.objectType) !== 'segment-connector';
-      });
-      console.log("\uD83D\uDD0D After filtering, ".concat(componentConnectorsAtEndpoints.length, " component connectors at endpoints"));
-      if (componentConnectorsAtEndpoints.length > 0) {
-        var _this$sceneViewer2, _this$sceneViewer$man2;
-        console.warn("\u26A0\uFE0F translateSegment(): Segment '".concat(segmentId, "' has component connectors at endpoints."));
-        console.log("   Found ".concat(componentConnectorsAtEndpoints.length, " component connector(s):"), componentConnectorsAtEndpoints.map(function (c) {
-          var _c$parent3;
-          return {
-            uuid: c.uuid,
-            parent: (_c$parent3 = c.parent) === null || _c$parent3 === void 0 ? void 0 : _c$parent3.uuid
-          };
-        }));
-
-        // Check if segment splitting is enabled in settings
-        var splitSegmentsEnabled = (_this$sceneViewer2 = this.sceneViewer) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.managers) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.settingsManager) === null || _this$sceneViewer2 === void 0 ? void 0 : _this$sceneViewer2.getSetting('scene', 'splitSegmentsWithComponentConnectors');
-        if (splitSegmentsEnabled === false) {
-          console.warn('⚠️ Segment splitting is disabled. Cannot translate segments with component connectors at endpoints.');
-          return false;
-        }
-
-        // Split the segment and translate the free half
-        console.log('✂️ Splitting segment to enable translation of the free half...');
+      // All checks passed - return the segment
+      return {
+        segment: segment
+      };
+    }
 
-        // Get sceneOperationsManager
-        var _sceneOperationsManager = (_this$sceneViewer$man2 = this.sceneViewer.managers) === null || _this$sceneViewer$man2 === void 0 ? void 0 : _this$sceneViewer$man2.sceneOperationsManager;
-        if (!_sceneOperationsManager) {
-          console.error('❌ translateSegment(): SceneOperationsManager not available for splitting');
-          return false;
-        }
-        try {
-          var splitResult = _sceneOperationsManager.splitSegment(segment, this.sceneViewer.currentSceneData);
-          if (splitResult) {
-            console.log("\u2705 Segment split and shortened: ".concat(splitResult.uuid, " (new length: ").concat(splitResult.geometry.parameters.height, ")"));
-
-            // The splitResult is now a shortened manual segment
-            // Translate this shortened segment
-            console.log("\uD83C\uDFAF Translating shortened manual segment: ".concat(splitResult.uuid));
-
-            // Now translate the shortened manual segment (recursive call with the new segment)
-            var translateSuccess = this.translateSegment(splitResult.uuid, axis, value);
-            if (!translateSuccess) {
-              console.error('❌ translateSegment(): Failed to translate shortened manual segment');
-              return false;
-            }
-            console.log('✅ Split, shorten, and translate operation completed successfully');
-            return true;
-          } else {
-            console.error('❌ translateSegment(): Split operation failed');
-            return false;
-          }
-        } catch (error) {
-          console.error('❌ translateSegment(): Error splitting segment:', error);
-          return false;
-        }
-      }
-      console.log("\uD83D\uDD04 translateSegment(): Translating segment ".concat(segmentId, " on ").concat(axis, " axis by ").concat(value));
+    /**
+     * Validate collision constraints for translateSegment operation
+     * Temporarily applies the translation to check for collisions, then reverts
+     * @param {THREE.Object3D} segment - The segment to check
+     * @param {string} axis - The axis to translate on ('x', 'y', or 'z')
+     * @param {number} value - The value to translate by
+     * @returns {boolean} True if no collisions detected, false if translation would cause collision
+     * @private
+     */
+  }, {
+    key: "validateTranslateSegmentCollisions",
+    value: function validateTranslateSegmentCollisions(segment, axis, value) {
+      var _this$sceneViewer2;
+      // Store original position for reverting
+      var originalPosition = segment.position[axis];
 
       // Temporarily apply the translation to check for collisions
-      var originalPosition = segment.position[axis];
       segment.position[axis] += value;
       segment.updateMatrix();
       segment.updateMatrixWorld(true);
 
       // Check for collision with component connectors along the segment's path
-      var collision = this.checkSegmentPathConnectorCollision(segment);
-      if (collision) {
+      var connectorCollision = this.checkSegmentPathConnectorCollision(segment);
+      if (connectorCollision) {
         // Revert the translation
         segment.position[axis] = originalPosition;
         segment.updateMatrix();
         segment.updateMatrixWorld(true);
         console.warn("\u26A0\uFE0F translateSegment(): Translation canceled - segment path comes within 0.5 radius of component connector");
-        console.warn("   Distance to connector: ".concat(collision.distance.toFixed(3), " (max allowed: 0.5)"));
-        console.warn("   Closest point on segment: [".concat(collision.collisionPoint.x.toFixed(3), ", ").concat(collision.collisionPoint.y.toFixed(3), ", ").concat(collision.collisionPoint.z.toFixed(3), "]"));
-        console.warn("   Connector position: [".concat(collision.connectorPos.x.toFixed(3), ", ").concat(collision.connectorPos.y.toFixed(3), ", ").concat(collision.connectorPos.z.toFixed(3), "]"));
-        console.warn("   Colliding connector: ".concat(collision.connectorId, " on component: ").concat(collision.componentId));
+        console.warn("   Distance to connector: ".concat(connectorCollision.distance.toFixed(3), " (max allowed: 0.5)"));
+        console.warn("   Closest point on segment: [".concat(connectorCollision.collisionPoint.x.toFixed(3), ", ").concat(connectorCollision.collisionPoint.y.toFixed(3), ", ").concat(connectorCollision.collisionPoint.z.toFixed(3), "]"));
+        console.warn("   Connector position: [".concat(connectorCollision.connectorPos.x.toFixed(3), ", ").concat(connectorCollision.connectorPos.y.toFixed(3), ", ").concat(connectorCollision.connectorPos.z.toFixed(3), "]"));
+        console.warn("   Colliding connector: ".concat(connectorCollision.connectorId, " on component: ").concat(connectorCollision.componentId));
         return false;
       }
 
-      // Revert the temporary translation before continuing with the normal flow
-      segment.position[axis] = originalPosition;
-      segment.updateMatrix();
-      segment.updateMatrixWorld(true);
+      // Check for collision with component bounding boxes
+      var componentCollision = this.checkSegmentComponentBoundingBoxCollision(segment);
+      if (componentCollision) {
+        // Revert the translation
+        segment.position[axis] = originalPosition;
+        segment.updateMatrix();
+        segment.updateMatrixWorld(true);
+        console.warn("\u26A0\uFE0F translateSegment(): Translation canceled - segment would collide with component bounding box");
+        console.warn("   Component ID: ".concat(componentCollision.componentId));
+        console.warn("   Component Name: ".concat(componentCollision.componentName));
+        console.warn("   Component Type: ".concat(componentCollision.componentType));
+        return false;
+      }
 
       // Check if translationalOverrideForAutomaticSegments is enabled
-      var translationalOverride = (_this$sceneViewer3 = this.sceneViewer) === null || _this$sceneViewer3 === void 0 || (_this$sceneViewer3 = _this$sceneViewer3.managers) === null || _this$sceneViewer3 === void 0 || (_this$sceneViewer3 = _this$sceneViewer3.settingsManager) === null || _this$sceneViewer3 === void 0 ? void 0 : _this$sceneViewer3.getSetting('scene', 'translationalOverrideForAutomaticSegments');
+      var translationalOverride = (_this$sceneViewer2 = this.sceneViewer) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.managers) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.settingsManager) === null || _this$sceneViewer2 === void 0 ? void 0 : _this$sceneViewer2.getSetting('scene', 'translationalOverrideForAutomaticSegments');
 
       // If override is disabled (false), check for intersections with computed segments
       if (translationalOverride === false) {
         console.log('🔍 Checking for intersections with computed segments (translationalOverrideForAutomaticSegments is disabled)');
 
-        // Temporarily apply the translation to check for intersections
-        var _originalPosition = segment.position[axis];
-        segment.position[axis] += value;
-        segment.updateMatrix();
-        segment.updateMatrixWorld(true);
-
         // Check if the translated segment intersects with any computed segments
         var hasIntersection = this.checkSegmentIntersection(segment);
         console.log("\uD83D\uDD04 translateSegment() hasIntersection:", hasIntersection);
         if (hasIntersection) {
           // Revert the translation
-          segment.position[axis] = _originalPosition;
+          segment.position[axis] = originalPosition;
           segment.updateMatrix();
           segment.updateMatrixWorld(true);
           console.warn("\u26A0\uFE0F translateSegment(): Translation canceled - segment would intersect with computed segment(s)");
           return false;
         }
         console.log('✅ No intersections detected, proceeding with translation');
-      } else {
-        // Apply the translation to the Three.js object
-        segment.position[axis] += value;
+      }
 
-        // Update matrices
-        segment.updateMatrix();
-        segment.updateMatrixWorld(true);
+      // Revert the temporary translation
+      segment.position[axis] = originalPosition;
+      segment.updateMatrix();
+      segment.updateMatrixWorld(true);
+      return true;
+    }
+  }, {
+    key: "translateSegment",
+    value: function translateSegment(segmentId, axis, value) {
+      var _this$sceneViewer$man2, _this$sceneViewer$man3, _this$sceneViewer$man4;
+      var skipPathUpdate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      // Run all basic validation checks
+      var validationResult = this.validateTranslateSegment(segmentId, axis, value);
+      if (!validationResult) {
+        return false;
+      }
+      var segment = validationResult.segment;
+      console.log("\uD83D\uDD04 translateSegment(): Translating segment ".concat(segmentId, " on ").concat(axis, " axis by ").concat(value));
+
+      // Run collision validation checks
+      var collisionValidation = this.validateTranslateSegmentCollisions(segment, axis, value);
+      if (!collisionValidation) {
+        return false;
       }
 
+      // All validations passed - apply the translation
+      segment.position[axis] += value;
+      segment.updateMatrix();
+      segment.updateMatrixWorld(true);
+
       // Validate PathfindingManager and SceneOperationsManager availability
-      var pathfindingManager = (_this$sceneViewer$man3 = this.sceneViewer.managers) === null || _this$sceneViewer$man3 === void 0 ? void 0 : _this$sceneViewer$man3.pathfindingManager;
-      var sceneOperationsManager = (_this$sceneViewer$man4 = this.sceneViewer.managers) === null || _this$sceneViewer$man4 === void 0 ? void 0 : _this$sceneViewer$man4.sceneOperationsManager;
+      var pathfindingManager = (_this$sceneViewer$man2 = this.sceneViewer.managers) === null || _this$sceneViewer$man2 === void 0 ? void 0 : _this$sceneViewer$man2.pathfindingManager;
+      var sceneOperationsManager = (_this$sceneViewer$man3 = this.sceneViewer.managers) === null || _this$sceneViewer$man3 === void 0 ? void 0 : _this$sceneViewer$man3.sceneOperationsManager;
       if (!pathfindingManager || !sceneOperationsManager) {
         console.error('❌ translateSegment(): PathfindingManager or SceneOperationsManager not available');
         return false;
@@ -19278,7 +19310,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Store transform parameters using the OperationHistoryManager BEFORE updatePaths
       // This is critical so that intersection detection can undo the operation
-      if ((_this$sceneViewer$man5 = this.sceneViewer.managers) !== null && _this$sceneViewer$man5 !== void 0 && _this$sceneViewer$man5.operationHistory) {
+      if ((_this$sceneViewer$man4 = this.sceneViewer.managers) !== null && _this$sceneViewer$man4 !== void 0 && _this$sceneViewer$man4.operationHistory) {
         this.sceneViewer.managers.operationHistory.addToOperationHistory('translateSegment', {
           segmentId: segmentId,
           axis: axis,
@@ -19328,11 +19360,11 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "translateGateway",
     value: function translateGateway(gatewayId, axis, value) {
-      var _this$sceneViewer$man6, _this$sceneViewer$man7;
+      var _this$sceneViewer$man5, _this$sceneViewer$man6;
       console.log("[Pathfinder] translateGateway started");
 
       // Store transform parameters using the OperationHistoryManager
-      if ((_this$sceneViewer$man6 = this.sceneViewer.managers) !== null && _this$sceneViewer$man6 !== void 0 && _this$sceneViewer$man6.operationHistoryManager) {
+      if ((_this$sceneViewer$man5 = this.sceneViewer.managers) !== null && _this$sceneViewer$man5 !== void 0 && _this$sceneViewer$man5.operationHistoryManager) {
         this.sceneViewer.managers.operationHistoryManager.addToOperationHistory('translateGateway', {
           gatewayId: gatewayId,
           axis: axis,
@@ -19383,7 +19415,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Handle manual gateway transformation (convert to declared and process connections)
       console.log('🔧 Handling manual gateway transformation via SceneOperationsManager');
-      var sceneOperationsManager = (_this$sceneViewer$man7 = this.sceneViewer.managers) === null || _this$sceneViewer$man7 === void 0 ? void 0 : _this$sceneViewer$man7.sceneOperationsManager;
+      var sceneOperationsManager = (_this$sceneViewer$man6 = this.sceneViewer.managers) === null || _this$sceneViewer$man6 === void 0 ? void 0 : _this$sceneViewer$man6.sceneOperationsManager;
       if (!sceneOperationsManager) {
         console.error('❌ translateGateway(): SceneOperationsManager not available');
         return false;
@@ -19485,6 +19517,20 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       component.updateMatrix();
       component.updateMatrixWorld(true);
 
+      // Auto-update paths if enabled (matches behavior of translateComponent)
+      if (this.sceneViewer.shouldUpdatePaths) {
+        try {
+          if (this.sceneViewer && typeof this.sceneViewer.updatePaths === 'function') {
+            this.sceneViewer.updatePaths();
+            console.log('🔄 Paths auto-updated after component rotation');
+          } else {
+            console.warn('⚠️ updatePaths method not available on sceneViewer');
+          }
+        } catch (error) {
+          console.error('❌ Error auto-updating paths:', error);
+        }
+      }
+
       // Emit transform event if available
       if (this.sceneViewer.emit && typeof this.sceneViewer.emit === 'function') {
         this.sceneViewer.emit('objectTransformed', {
@@ -19667,9 +19713,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "findConnectorsAtPositions",
     value: function findConnectorsAtPositions(positions) {
-      var _this$sceneViewer4;
+      var _this$sceneViewer3;
       var tolerance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15;
-      if (!((_this$sceneViewer4 = this.sceneViewer) !== null && _this$sceneViewer4 !== void 0 && _this$sceneViewer4.scene)) {
+      if (!((_this$sceneViewer3 = this.sceneViewer) !== null && _this$sceneViewer3 !== void 0 && _this$sceneViewer3.scene)) {
         return [];
       }
       var foundConnectors = [];
@@ -19713,9 +19759,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "updateSegmentConnectorPositions",
     value: function updateSegmentConnectorPositions(segment) {
-      var _this$sceneViewer5;
+      var _this$sceneViewer4;
       console.log("updateSegmentConnectorPositions started:", segment);
-      if (!segment || !((_this$sceneViewer5 = this.sceneViewer) !== null && _this$sceneViewer5 !== void 0 && (_this$sceneViewer5 = _this$sceneViewer5.currentSceneData) !== null && _this$sceneViewer5 !== void 0 && _this$sceneViewer5.scene)) {
+      if (!segment || !((_this$sceneViewer4 = this.sceneViewer) !== null && _this$sceneViewer4 !== void 0 && (_this$sceneViewer4 = _this$sceneViewer4.currentSceneData) !== null && _this$sceneViewer4 !== void 0 && _this$sceneViewer4.scene)) {
         console.warn('⚠️ updateSegmentConnectorPositions(): Missing segment or scene data');
         return;
       }
@@ -19741,8 +19787,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // First, find the segment in scene data
       var sceneDataSegment = this.sceneViewer.currentSceneData.scene.children.find(function (child) {
-        var _segment$userData3;
-        return child.uuid === segment.uuid || child.uuid === ((_segment$userData3 = segment.userData) === null || _segment$userData3 === void 0 ? void 0 : _segment$userData3.originalUuid);
+        var _segment$userData4;
+        return child.uuid === segment.uuid || child.uuid === ((_segment$userData4 = segment.userData) === null || _segment$userData4 === void 0 ? void 0 : _segment$userData4.originalUuid);
       });
       if (!sceneDataSegment) {
         console.warn("\u26A0\uFE0F Segment ".concat(segment.uuid, " not found in scene data"));
@@ -19762,8 +19808,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
         // Find the connector in the segment's children array (not root scene.children)
         var sceneDataConnector = sceneDataSegment.children.find(function (child) {
-          var _connector$userData2;
-          return child.uuid === connector.uuid || child.uuid === ((_connector$userData2 = connector.userData) === null || _connector$userData2 === void 0 ? void 0 : _connector$userData2.originalUuid);
+          var _connector$userData;
+          return child.uuid === connector.uuid || child.uuid === ((_connector$userData = connector.userData) === null || _connector$userData === void 0 ? void 0 : _connector$userData.originalUuid);
         });
         if (sceneDataConnector && sceneDataConnector.userData) {
           // Update position as array [x, y, z] for pathfinder compatibility
@@ -19785,9 +19831,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "checkSegmentIntersection",
     value: function checkSegmentIntersection(segment) {
-      var _this$sceneViewer6,
+      var _this$sceneViewer5,
         _this = this;
-      if (!((_this$sceneViewer6 = this.sceneViewer) !== null && _this$sceneViewer6 !== void 0 && _this$sceneViewer6.scene)) {
+      if (!((_this$sceneViewer5 = this.sceneViewer) !== null && _this$sceneViewer5 !== void 0 && _this$sceneViewer5.scene)) {
         return false;
       }
 
@@ -19857,8 +19903,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "checkSegmentPathConnectorCollision",
     value: function checkSegmentPathConnectorCollision(segment) {
-      var _this$sceneViewer7;
-      if (!((_this$sceneViewer7 = this.sceneViewer) !== null && _this$sceneViewer7 !== void 0 && _this$sceneViewer7.scene) || !segment) {
+      var _this$sceneViewer6;
+      if (!((_this$sceneViewer6 = this.sceneViewer) !== null && _this$sceneViewer6 !== void 0 && _this$sceneViewer6.scene) || !segment) {
         return null;
       }
       var collisionRadius = 0.5; // Radius around connector that triggers collision
@@ -19972,8 +20018,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "checkComponentConnectorCollision",
     value: function checkComponentConnectorCollision(newPosition) {
-      var _this$sceneViewer8;
-      if (!((_this$sceneViewer8 = this.sceneViewer) !== null && _this$sceneViewer8 !== void 0 && _this$sceneViewer8.scene)) {
+      var _this$sceneViewer7;
+      if (!((_this$sceneViewer7 = this.sceneViewer) !== null && _this$sceneViewer7 !== void 0 && _this$sceneViewer7.scene)) {
         return null;
       }
       var tolerance = 0.01; // Small tolerance for floating-point comparison
@@ -20020,6 +20066,48 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       return collision;
     }
 
+    /**
+     * Check if a segment would collide with any component's bounding box
+     * @param {THREE.Object3D} segment - The segment to check for collisions
+     * @returns {Object|null} Collision info {componentId, componentName, componentType} if collision detected, null otherwise
+     * @private
+     */
+  }, {
+    key: "checkSegmentComponentBoundingBoxCollision",
+    value: function checkSegmentComponentBoundingBoxCollision(segment) {
+      var _this$sceneViewer8;
+      if (!((_this$sceneViewer8 = this.sceneViewer) !== null && _this$sceneViewer8 !== void 0 && _this$sceneViewer8.scene) || !segment) {
+        return null;
+      }
+
+      // Create a bounding box for the segment
+      var segmentBBox = new THREE__namespace.Box3().setFromObject(segment);
+      var collision = null;
+
+      // Traverse scene to find all components
+      this.sceneViewer.scene.traverse(function (child) {
+        var _child$userData11, _child$userData12;
+        if (collision) return; // Stop if collision already found
+
+        // Check if this is a component (equipment)
+        if (((_child$userData11 = child.userData) === null || _child$userData11 === void 0 ? void 0 : _child$userData11.objectType) === 'component' && (_child$userData12 = child.userData) !== null && _child$userData12 !== void 0 && _child$userData12.libraryId) {
+          // Create bounding box for the component
+          var componentBBox = new THREE__namespace.Box3().setFromObject(child);
+
+          // Check if bounding boxes intersect
+          if (segmentBBox.intersectsBox(componentBBox)) {
+            console.log('⚠️ TransformOperationsManager: Segment bounding box collision with component:', child.userData.libraryId || child.name || child.uuid);
+            collision = {
+              componentId: child.uuid,
+              componentName: child.name || 'Unknown',
+              componentType: child.userData.libraryId || 'Unknown'
+            };
+          }
+        }
+      });
+      return collision;
+    }
+
     /**
      * Calculate the minimum distance between two line segments in 3D space
      * @param {THREE.Vector3} p1 - Start point of first segment
@@ -20140,8 +20228,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       // Get the moved segment's connectors
       var movedConnectors = [];
       movedSegment.traverse(function (child) {
-        var _child$userData11;
-        if (((_child$userData11 = child.userData) === null || _child$userData11 === void 0 ? void 0 : _child$userData11.objectType) === 'segment-connector') {
+        var _child$userData13;
+        if (((_child$userData13 = child.userData) === null || _child$userData13 === void 0 ? void 0 : _child$userData13.objectType) === 'segment-connector') {
           movedConnectors.push(child);
         }
       });
@@ -20211,8 +20299,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         // Get all connectors of the adjacent segment
         var adjacentConnectors = [];
         adjacentSegment.traverse(function (child) {
-          var _child$userData12;
-          if (((_child$userData12 = child.userData) === null || _child$userData12 === void 0 ? void 0 : _child$userData12.objectType) === 'segment-connector') {
+          var _child$userData14;
+          if (((_child$userData14 = child.userData) === null || _child$userData14 === void 0 ? void 0 : _child$userData14.objectType) === 'segment-connector') {
             adjacentConnectors.push(child);
           }
         });
@@ -20540,8 +20628,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       // Remove segment from scene data
       if (currentSceneData.scene && currentSceneData.scene.children) {
         var segmentIndex = currentSceneData.scene.children.findIndex(function (child) {
-          var _segment$userData4;
-          return child.uuid === segment.uuid || child.uuid === ((_segment$userData4 = segment.userData) === null || _segment$userData4 === void 0 ? void 0 : _segment$userData4.originalUuid);
+          var _segment$userData5;
+          return child.uuid === segment.uuid || child.uuid === ((_segment$userData5 = segment.userData) === null || _segment$userData5 === void 0 ? void 0 : _segment$userData5.originalUuid);
         });
         if (segmentIndex !== -1) {
           currentSceneData.scene.children.splice(segmentIndex, 1);
@@ -20574,8 +20662,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       // Get the active segment's connectors
       var activeConnectors = [];
       activeSegment.traverse(function (child) {
-        var _child$userData13;
-        if (((_child$userData13 = child.userData) === null || _child$userData13 === void 0 ? void 0 : _child$userData13.objectType) === 'segment-connector') {
+        var _child$userData15;
+        if (((_child$userData15 = child.userData) === null || _child$userData15 === void 0 ? void 0 : _child$userData15.objectType) === 'segment-connector') {
           activeConnectors.push(child);
         }
       });
@@ -24092,21 +24180,12 @@ var KeyboardControlsManager = /*#__PURE__*/function () {
   return _createClass(KeyboardControlsManager, [{
     key: "setupKeyboardControls",
     value: function setupKeyboardControls() {
-      var _this = this;
       this.handleKeyDown = function (event) {
         // Sample Ctrl+Z example
         if (event.ctrlKey && (event.key.toLowerCase() === 'z' || event.code === 'KeyZ')) {
           // method call here
           return;
         }
-
-        // Shift+D to split selected segment
-        if (event.shiftKey && (event.key.toLowerCase() === 'd' || event.code === 'KeyD')) {
-          _this.handleSegmentSplit();
-          event.preventDefault();
-          event.stopPropagation();
-          return;
-        }
         switch (event.key.toLowerCase()) {
                   }
       };
@@ -24120,53 +24199,6 @@ var KeyboardControlsManager = /*#__PURE__*/function () {
       console.log('Keyboard controls initialized with Ctrl+Z undo override and Shift+D segment split');
     }
 
-    /**
-     * Handle segment split operation (Shift+D)
-     * Splits the currently selected segment in half if it's a pipe segment
-     */
-  }, {
-    key: "handleSegmentSplit",
-    value: function handleSegmentSplit() {
-      var sceneViewer = this.sceneViewer;
-
-      // Check if transform controls are active with a selected object
-      if (!sceneViewer.transformManager || !sceneViewer.transformManager.selectedObjects || sceneViewer.transformManager.selectedObjects.length === 0) {
-        console.log('ℹ️ No object selected for segment split');
-        return;
-      }
-      var selectedObject = sceneViewer.transformManager.selectedObjects[0];
-
-      // Verify it's a segment
-      if (!selectedObject.userData || selectedObject.userData.objectType !== 'segment') {
-        console.log('ℹ️ Selected object is not a segment, cannot split');
-        return;
-      }
-      console.log('✂️ Shift+D pressed - splitting segment:', selectedObject.uuid);
-
-      // Access CentralPlant through sceneViewer
-      var centralPlant = sceneViewer.centralPlant;
-      if (!centralPlant || typeof centralPlant.splitSegment !== 'function') {
-        console.error('❌ CentralPlant or splitSegment method not available');
-        return;
-      }
-
-      // Call the public API to split the segment
-      var result = centralPlant.splitSegment(selectedObject.uuid);
-      if (result) {
-        console.log('✅ Segment split successful:', result);
-
-        // Deselect the original segment (now removed) and optionally select one of the new segments
-        sceneViewer.transformManager.deselectObject();
-
-        // Optionally select the first new segment
-        if (result.segment1) {
-          sceneViewer.transformManager.selectObject(result.segment1);
-        }
-      } else {
-        console.error('❌ Segment split failed');
-      }
-    }
-
     /**
      * Toggle auto-rotation of the camera
      */
@@ -24933,10 +24965,23 @@ var SceneDataManager = /*#__PURE__*/function () {
             worldBoundingBox: worldBoundingBox
           })
         };
+
+        // For connectors and gateways, add world position
         if (obj.userData.objectType.includes('connector') || obj.userData.objectType === 'gateway') {
           var worldPosition = new THREE__namespace.Vector3();
           obj.getWorldPosition(worldPosition);
           results.userData.position = [worldPosition.x, worldPosition.y, worldPosition.z];
+
+          // Differentiate component connectors from segment connectors for pathfinder
+          // Component connectors are children of components
+          if (obj.userData.objectType === 'connector') {
+            var _parent$userData;
+            // Check if parent is a component (not a segment)
+            var parent = obj.parent;
+            if (parent && ((_parent$userData = parent.userData) === null || _parent$userData === void 0 ? void 0 : _parent$userData.objectType) === 'component') {
+              results.userData.objectType = 'component-connector';
+            }
+          }
         }
         return results;
       });
@@ -25263,6 +25308,15 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
             }
           });
 
+          // Check if endpoints are component connectors (from pathfinder result)
+          var fromIsComponentConnector = pathData.fromObjectType === 'component-connector';
+          var toIsComponentConnector = pathData.toObjectType === 'component-connector';
+
+          // Check if endpoints have direction constraints (more accurate for immutability)
+          // Segments adjacent to connectors with direction should be immutable
+          var fromHasDirection = pathData.fromHasDirection !== undefined ? pathData.fromHasDirection : fromIsComponentConnector;
+          var toHasDirection = pathData.toHasDirection !== undefined ? pathData.toHasDirection : toIsComponentConnector;
+
           // Create one cylinder per segment (after colinear optimization, this should be minimal segments)
           for (var j = 0; j < pathPoints.length - 1; j++) {
             var start = pathPoints[j];
@@ -25291,13 +25345,21 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
             // Make pipe segments selectable and add identifying data
             var segmentId = cylinder.uuid;
 
+            // Determine if this segment should be immutable (first or last segment connected to connector with direction)
+            // Segments adjacent to connectors with direction constraints are immutable (cannot be edited)
+            // Segments adjacent to gateways (no direction) can be edited
+            var isFirstSegment = j === 0;
+            var isLastSegment = j === pathPoints.length - 2;
+            var isImmutable = fromHasDirection && isFirstSegment || toHasDirection && isLastSegment;
+
             // Add userData to make pipe segments selectable and for tooltip display
             cylinder.userData = {
               objectType: 'segment',
               segmentId: segmentId,
               segmentIndex: globalSegmentIndex,
               pathFrom: pathData.from,
-              pathTo: pathData.to
+              pathTo: pathData.to,
+              immutable: isImmutable // Mark segments connected to component connectors as immutable
             };
 
             // Increment global segment counter
@@ -25310,7 +25372,6 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
             _this3.createAndAddElbowIfNeeded(pathPoints, j, pipeRadius, pipeMaterial, pathData, index, sceneViewer.scene // Pass scene instead of polyline
             );
           }
-          console.log("\u2705 Created pipe path ".concat(pathData.from, "-").concat(pathData.to, " with ").concat(pathPoints.length - 1, " segments"));
         }
       });
     }
@@ -25362,6 +25423,8 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
         pathFrom: pathData.from,
         pathTo: pathData.to,
         angle: (angle * 180 / Math.PI).toFixed(1),
+        immutable: true,
+        // Mark computed elbows as immutable
         // Add component data for tooltips
         component: {
           type: 'PipeElbow',
@@ -25658,7 +25721,8 @@ var ConnectorManager = /*#__PURE__*/function (_BaseDisposable) {
 
     /**
      * Restructure connections to use the new connectors
-     * @param {string} authoritativeConnectorUUID - The authoritative connector UUID
+     * Measures distance from point-a to both connectors and connects to the nearest one
+     * @param {string} authoritativeConnectorUUID - The authoritative connector UUID (point-a)
      * @param {Array} connectors - Array of connector objects (0: start, 1: end)
      * @param {Object} currentSceneData - Current scene data
      * @param {Array<string>} convertedGatewayUUIDs - Array of gateway UUIDs that were converted to manual (optional)
@@ -25673,6 +25737,66 @@ var ConnectorManager = /*#__PURE__*/function (_BaseDisposable) {
 
       console.log("\uD83D\uDD27 [restructureConnections] connectors:", JSON.parse(JSON.stringify(connectors)));
       console.log("\uD83D\uDD27 [restructureConnections] convertedGatewayUUIDs:", convertedGatewayUUIDs);
+      console.log("\uD83D\uDD27 [restructureConnections] authoritativeConnectorUUID:", authoritativeConnectorUUID);
+
+      // Find the authoritative connector object (point-a) in the scene to measure distances
+      var authoritativeObject = null;
+      this.sceneViewer.scene.traverse(function (obj) {
+        if (obj.uuid === authoritativeConnectorUUID) {
+          authoritativeObject = obj;
+        }
+      });
+      if (!authoritativeObject) {
+        console.error("\u274C [restructureConnections] Could not find authoritative connector: ".concat(authoritativeConnectorUUID));
+        console.error("\u274C [restructureConnections] This may indicate:");
+        console.error("   1. The connector UUID changed during gateway manualization");
+        console.error("   2. The original connection was removed/modified before restructuring");
+        console.error("   3. The findOriginalConnection method returned a stale connection");
+        console.error("\u274C [restructureConnections] Current connections:", JSON.stringify(currentSceneData.connections, null, 2));
+
+        // FALLBACK: Try to find any connector that might be the authoritative one
+        // Look for objects with similar UUID patterns or check the original connection endpoints
+        console.warn("\u26A0\uFE0F [restructureConnections] Attempting fallback connector search...");
+
+        // Search for possible matches (component connectors, gateway connectors, etc.)
+        var possibleMatches = [];
+        this.sceneViewer.scene.traverse(function (obj) {
+          var _obj$userData, _obj$userData2, _obj$userData3;
+          if (((_obj$userData = obj.userData) === null || _obj$userData === void 0 ? void 0 : _obj$userData.objectType) === 'connector' || ((_obj$userData2 = obj.userData) === null || _obj$userData2 === void 0 ? void 0 : _obj$userData2.objectType) === 'segment-connector' || ((_obj$userData3 = obj.userData) === null || _obj$userData3 === void 0 ? void 0 : _obj$userData3.objectType) === 'gateway-connector') {
+            possibleMatches.push({
+              uuid: obj.uuid,
+              objectType: obj.userData.objectType,
+              isDeclared: obj.userData.isDeclared
+            });
+          }
+        });
+        console.warn("\u26A0\uFE0F [restructureConnections] Found ".concat(possibleMatches.length, " possible connectors:"), possibleMatches);
+        console.error("\u274C [restructureConnections] Cannot proceed without authoritative connector");
+        return;
+      }
+
+      // Get world positions for distance calculation
+      var pointA = new THREE__namespace.Vector3();
+      authoritativeObject.getWorldPosition(pointA);
+      var connector1Position = new THREE__namespace.Vector3();
+      var connector2Position = new THREE__namespace.Vector3();
+      connectors[0].getWorldPosition(connector1Position);
+      connectors[1].getWorldPosition(connector2Position);
+
+      // Calculate distances from point-a to both segment connectors
+      var distanceToConnector1 = pointA.distanceTo(connector1Position);
+      var distanceToConnector2 = pointA.distanceTo(connector2Position);
+      console.log("\uD83D\uDCCF [restructureConnections] Distance from ".concat(authoritativeConnectorUUID, " to:"));
+      console.log("   - ".concat(startConnectorUUID, ": ").concat(distanceToConnector1.toFixed(4)));
+      console.log("   - ".concat(endConnectorUUID, ": ").concat(distanceToConnector2.toFixed(4)));
+
+      // Determine which connector is nearest to point-a
+      var nearestConnector = distanceToConnector1 <= distanceToConnector2 ? connectors[0] : connectors[1];
+      var farthestConnector = distanceToConnector1 > distanceToConnector2 ? connectors[0] : connectors[1];
+      var nearestConnectorUUID = nearestConnector.uuid;
+      var farthestConnectorUUID = farthestConnector.uuid;
+      console.log("\u2705 [restructureConnections] Nearest connector: ".concat(nearestConnectorUUID, " (distance: ").concat(Math.min(distanceToConnector1, distanceToConnector2).toFixed(4), ")"));
+      console.log("\uD83D\uDCCD [restructureConnections] Farthest connector: ".concat(farthestConnectorUUID, " (distance: ").concat(Math.max(distanceToConnector1, distanceToConnector2).toFixed(4), ")"));
 
       // Deep copy connections array to prevent unintended mutations during iteration
       // Then map to update references, creating new connection objects
@@ -25681,30 +25805,32 @@ var ConnectorManager = /*#__PURE__*/function (_BaseDisposable) {
 
         // Create a shallow copy of the connection object
         var updatedConnection = _objectSpread2({}, connection);
+
+        // Update connections to point to the FARTHEST connector (opposite end from point-a)
         if (connection.from === authoritativeConnectorUUID) {
-          updatedConnection.from = endConnectorUUID;
-          console.log("\u2705 [restructureConnections] Updated connection.from to ".concat(endConnectorUUID));
+          updatedConnection.from = farthestConnectorUUID;
+          console.log("\u2705 [restructureConnections] Updated connection.from to ".concat(farthestConnectorUUID, " (farthest)"));
         }
         if (connection.to === authoritativeConnectorUUID) {
-          updatedConnection.to = endConnectorUUID;
-          console.log("\u2705 [restructureConnections] Updated connection.to to ".concat(endConnectorUUID));
+          updatedConnection.to = farthestConnectorUUID;
+          console.log("\u2705 [restructureConnections] Updated connection.to to ".concat(farthestConnectorUUID, " (farthest)"));
         }
         return updatedConnection;
       });
 
       // Check if the new connection already exists to prevent duplicates
       var newConnectionExists = currentSceneData.connections.some(function (conn) {
-        return conn.from === authoritativeConnectorUUID && conn.to === startConnectorUUID || conn.from === startConnectorUUID && conn.to === authoritativeConnectorUUID;
+        return conn.from === authoritativeConnectorUUID && conn.to === nearestConnectorUUID || conn.from === nearestConnectorUUID && conn.to === authoritativeConnectorUUID;
       });
       if (!newConnectionExists) {
-        // Add new connection from authoritative connector to the segment start
+        // Add new connection from authoritative connector (point-a) to the NEAREST segment connector
         currentSceneData.connections.push({
           from: authoritativeConnectorUUID,
-          to: startConnectorUUID
+          to: nearestConnectorUUID
         });
-        console.log("\u2705 [restructureConnections] Added new connection: ".concat(authoritativeConnectorUUID, " \u2192 ").concat(startConnectorUUID));
+        console.log("\u2705 [restructureConnections] Added new connection: ".concat(authoritativeConnectorUUID, " \u2192 ").concat(nearestConnectorUUID, " (nearest)"));
       } else {
-        console.log("\u26A0\uFE0F [restructureConnections] Connection already exists, skipping: ".concat(authoritativeConnectorUUID, " \u2192 ").concat(startConnectorUUID));
+        console.log("\u26A0\uFE0F [restructureConnections] Connection already exists, skipping: ".concat(authoritativeConnectorUUID, " \u2192 ").concat(nearestConnectorUUID));
       }
 
       // Log converted gateways for tracking
@@ -25751,11 +25877,11 @@ var ConnectorManager = /*#__PURE__*/function (_BaseDisposable) {
       var fromObject = null;
       var toObject = null;
       sceneViewer.scene.traverse(function (obj) {
-        var _obj$userData, _obj$userData2;
-        if (obj.uuid === pathFrom || ((_obj$userData = obj.userData) === null || _obj$userData === void 0 ? void 0 : _obj$userData.originalUuid) === pathFrom) {
+        var _obj$userData4, _obj$userData5;
+        if (obj.uuid === pathFrom || ((_obj$userData4 = obj.userData) === null || _obj$userData4 === void 0 ? void 0 : _obj$userData4.originalUuid) === pathFrom) {
           fromObject = obj;
         }
-        if (obj.uuid === pathTo || ((_obj$userData2 = obj.userData) === null || _obj$userData2 === void 0 ? void 0 : _obj$userData2.originalUuid) === pathTo) {
+        if (obj.uuid === pathTo || ((_obj$userData5 = obj.userData) === null || _obj$userData5 === void 0 ? void 0 : _obj$userData5.originalUuid) === pathTo) {
           toObject = obj;
         }
       });
@@ -29379,7 +29505,7 @@ var SceneOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "manualizeSegment",
     value: function manualizeSegment(segment, currentSceneData) {
-      var _segment$userData, _this$sceneViewer$man;
+      var _segment$userData, _segment$material$use, _this$sceneViewer$man;
       if (!segment || !((_segment$userData = segment.userData) !== null && _segment$userData !== void 0 && _segment$userData.objectType) === 'segment') {
         console.log('❌ Object is not a pipe segment:', {
           isObject: !!segment,
@@ -29396,6 +29522,16 @@ var SceneOperationsManager = /*#__PURE__*/function () {
         return;
       }
 
+      // CRITICAL: Clone the material BEFORE changing its color
+      // This prevents the color change from affecting other segments that share the same material instance
+      if (segment.material && !((_segment$material$use = segment.material.userData) !== null && _segment$material$use !== void 0 && _segment$material$use.isCloned)) {
+        var originalMaterial = segment.material;
+        segment.material = originalMaterial.clone();
+        segment.material.userData = segment.material.userData || {};
+        segment.material.userData.isCloned = true;
+        console.log('📋 Cloned segment material to prevent shared material mutation');
+      }
+
       // Override material color to blue in dev mode
       var isDev = false;
       if (typeof window !== 'undefined') {
@@ -29420,7 +29556,7 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       // Change from "SEGMENT-X" to "Segment-X" (capital S to lowercase s)
       var segmentIndex = segment.userData.segmentIndex;
       var oldUuid = segment.uuid;
-      segment.uuid = "Segment-".concat(segmentIndex);
+      segment.uuid = "SEGMENT-".concat(segmentIndex);
       console.log("\uD83D\uDD27 Renamed segment UUID from ".concat(oldUuid, " to: ").concat(segment.uuid));
 
       // Calculate segment endpoints in world coordinates
@@ -29455,20 +29591,29 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       // Now add connectors to the segment's children array in scene data
       connectorManager.addConnectorsToScene(connectors);
 
-      // Find the original connection that this segment belongs to (after gateways are converted)
+      // Check and convert connected gateways to manual (declared) FIRST
+      // CRITICAL: This must happen BEFORE finding the authoritative connector
+      // because gateway conversion may modify the connections array
+      // NOTE: This may trigger path regeneration via translateGateway, so segment must already be renamed
+      var convertedGatewayUUIDs = this._convertConnectedGatewaysToManual(connectors, currentSceneData);
+      console.log('🔍 Gateway conversion completed, now finding authoritative connector with updated connections');
+
+      // Find the original connection that this segment belongs to (AFTER gateways are converted)
+      // IMPORTANT: This must run after gateway conversion because connections may have changed
       var originalConnection = connectorManager.findOriginalConnection(segment, currentSceneData.connections);
       if (!originalConnection) {
         console.warn('⚠️ Could not find original connection for segment:', segment.uuid);
+        console.warn('⚠️ This may indicate the connection was modified during gateway conversion');
+        console.warn('⚠️ Available connections:', JSON.stringify(currentSceneData.connections, null, 2));
         return;
       }
-      console.log('🔍 Found original connection:', originalConnection);
+      console.log('🔍 Found original connection (after gateway conversion):', originalConnection);
+
+      // Determine the authoritative connector (the non-gateway endpoint)
+      // After gateway conversion, gateways should have connectors, so check for "Gateway" pattern
       var authoritativeConnectorUUID = originalConnection.from.includes("Gateway") === false ? originalConnection.from : originalConnection.to;
       console.log('[SceneOperations] authoritativeConnectorUUID:', authoritativeConnectorUUID);
 
-      // Check and convert connected gateways to manual (declared)
-      // NOTE: This may trigger path regeneration via translateGateway, so segment must already be renamed
-      var convertedGatewayUUIDs = this._convertConnectedGatewaysToManual(connectors, currentSceneData);
-
       // Restructure connections, passing any converted gateway UUIDs
       connectorManager.restructureConnections(authoritativeConnectorUUID, connectors, currentSceneData, convertedGatewayUUIDs);
 
@@ -29677,147 +29822,6 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       }
       console.log("\u2705 Gateway ".concat(gateway.uuid, " successfully converted to manual (declared)"));
     }
-
-    /**
-     * Split a segment by manualizing it and shortening it by 0.5 units
-     * The segment gets converted to a declared (manual) segment with connectors,
-     * and is shortened from the end that has a component connector (or the end if no connectors)
-     * @param {string|THREE.Object3D} segmentIdOrObject - The UUID or Three.js object of the segment to split
-     * @param {Object} currentSceneData - Current scene data with connections
-     * @returns {THREE.Object3D|null} The shortened manual segment or null on failure
-     */
-  }, {
-    key: "splitSegment",
-    value: function splitSegment(segmentIdOrObject, currentSceneData) {
-      var _segment$userData3,
-        _this6 = this;
-      console.log('✂️ splitSegment started:', segmentIdOrObject);
-
-      // Find the segment object
-      var segment = null;
-      if (typeof segmentIdOrObject === 'string') {
-        this.sceneViewer.scene.traverse(function (child) {
-          var _child$userData10;
-          if (child.uuid === segmentIdOrObject || ((_child$userData10 = child.userData) === null || _child$userData10 === void 0 ? void 0 : _child$userData10.originalUuid) === segmentIdOrObject) {
-            segment = child;
-          }
-        });
-      } else if (segmentIdOrObject && segmentIdOrObject.isObject3D) {
-        segment = segmentIdOrObject;
-      }
-
-      // Validate segment
-      if (!segment || ((_segment$userData3 = segment.userData) === null || _segment$userData3 === void 0 ? void 0 : _segment$userData3.objectType) !== 'segment') {
-        console.error('❌ splitSegment(): Invalid segment or not found');
-        return null;
-      }
-      if (!currentSceneData) {
-        console.error('❌ splitSegment(): currentSceneData is required');
-        return null;
-      }
-      console.log('✂️ Splitting/shortening segment:', segment.uuid);
-
-      // Get segment geometry to calculate endpoints
-      var geometry = segment.geometry;
-      if (!geometry || !geometry.parameters) {
-        console.error('❌ splitSegment(): Segment has invalid geometry');
-        return null;
-      }
-      var segmentLength = geometry.parameters.height || 1;
-      var segmentRadius = geometry.parameters.radiusTop || 0.1;
-      var shortenAmount = 0.5;
-      var newLength = segmentLength - shortenAmount;
-      if (newLength <= 0) {
-        console.error('❌ splitSegment(): Segment too short to shorten by 0.5');
-        return null;
-      }
-
-      // Calculate segment direction vector
-      var direction = new THREE__namespace.Vector3(0, 1, 0);
-      direction.applyQuaternion(segment.quaternion);
-      direction.normalize();
-
-      // Calculate original segment endpoints
-      var startPoint = new THREE__namespace.Vector3();
-      startPoint.copy(segment.position).sub(direction.clone().multiplyScalar(segmentLength / 2));
-      var endPoint = new THREE__namespace.Vector3();
-      endPoint.copy(segment.position).add(direction.clone().multiplyScalar(segmentLength / 2));
-
-      // Check for component connectors at endpoints
-      var findConnectorsAtPosition = function findConnectorsAtPosition(position) {
-        var tolerance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15;
-        var connectors = [];
-        _this6.sceneViewer.scene.traverse(function (child) {
-          var _child$userData11;
-          if (((_child$userData11 = child.userData) === null || _child$userData11 === void 0 ? void 0 : _child$userData11.objectType) === 'connector') {
-            var connectorWorldPos = new THREE__namespace.Vector3();
-            child.getWorldPosition(connectorWorldPos);
-            var distance = connectorWorldPos.distanceTo(position);
-            if (distance <= tolerance) {
-              connectors.push(child);
-            }
-          }
-        });
-        return connectors.filter(function (c) {
-          var _c$userData;
-          return ((_c$userData = c.userData) === null || _c$userData === void 0 ? void 0 : _c$userData.objectType) !== 'segment-connector';
-        });
-      };
-      var startConnectors = findConnectorsAtPosition(startPoint);
-      var endConnectors = findConnectorsAtPosition(endPoint);
-
-      // Determine which end to shorten from
-      var newStartPoint, newEndPoint;
-      if (endConnectors.length > 0) {
-        // Component connector at end - shorten from end
-        newStartPoint = startPoint.clone();
-        newEndPoint = endPoint.clone().sub(direction.clone().multiplyScalar(shortenAmount));
-        console.log("\uD83D\uDCCD Component connector at END - shortening from end by ".concat(shortenAmount));
-      } else if (startConnectors.length > 0) {
-        // Component connector at start - shorten from start
-        newStartPoint = startPoint.clone().add(direction.clone().multiplyScalar(shortenAmount));
-        newEndPoint = endPoint.clone();
-        console.log("\uD83D\uDCCD Component connector at START - shortening from start by ".concat(shortenAmount));
-      } else {
-        // No component connectors - shorten from end (default)
-        newStartPoint = startPoint.clone();
-        newEndPoint = endPoint.clone().sub(direction.clone().multiplyScalar(shortenAmount));
-        console.log("\uD83D\uDCCD No component connectors - shortening from end by ".concat(shortenAmount));
-      }
-      console.log('📍 Segment shortening:', {
-        originalStart: startPoint.toArray(),
-        originalEnd: endPoint.toArray(),
-        newStart: newStartPoint.toArray(),
-        newEnd: newEndPoint.toArray(),
-        originalLength: segmentLength,
-        newLength: newLength,
-        shortenAmount: shortenAmount
-      });
-
-      // Get material from existing segment
-      segment.material;
-
-      // Dispose old geometry and create new shortened geometry
-      if (segment.geometry) {
-        segment.geometry.dispose();
-      }
-      var newGeometry = new THREE__namespace.CylinderGeometry(segmentRadius, segmentRadius, newLength, 16, 1, false);
-      segment.geometry = newGeometry;
-
-      // Reposition the segment to the new center
-      var newPosition = new THREE__namespace.Vector3();
-      newPosition.lerpVectors(newStartPoint, newEndPoint, 0.5);
-      segment.position.copy(newPosition);
-      // Quaternion stays the same
-
-      console.log('✅ Segment geometry updated and repositioned');
-
-      // Now manualize the shortened segment
-      console.log('🔧 Manualizing the shortened segment...');
-      this.manualizeSegment(segment, currentSceneData);
-      console.log('✅ Segment split completed successfully - segment shortened and manualized');
-      return segment;
-    }
   }]);
 }();
 
@@ -33761,7 +33765,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.1.50
+   * @version 0.1.52
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.
@@ -34066,51 +34070,6 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
       return this.internals.translateGateway(gatewayId, axis, value);
     }
 
-    /**
-     * Split a pipe segment by shortening it by 0.5 units and manualizing it
-     * @param {string} segmentId - The UUID of the segment to split
-     * @returns {THREE.Object3D|null} The shortened manual segment or null on failure
-     * @description Shortens a selected pipe segment by 0.5 units and converts it to 
-     * manual/declared status with connectors. The segment is shortened from the end that
-     * has a component connector (or from the end if no connectors are present).
-     * The segment becomes transformable after this operation. Paths are regenerated 
-     * to ensure proper connections.
-     * @example
-     * // Split/shorten a segment when selected via transform controls
-     * const result = centralPlant.splitSegment('SEGMENT-12345');
-     * if (result) {
-     *   console.log('Segment shortened and manualized:', result.uuid);
-     * }
-     * 
-     * @since 0.1.37
-     */
-  }, {
-    key: "splitSegment",
-    value: function splitSegment(segmentId) {
-      var _this$sceneViewer$man;
-      if (!this.sceneViewer || !((_this$sceneViewer$man = this.sceneViewer.managers) !== null && _this$sceneViewer$man !== void 0 && _this$sceneViewer$man.sceneOperationsManager)) {
-        console.warn('⚠️ splitSegment(): Scene viewer or scene operations manager not available');
-        return null;
-      }
-      if (!segmentId) {
-        console.error('❌ splitSegment(): No segment ID provided');
-        return null;
-      }
-      try {
-        var result = this.sceneViewer.managers.sceneOperationsManager.splitSegment(segmentId, this.sceneViewer.currentSceneData);
-        if (result) {
-          console.log('✅ splitSegment(): Segment split successfully');
-          return result;
-        } else {
-          console.warn('⚠️ splitSegment(): Split operation returned null');
-          return null;
-        }
-      } catch (error) {
-        console.error('❌ splitSegment(): Error splitting segment:', error);
-        return null;
-      }
-    }
-
     /**
      * Rotate a component by componentId
      * @param {string} componentId - The UUID of the component to rotate
@@ -35392,8 +35351,8 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "generatePath",
     value: function generatePath(fromConnectorId, toConnectorId) {
-      var _this$sceneViewer$man2;
-      if (!this.sceneViewer || !((_this$sceneViewer$man2 = this.sceneViewer.managers) !== null && _this$sceneViewer$man2 !== void 0 && _this$sceneViewer$man2.pathfinding)) {
+      var _this$sceneViewer$man;
+      if (!this.sceneViewer || !((_this$sceneViewer$man = this.sceneViewer.managers) !== null && _this$sceneViewer$man !== void 0 && _this$sceneViewer$man.pathfinding)) {
         return null;
       }
       try {