@2112-lab/central-plant 0.3.46 → 0.3.48

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

@@ -33,7 +33,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.3.46
+   * @version 0.3.48
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.
@@ -363,7 +363,8 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "translate",
     value: function translate(componentId, axis, value) {
-      return this.internals.translateComponent(componentId, axis, value);
+      var skipPathUpdate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      return this.internals.translateComponent(componentId, axis, value, skipPathUpdate);
     }
 
     /**
@@ -1061,18 +1062,19 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
         return [];
       }
 
-      // Traverse through all components in the scene data
-      sceneData.scene.children.forEach(function (component) {
-        // Each component may have connector children
-        if (component.children && Array.isArray(component.children)) {
-          component.children.forEach(function (child) {
-            // Check if this child is a connector
-            if (child.userData && child.userData.objectType === 'connector' && child.uuid) {
-              allConnectorIds.push(child.uuid);
-            }
-          });
-        }
-      });
+      // Recursive search for connector IDs
+      var _findConnectorIds = function findConnectorIds(nodes) {
+        if (!nodes || !Array.isArray(nodes)) return;
+        nodes.forEach(function (node) {
+          if (node.userData && node.userData.objectType === 'connector' && node.uuid) {
+            allConnectorIds.push(node.uuid);
+          }
+          if (node.children && Array.isArray(node.children)) {
+            _findConnectorIds(node.children);
+          }
+        });
+      };
+      _findConnectorIds(sceneData.scene.children);
 
       // Get existing connections
       var existingConnections = this.getConnections();
@@ -1102,28 +1104,28 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
      * const infos = centralPlant.getAvailableConnectionsInfo()
      * // [{ id: 'PUMP-1-CONNECTOR-1', flow: 'out' }, ...]
      */
+    /**
+     * Get all connectors in the scene that are currently available (not used in a connection).
+     * Searches the active Three.js scene directly for the most accurate results.
+     * @returns {Array<{id: string, flow: string}>} Array of connector info objects
+     * @since 0.1.72 (Updated to search Three.js scene directly)
+     */
   }, {
     key: "getAvailableConnectionsInfo",
     value: function getAvailableConnectionsInfo() {
-      if (!this.sceneViewer || !this.sceneViewer.currentSceneData) {
-        console.warn('⚠️ getAvailableConnectionsInfo(): Scene viewer or current scene data not available');
-        return [];
-      }
-      var sceneData = this.sceneViewer.currentSceneData;
-      if (!sceneData.scene || !sceneData.scene.children) {
-        console.warn('⚠️ getAvailableConnectionsInfo(): Invalid scene data structure');
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ getAvailableConnectionsInfo(): Scene viewer or scene not available');
         return [];
       }
       var allConnectorInfos = [];
-      sceneData.scene.children.forEach(function (component) {
-        if (component.children && Array.isArray(component.children)) {
-          component.children.forEach(function (child) {
-            if (child.userData && child.userData.objectType === 'connector' && child.uuid) {
-              allConnectorInfos.push({
-                id: child.uuid,
-                flow: child.userData.flow || 'bi'
-              });
-            }
+
+      // Search the Three.js scene directly for connectors
+      // This is more reliable than searching currentSceneData which might be stale
+      this.sceneViewer.scene.traverse(function (node) {
+        if (node.userData && node.userData.objectType === 'connector' && node.uuid) {
+          allConnectorInfos.push({
+            id: node.uuid,
+            flow: node.userData.flow || 'bi'
           });
         }
       });
@@ -1145,30 +1147,29 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
      * const result = centralPlant.validateConnections()
      * result.invalid.forEach(({ connection, reason }) => console.warn(reason, connection))
      */
+    /**
+     * Validate all connections in the current scene for flow direction compatibility.
+     * Searches the active Three.js scene for connector flow markers.
+     * @returns {{ valid: Array<Object>, invalid: Array<{connection: Object, reason: string}> }}
+     * @since 0.1.72 (Updated to search Three.js scene directly)
+     */
   }, {
     key: "validateConnections",
     value: function validateConnections() {
-      if (!this.sceneViewer || !this.sceneViewer.currentSceneData) {
-        console.warn('⚠️ validateConnections(): Scene viewer or current scene data not available');
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ validateConnections(): Scene viewer or scene not available');
         return {
           valid: [],
           invalid: []
         };
       }
       var connections = this.getConnections();
-      var sceneData = this.sceneViewer.currentSceneData;
 
-      // Build lookup map: connectorId → flow
+      // Build lookup map: connectorId → flow from the Three.js scene
       var flowMap = {};
-      var scene = sceneData.scene || {};
-      var children = scene.children || [];
-      children.forEach(function (component) {
-        if (component.children && Array.isArray(component.children)) {
-          component.children.forEach(function (child) {
-            if (child.userData && child.userData.objectType === 'connector' && child.uuid) {
-              flowMap[child.uuid] = child.userData.flow || 'bi';
-            }
-          });
+      this.sceneViewer.scene.traverse(function (node) {
+        if (node.userData && node.userData.objectType === 'connector' && node.uuid) {
+          flowMap[node.uuid] = node.userData.flow || 'bi';
         }
       });
       var valid = [];
@@ -1333,7 +1334,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
      * List all available I/O Device assets from the component dictionary.
      * @param {Object} [options={}]
      * @param {'all'|'bundled'|'user'} [options.source='all'] - Filter by asset origin
-     * @returns {Array<{uuid: string, name: string, assetType: string, ioConfig: Object}>}
+     * @returns {Array<{uuid: string, name: string, assetType: string}>}
      * @example
      * const devices = centralPlant.getIoDevices({ source: 'all' })
      * const bundledOnly = centralPlant.getIoDevices({ source: 'bundled' })
@@ -1360,8 +1361,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
         return {
           uuid: entry.uuid || entry.id,
           name: entry.name,
-          assetType: entry.assetType,
-          ioConfig: entry.ioConfig || {}
+          assetType: entry.assetType
         };
       });
     }

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

@@ -450,17 +450,19 @@ var CentralPlantInternals = /*#__PURE__*/function () {
      * @param {string} componentId - The UUID of the component to translate
      * @param {string} axis - The axis to translate on ('x', 'y', or 'z')
      * @param {number} value - The value to translate by
+     * @param {boolean} [skipPathUpdate=false] - Whether to skip triggering pathfinding
      * @returns {boolean} True if translation was successful, false otherwise
      */
   }, {
     key: "translateComponent",
     value: function translateComponent(componentId, axis, value) {
       var _this$centralPlant$ma;
+      var skipPathUpdate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
       if (!((_this$centralPlant$ma = this.centralPlant.managers) !== null && _this$centralPlant$ma !== void 0 && _this$centralPlant$ma.transformOperationsManager)) {
         console.error('❌ translateComponent(): TransformOperationsManager not available');
         return false;
       }
-      return this.centralPlant.managers.transformOperationsManager.translateComponent(componentId, axis, value);
+      return this.centralPlant.managers.transformOperationsManager.translateComponent(componentId, axis, value, skipPathUpdate);
     }
 
     /**
@@ -552,7 +554,7 @@ var CentralPlantInternals = /*#__PURE__*/function () {
             } else if (objectType === 'gateway') {
               success = this.translateGateway(objectId, axis, value);
             } else if (objectType === 'component') {
-              success = this.translateComponent(objectId, axis, value);
+              success = this.translateComponent(objectId, axis, value, skipPathUpdate);
             } else {
               result.errors.push("Unknown object type: ".concat(objectType, " (").concat(objectId, ")"));
               console.warn("\u26A0\uFE0F Unknown object type: ".concat(objectType, " for ").concat(objectId));

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

@@ -98,7 +98,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
               this.centralPlant.attachToComponent();
 
               // Sync our managers tracking object after attachment
-              managerKeys = ['threeJSResourceManager', 'performanceMonitorManager', 'settingsManager', 'sceneExportManager', 'componentManager', 'sceneInitializationManager', 'environmentManager', 'keyboardControlsManager', 'pathfindingManager', 'pathFlowManager', 'ioBehaviorManager', 'ioOutlineManager', 'sceneOperationsManager', 'animationManager', 'cameraControlsManager', 'componentDragManager', 'tooltipsManager', 'componentTooltipManager']; // Populate our managers tracking object
+              managerKeys = ['threeJSResourceManager', 'performanceMonitorManager', 'settingsManager', 'sceneExportManager', 'componentManager', 'transformOperationsManager', 'sceneInitializationManager', 'environmentManager', 'keyboardControlsManager', 'pathfindingManager', 'pathFlowManager', 'ioBehaviorManager', 'ioOutlineManager', 'sceneOperationsManager', 'animationManager', 'cameraControlsManager', 'componentDragManager', 'tooltipsManager', 'componentTooltipManager']; // Populate our managers tracking object
               managerKeys.forEach(function (key) {
                 if (_this2[key]) {
                   _this2.managers[key] = _this2[key];
@@ -643,7 +643,6 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "updatePaths",
     value: function updatePaths() {
-      console.log("updatePaths started");
       // Delegate pathfinding update to PathfindingManager
       if (this.pathfindingManager) {
         this.pathfindingManager.updatePathfindingAfterTransform(this.currentSceneData);

package/dist/esm/src/managers/behaviors/IoBehaviorManager.js

@@ -513,8 +513,7 @@ var IoBehaviorManager = /*#__PURE__*/function (_BaseDisposable) {
     /**
      * Return tooltip-compatible data point definitions derived from the loaded
      * animation entries for a given attachment.  Used by componentTooltipManager
-     * to replace the static ioConfig.states[] snapshot with the richer animation
-     * state definitions created in the Animate window.
+     * to provide the richer animation state definitions created in the Animate window.
      *
      * One dp object is emitted per unique stateVariable; multiple mesh entries
      * that share the same stateVariable are collapsed into one.

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

@@ -864,7 +864,6 @@ var ComponentDataManager = /*#__PURE__*/function (_BaseDisposable) {
       };
       return _objectSpread2(_objectSpread2({}, baseData), {}, {
         metadata: component.metadata || {},
-        ioConfig: component.ioConfig || null,
         boundingBox: component.boundingBox || null,
         adaptedBoundingBox: component.adaptedBoundingBox || null,
         children: component.children || [],

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

@@ -20,7 +20,7 @@ var ComponentManager = /*#__PURE__*/function () {
     key: "addComponentToScene",
     value: (function () {
       var _addComponentToScene = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(componentData) {
-        var _gltfScene$userData, uuid, componentDictionary, libraryComponent, position, gltfScene, componentMesh, event, _t, _t2;
+        var _gltfScene$userData, uuid, componentDictionary, libraryComponent, position, gltfScene, componentMesh, connectorIndex, event, _t, _t2;
         return _regenerator().w(function (_context) {
           while (1) switch (_context.n) {
             case 0:
@@ -124,6 +124,7 @@ var ComponentManager = /*#__PURE__*/function () {
               }
 
               // Enable shadows for all meshes in the component
+              connectorIndex = 0;
               componentMesh.traverse(function (child) {
                 if (child.isMesh) {
                   child.castShadow = true;
@@ -133,12 +134,19 @@ var ComponentManager = /*#__PURE__*/function () {
                   }
 
                   // Set connector properties for connectors within the component
-                  if (child.name && child.name.toLowerCase().includes('connector')) {
+                  if (child.name && child.name.toLowerCase().includes('connector') || child.userData && child.userData.objectType === 'connector') {
+                    connectorIndex++;
                     if (!child.userData) {
                       child.userData = {};
                     }
                     child.userData.objectType = 'connector';
-                    console.log("\uD83D\uDD27 Set objectType='connector' for: ".concat(child.name));
+
+                    // Assign a predictable, stable UUID to the connector
+                    // This ensures connections made in the sandbox survive export/import
+                    var connectorUuid = "".concat(uuid, "-CONNECTOR-").concat(connectorIndex);
+                    child.uuid = connectorUuid;
+                    child.userData.originalUuid = connectorUuid;
+                    console.log("\uD83D\uDD27 Set predictable connector UUID: ".concat(connectorUuid, " for: ").concat(child.name));
                   }
                 }
               });

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

@@ -16,12 +16,14 @@ var TransformOperationsManager = /*#__PURE__*/function () {
    * @param {string} componentId - The UUID of the component to translate
    * @param {string} axis - The axis to translate on ('x', 'y', or 'z')
    * @param {number} value - The value to translate by
+   * @param {boolean} [skipPathUpdate=false] - Whether to skip triggering pathfinding after translation
    * @returns {boolean} True if translation was successful, false otherwise
    */
   return _createClass(TransformOperationsManager, [{
     key: "translateComponent",
     value: function translateComponent(componentId, axis, value) {
       var _this$sceneViewer$man, _this$sceneViewer;
+      var skipPathUpdate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
       // Store transform parameters using the OperationHistoryManager
       if ((_this$sceneViewer$man = this.sceneViewer.managers) !== null && _this$sceneViewer$man !== void 0 && _this$sceneViewer$man.operationHistoryManager) {
         this.sceneViewer.managers.operationHistoryManager.addToOperationHistory('translateComponent', {
@@ -89,7 +91,7 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       }
 
       // Auto-update paths if enabled (matches behavior of translateSegment and translateGateway)
-      if (this.sceneViewer.shouldUpdatePaths) {
+      if (!skipPathUpdate && this.sceneViewer.shouldUpdatePaths) {
         try {
           if (this.sceneViewer && typeof this.sceneViewer.updatePaths === 'function') {
             this.sceneViewer.updatePaths();
@@ -100,6 +102,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         } catch (error) {
           console.error('❌ Error auto-updating paths:', error);
         }
+      } else if (skipPathUpdate) {
+        console.log('ℹ️ skipPathUpdate is true: skipping automatic path update');
       }
 
       // Emit transform event if available
@@ -1918,11 +1922,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
           sceneDataComponent.children.forEach(function (child) {
             var _child$userData21;
             if (((_child$userData21 = child.userData) === null || _child$userData21 === void 0 ? void 0 : _child$userData21.objectType) === 'connector') {
-              // Find the actual connector object in the scene
-              var connectorObj = component.children.find(function (c) {
-                var _c$userData;
-                return c.uuid === child.uuid || ((_c$userData = c.userData) === null || _c$userData === void 0 ? void 0 : _c$userData.originalUuid) === child.uuid;
-              });
+              // Find the actual connector object in the scene (recursive search for nested connectors)
+              var connectorObj = component.getObjectByProperty('uuid', child.uuid) || component.getObjectByProperty('name', child.uuid);
               if (connectorObj) {
                 // Get world position of connector
                 var worldPos = new THREE.Vector3();
@@ -1981,11 +1982,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
           sceneDataComponent.children.forEach(function (child) {
             var _child$userData22;
             if (((_child$userData22 = child.userData) === null || _child$userData22 === void 0 ? void 0 : _child$userData22.objectType) === 'connector') {
-              // Find the actual connector object in the scene
-              var connectorObj = component.children.find(function (c) {
-                var _c$userData2;
-                return c.uuid === child.uuid || ((_c$userData2 = c.userData) === null || _c$userData2 === void 0 ? void 0 : _c$userData2.originalUuid) === child.uuid;
-              });
+              // Find the actual connector object in the scene (recursive search for nested connectors)
+              var connectorObj = component.getObjectByProperty('uuid', child.uuid) || component.getObjectByProperty('name', child.uuid);
               if (connectorObj) {
                 var _connectorObj$userDat;
                 // Get world position of connector

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

@@ -321,7 +321,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
     key: "_attachIODeviceModelsToPreview",
     value: (function () {
       var _attachIODeviceModelsToPreview2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(parentObject, componentData, modelPreloader) {
-        var _i, _Object$entries, _Object$entries$_i, attachmentId, attachment, _modelPreloader$compo, _deviceData$ioConfig, _deviceData$ioConfig2, _deviceData$ioConfig3, _attachment$attachmen, _attachment$attachmen2, deviceData, cachedDevice, _modelPreloader$loadi, deviceModel, pos, rot, deg2rad, _t3;
+        var _i, _Object$entries, _Object$entries$_i, attachmentId, attachment, _modelPreloader$compo, _attachment$attachmen, _attachment$attachmen2, deviceData, cachedDevice, _modelPreloader$loadi, deviceModel, pos, rot, deg2rad, _t3;
         return _regenerator().w(function (_context3) {
           while (1) switch (_context3.n) {
             case 0:
@@ -384,12 +384,7 @@ var ComponentDragManager = /*#__PURE__*/function (_BaseDisposable) {
                 deviceId: attachment.deviceId,
                 attachmentId: attachmentId,
                 attachmentLabel: attachment.attachmentLabel,
-                deviceName: deviceData.name || '',
-                // Snapshot of data point definitions so the tooltip can render state
-                // ioConfig can use either 'states' (preferred) or legacy 'dataPoints' as the array key
-                dataPoints: ((_deviceData$ioConfig = deviceData.ioConfig) === null || _deviceData$ioConfig === void 0 ? void 0 : _deviceData$ioConfig.states) || ((_deviceData$ioConfig2 = deviceData.ioConfig) === null || _deviceData$ioConfig2 === void 0 ? void 0 : _deviceData$ioConfig2.dataPoints) || [],
-                // Device-level I/O direction: 'input' means the user can write state via the tooltip
-                ioDirection: ((_deviceData$ioConfig3 = deviceData.ioConfig) === null || _deviceData$ioConfig3 === void 0 ? void 0 : _deviceData$ioConfig3.direction) || 'output'
+                deviceName: deviceData.name || ''
               };
               if ((_attachment$attachmen = attachment.attachmentPoint) !== null && _attachment$attachmen !== void 0 && _attachment$attachmen.position) {
                 pos = attachment.attachmentPoint.position;

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

@@ -40,7 +40,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
     this.forceInvisible = false;
 
     // SceneViewer reference for event listening
-    this.sceneViewer = null;
+    this.sceneViewer = centralPlant ? centralPlant.sceneViewer : null;
     this._objectTransformedListener = null;
 
     // Event handlers storage
@@ -242,23 +242,28 @@ var TransformControlsManager = /*#__PURE__*/function () {
         _this2.transformState.isTransforming = true;
 
         // Store initial transforms for all selected objects
-        if (_this2.selectedObjects.length > 0 && _this2.multiSelectionGroup) {
+        if (_this2.selectedObjects.length > 0) {
           _this2.selectedObjects.forEach(function (obj) {
-            obj.userData._multiSelectOriginalPosition = obj.position.clone();
-            obj.userData._multiSelectOriginalRotation = obj.rotation.clone();
-            obj.userData._multiSelectOriginalScale = obj.scale.clone();
-          });
-
-          // Snapshot group position and helper geometry vertices so we can do
-          // cheap per-frame bbox translation without re-traversing the mesh hierarchy.
-          _this2._dragStartGroupPosition = _this2.multiSelectionGroup.position.clone();
-          _this2.boundingBoxHelpers.forEach(function (helper) {
-            var _helper$geometry;
-            var posAttr = (_helper$geometry = helper.geometry) === null || _helper$geometry === void 0 || (_helper$geometry = _helper$geometry.attributes) === null || _helper$geometry === void 0 ? void 0 : _helper$geometry.position;
-            if (posAttr) {
-              helper.userData._dragStartPositions = new Float32Array(posAttr.array);
+            obj.userData._dragStartRotation = obj.rotation.clone();
+            obj.userData._dragStartPosition = obj.position.clone();
+            if (_this2.multiSelectionGroup) {
+              obj.userData._multiSelectOriginalPosition = obj.position.clone();
+              obj.userData._multiSelectOriginalRotation = obj.rotation.clone();
+              obj.userData._multiSelectOriginalScale = obj.scale.clone();
             }
           });
+          if (_this2.multiSelectionGroup) {
+            // Snapshot group position and helper geometry vertices so we can do
+            // cheap per-frame bbox translation without re-traversing the mesh hierarchy.
+            _this2._dragStartGroupPosition = _this2.multiSelectionGroup.position.clone();
+            _this2.boundingBoxHelpers.forEach(function (helper) {
+              var _helper$geometry;
+              var posAttr = (_helper$geometry = helper.geometry) === null || _helper$geometry === void 0 || (_helper$geometry = _helper$geometry.attributes) === null || _helper$geometry === void 0 ? void 0 : _helper$geometry.position;
+              if (posAttr) {
+                helper.userData._dragStartPositions = new Float32Array(posAttr.array);
+              }
+            });
+          }
         }
 
         // Disable orbit controls during transformation
@@ -275,7 +280,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
 
       // Transform end event
       this.eventHandlers.transformEnd = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-        var hasComponents, _this2$selectedObject, sceneCompleteEvent;
+        var isTranslate, isRotate, hasComponents, _this2$selectedObject, sceneCompleteEvent;
         return _regenerator().w(function (_context) {
           while (1) switch (_context.n) {
             case 0:
@@ -297,29 +302,52 @@ var TransformControlsManager = /*#__PURE__*/function () {
                 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)');
+              console.log('✅ Multi-selection transform complete');
               _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);
+              if (_this2.sceneViewer && typeof _this2.sceneViewer.updatePaths === 'function') {
+                // Update paths after transformation is complete (translation or rotation)
+                isTranslate = _this2.currentMode === 'translate';
+                isRotate = _this2.currentMode === 'rotate';
+                if (isTranslate || isRotate) {
+                  hasComponents = _this2.selectedObjects.some(function (obj) {
+                    return !isSegment(obj) && !isGateway(obj);
+                  });
+                  if (hasComponents) {
+                    console.log("\uD83D\uDD04 Updating paths after component ".concat(_this2.currentMode, "..."));
+                    try {
+                      // Ensure scene data is synced before updating paths
+                      _this2.selectedObjects.forEach(function (obj) {
+                        var _obj$userData;
+                        if (((_obj$userData = obj.userData) === null || _obj$userData === void 0 ? void 0 : _obj$userData.objectType) === 'component') {
+                          var _this2$sceneViewer$ma;
+                          var transformMgr = (_this2$sceneViewer$ma = _this2.sceneViewer.managers) === null || _this2$sceneViewer$ma === void 0 ? void 0 : _this2$sceneViewer$ma.transformOperationsManager;
+                          if (transformMgr) {
+                            if (isTranslate) {
+                              transformMgr.updateComponentPositionInSceneData(obj);
+                            }
+                            if (isRotate) {
+                              transformMgr.updateComponentRotationInSceneData(obj);
+
+                              // Calculate rotation delta for direction vector patching
+                              var startRot = obj.userData._dragStartRotation || obj.rotation;
+                              var deltaRad = obj.rotation.z - startRot.z;
+                              var deltaDeg = Math.round(THREE.MathUtils.radToDeg(deltaRad) / 90) * 90;
+                              if (deltaDeg !== 0) {
+                                console.log("\uD83E\uDDED Patching connector directions by ".concat(deltaDeg, " degrees after gizmo rotation"));
+                                transformMgr.updateConnectorDirections(obj, 'z', deltaDeg);
+                              }
+                            }
+                          }
+                        }
+                      });
+                      _this2.sceneViewer.updatePaths();
+                      console.log("\u2705 Paths updated successfully after ".concat(_this2.currentMode));
+                    } catch (error) {
+                      console.error("\u274C Error updating paths after ".concat(_this2.currentMode, ":"), error);
+                    }
                   }
-                } else {
-                  console.log('ℹ️ Skipping updatePaths - segments/gateways handle their own path updates');
                 }
               }
             case 3:
@@ -450,8 +478,8 @@ var TransformControlsManager = /*#__PURE__*/function () {
             var hit = _step.value;
             var _obj = hit.object;
             while (_obj) {
-              var _obj$userData2;
-              if (((_obj$userData2 = _obj.userData) === null || _obj$userData2 === void 0 ? void 0 : _obj$userData2.objectType) === 'io-device') {
+              var _obj$userData3;
+              if (((_obj$userData3 = _obj.userData) === null || _obj$userData3 === void 0 ? void 0 : _obj$userData3.objectType) === 'io-device') {
                 ioDeviceObject = _obj;
                 break;
               }
@@ -474,8 +502,8 @@ var TransformControlsManager = /*#__PURE__*/function () {
         var parentUuid = null;
         var obj = ioDeviceObject.parent;
         while (obj) {
-          var _obj$userData;
-          if (((_obj$userData = obj.userData) === null || _obj$userData === void 0 ? void 0 : _obj$userData.objectType) === 'component') {
+          var _obj$userData2;
+          if (((_obj$userData2 = obj.userData) === null || _obj$userData2 === void 0 ? void 0 : _obj$userData2.objectType) === 'component') {
             parentUuid = obj.userData.originalUuid || obj.uuid;
             break;
           }
@@ -552,8 +580,8 @@ var TransformControlsManager = /*#__PURE__*/function () {
               var hit = _step2.value;
               var obj = hit.object;
               while (obj) {
-                var _obj$userData3;
-                if (((_obj$userData3 = obj.userData) === null || _obj$userData3 === void 0 ? void 0 : _obj$userData3.objectType) === 'io-device') {
+                var _obj$userData4;
+                if (((_obj$userData4 = obj.userData) === null || _obj$userData4 === void 0 ? void 0 : _obj$userData4.objectType) === 'io-device') {
                   _this4.callbacks.onIODeviceClick(obj);
                   return;
                 }
@@ -2214,8 +2242,8 @@ var TransformControlsManager = /*#__PURE__*/function () {
     key: "_updateSegmentReference",
     value: function _updateSegmentReference(oldSegment, newSegment, index) {
       var selectedIndex = this.selectedObjects.findIndex(function (obj) {
-        var _obj$userData4;
-        return obj.uuid === oldSegment.uuid || ((_obj$userData4 = obj.userData) === null || _obj$userData4 === void 0 ? void 0 : _obj$userData4.originalUuid) === oldSegment.uuid;
+        var _obj$userData5;
+        return obj.uuid === oldSegment.uuid || ((_obj$userData5 = obj.userData) === null || _obj$userData5 === void 0 ? void 0 : _obj$userData5.originalUuid) === oldSegment.uuid;
       });
       if (selectedIndex !== -1 && newSegment) {
         // Clear bounding box cache
@@ -2323,7 +2351,7 @@ var TransformControlsManager = /*#__PURE__*/function () {
               componentId = component.uuid || ((_component$userData = component.userData) === null || _component$userData === void 0 ? void 0 : _component$userData.originalUuid);
               _context6.n = 3;
               return this._translateObjectOnAxes(componentId, deltaX, deltaY, deltaZ, threshold, throttleDelay, AXIS_THROTTLE, function (id, axis, delta) {
-                return _this0.centralPlant.translate(id, axis, delta);
+                return _this0.centralPlant.translate(id, axis, delta, true);
               });
             case 3:
               console.log("\uD83D\uDD27 Component ".concat(component.name, " translated (").concat(i + 1, "/").concat(components.length, ")"));
@@ -2422,6 +2450,17 @@ var TransformControlsManager = /*#__PURE__*/function () {
       if (this.selectedObjects.length > 0) {
         this.updateMultiSelection();
       }
+
+      // Trigger pathfinding update once after all objects in the batch are translated
+      if (this.sceneViewer && typeof this.sceneViewer.updatePaths === 'function') {
+        var hasComponentsOrSegments = this.selectedObjects.some(function (obj) {
+          return !isGateway(obj);
+        });
+        if (hasComponentsOrSegments) {
+          console.log('🔄 Triggering batched pathfinding update after multi-object translation...');
+          this.sceneViewer.updatePaths();
+        }
+      }
       console.log("\u2705 Multi-selection transform applied");
     }