@2112-lab/central-plant 0.3.48 → 0.3.50

package/dist/bundle/index.js

@@ -12060,11 +12060,10 @@ var SceneExportManager = /*#__PURE__*/function () {
           };
         }
 
-        // For components: only export child connectors if they were manually added/defined.
-        // Most connectors are injected from dictionary at import time, but some (like manually placed ones)
-        // need to be persisted to maintain connections in the exported scene.
+        // Only manual segments persist their connector children here.
+        // Component connectors are NOT exported — they are regenerated from the
+        // component dictionary on load (see note below), keeping the scene JSON minimal.
         if (threeObject.children && threeObject.children.length > 0) {
-          var _threeObject$userData11;
           var exportableChildren = [];
           if (isManualSegment) {
             // For manual segments, export their connector children
@@ -12078,30 +12077,15 @@ var SceneExportManager = /*#__PURE__*/function () {
                 }
               }
             });
-          } else if (((_threeObject$userData11 = threeObject.userData) === null || _threeObject$userData11 === void 0 ? void 0 : _threeObject$userData11.objectType) === 'component') {
-            // For components, export all connectors (including deep children within GLFs)
-            threeObject.traverse(function (child) {
-              var _child$userData2;
-              if (((_child$userData2 = child.userData) === null || _child$userData2 === void 0 ? void 0 : _child$userData2.objectType) === 'connector') {
-                // Calculate position relative to component root
-                var componentMatrixWorldInverse = threeObject.matrixWorld.clone().invert();
-                var childWorldPos = new THREE__namespace.Vector3();
-                child.getWorldPosition(childWorldPos);
-                var relativePos = childWorldPos.applyMatrix4(componentMatrixWorldInverse);
-                exportableChildren.push({
-                  uuid: child.uuid,
-                  name: child.name,
-                  type: 'Mesh',
-                  position: {
-                    x: roundIfClose(relativePos.x),
-                    y: roundIfClose(relativePos.y),
-                    z: roundIfClose(relativePos.z)
-                  },
-                  userData: _objectSpread2({}, child.userData)
-                });
-              }
-            });
           }
+          // NOTE: Component connectors are intentionally NOT exported.
+          // They are defined in the component dictionary and regenerated on load by
+          // sceneOperationsManager._injectConnectorChildrenFromDictionary using the
+          // matching uuid scheme (`${componentUuid}_${dictConnectorUuid}`), and the
+          // pathfinder rebuilds their world positions/bounding boxes on every run
+          // (computeConnectorBoundingBoxes). Connections still resolve because the
+          // regenerated connector uuids match the connection endpoints.
+
           if (exportableChildren.length > 0) {
             jsonObject.children = exportableChildren;
           }
@@ -12115,9 +12099,9 @@ var SceneExportManager = /*#__PURE__*/function () {
       // Extract main scene objects (components and standalone connectors)
       var sceneChildren = [];
       this.sceneViewer.scene.children.forEach(function (child) {
-        var _child$userData3;
+        var _child$userData2;
         // Only export components and connectors; skip segments, gateways, polylines, etc.
-        var objectType = (_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.objectType;
+        var objectType = (_child$userData2 = child.userData) === null || _child$userData2 === void 0 ? void 0 : _child$userData2.objectType;
         if (objectType !== 'component' && objectType !== 'connector') {
           return;
         }
@@ -12281,14 +12265,14 @@ var SceneExportManager = /*#__PURE__*/function () {
               BufferGeometryUtils$1 = BufferGeometryUtilsModule.BufferGeometryUtils || BufferGeometryUtilsModule.default || BufferGeometryUtilsModule; // Create a new scene for export instead of cloning
               exportScene = new _THREE.Scene(); // Helper function to check if an object should be exported
               shouldExport = function shouldExport(child) {
-                var _child$name, _child$userData4, _child$userData5, _child$userData6, _child$userData7;
+                var _child$name, _child$userData3, _child$userData4, _child$userData5, _child$userData6;
                 if ((_child$name = child.name) !== null && _child$name !== void 0 && _child$name.includes('Polyline')) return false; // Will handle separately
                 if (child.name === 'fogPlane') return false; // Skip fog plane
-                if ((_child$userData4 = child.userData) !== null && _child$userData4 !== void 0 && _child$userData4.isBrickWall) return false; // Skip environment
-                if ((_child$userData5 = child.userData) !== null && _child$userData5 !== void 0 && _child$userData5.isBaseGround) return false; // Skip environment
-                if ((_child$userData6 = child.userData) !== null && _child$userData6 !== void 0 && _child$userData6.isBaseGrid) return false; // Skip environment
+                if ((_child$userData3 = child.userData) !== null && _child$userData3 !== void 0 && _child$userData3.isBrickWall) return false; // Skip environment
+                if ((_child$userData4 = child.userData) !== null && _child$userData4 !== void 0 && _child$userData4.isBaseGround) return false; // Skip environment
+                if ((_child$userData5 = child.userData) !== null && _child$userData5 !== void 0 && _child$userData5.isBaseGrid) return false; // Skip environment
                 if (child.isLight) return false; // Skip lights
-                if ((_child$userData7 = child.userData) !== null && _child$userData7 !== void 0 && _child$userData7.isTransformControls) return false; // Skip transform controls
+                if ((_child$userData6 = child.userData) !== null && _child$userData6 !== void 0 && _child$userData6.isTransformControls) return false; // Skip transform controls
                 if (child.isTransformControls) return false; // Skip transform controls
                 if (child.type && child.type.includes('TransformControls')) return false;
                 if (child.type && child.type.includes('Helper')) return false; // Skip helpers
@@ -25504,6 +25488,405 @@ function interceptControlUp( event ) {
 
 }
 
+/** Default horizontal orbit bearing (target → camera, XY plane). */
+var DEFAULT_HOME_VIEW_DIRECTION = {
+  x: -8,
+  y: -9,
+  z: 0
+};
+
+/** Downward pitch from camera to the bottom-center look-at target (degrees). */
+var HOME_DOWNWARD_PITCH_DEG = 13;
+
+/** Minimum camera height above the bbox floor (world units). */
+var HOME_CAMERA_MIN_HEIGHT = 0.8;
+
+/** Ground plane height in world space (Z-up). */
+var WORLD_GROUND_Z = 0;
+
+/** Camera height above the ground when the scene has no components. */
+var HOME_EMPTY_CAMERA_HEIGHT_ABOVE_GROUND = 2.5;
+
+/** Default horizontal distance from world origin when the scene is empty. */
+var HOME_EMPTY_SCENE_DISTANCE = Math.hypot(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y);
+var WORLD_ORIGIN = new THREE__namespace.Vector3(0, 0, 0);
+var CameraControlsManager = /*#__PURE__*/function () {
+  function CameraControlsManager(component) {
+    _classCallCheck(this, CameraControlsManager);
+    this.sceneViewer = component;
+    this.autoRotateSpeed = 1.0; // Default rotation speed
+    this._isAutoRotating = false; // Internal state tracking
+  }
+
+  /**
+   * Frame the camera so that every component in the scene fits perfectly in view.
+   *
+   * Computes the combined bounding box of all scene components, then moves the
+   * (perspective) camera along its current viewing direction to the distance
+   * required to fit that bounding sphere within the frustum. The orbit target,
+   * clipping planes and distance limits are updated to match.
+   *
+   * @param {Object} [options]
+   * @param {number} [options.padding=1.04] - Multiplier on the fit distance (>1 leaves margin).
+   * @param {THREE.Vector3|{x:number,y:number,z:number}} [options.direction] - Override viewing
+   *   direction (target -> camera). When omitted, the current orbit angle is preserved.
+   * @param {boolean} [options.groundLevel] - Pin camera low with a downward pitch toward
+   *   the bottom-center of the assembly. Defaults to true when a home direction is used.
+   * @returns {boolean} True if the camera was reframed, false if there was nothing to frame.
+   */
+  return _createClass(CameraControlsManager, [{
+    key: "fitCameraToScene",
+    value: function fitCameraToScene() {
+      var _options$padding, _options$groundLevel;
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var component = this.sceneViewer;
+      var camera = component === null || component === void 0 ? void 0 : component.camera;
+      var scene = component === null || component === void 0 ? void 0 : component.scene;
+      var controls = component === null || component === void 0 ? void 0 : component.controls;
+      if (!camera || !scene || !camera.isPerspectiveCamera) {
+        console.warn('⚠️ fitCameraToScene: missing perspective camera or scene');
+        return false;
+      }
+      var padding = (_options$padding = options.padding) !== null && _options$padding !== void 0 ? _options$padding : 1.04;
+
+      // Make sure world matrices are current before measuring bounds
+      scene.updateMatrixWorld(true);
+      var box = this._collectSceneBounds(scene);
+      if (!box) {
+        return this._aimCameraAtWorldCenter(camera, controls, options);
+      }
+      var useGroundLevel = (_options$groundLevel = options.groundLevel) !== null && _options$groundLevel !== void 0 ? _options$groundLevel : this._isHomeDirection(options.direction);
+      if (useGroundLevel) {
+        return this._fitCameraGroundLevel(box, camera, controls, options, padding);
+      }
+      return this._fitCameraFromCenter(box, camera, controls, options, padding);
+    }
+
+    /**
+     * Aim the camera at world origin when there are no components to frame.
+     * @private
+     */
+  }, {
+    key: "_aimCameraAtWorldCenter",
+    value: function _aimCameraAtWorldCenter(camera, controls) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var frameTarget = WORLD_ORIGIN.clone();
+      var distance = HOME_EMPTY_SCENE_DISTANCE;
+      var horizDir = new THREE__namespace.Vector3();
+      if (options.direction) {
+        horizDir.set(options.direction.x, options.direction.y, 0);
+      } else {
+        horizDir.set(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y, 0);
+      }
+      if (horizDir.lengthSq() < 1e-6) {
+        horizDir.set(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y, 0);
+      }
+      horizDir.normalize();
+      var cameraHeight = WORLD_GROUND_Z + HOME_EMPTY_CAMERA_HEIGHT_ABOVE_GROUND;
+      var camPos = new THREE__namespace.Vector3(frameTarget.x + horizDir.x * distance, frameTarget.y + horizDir.y * distance, cameraHeight);
+      camera.position.copy(camPos);
+      camera.near = 0.01;
+      camera.far = 1000;
+      camera.updateProjectionMatrix();
+      camera.lookAt(frameTarget);
+      if (controls) {
+        controls.target.copy(frameTarget);
+        controls.minDistance = 1;
+        controls.maxDistance = 20;
+        controls.update();
+      }
+      console.log('🎥 Camera aimed at world origin (empty scene)');
+      return true;
+    }
+
+    /**
+     * @private
+     */
+  }, {
+    key: "_collectSceneBounds",
+    value: function _collectSceneBounds(scene) {
+      var includeTypes = ['component', 'gateway', 'segment'];
+      var box = new THREE__namespace.Box3();
+      var found = false;
+      scene.traverse(function (obj) {
+        var _obj$userData;
+        if (includeTypes.includes((_obj$userData = obj.userData) === null || _obj$userData === void 0 ? void 0 : _obj$userData.objectType)) {
+          var objBox = new THREE__namespace.Box3().setFromObject(obj);
+          if (!objBox.isEmpty()) {
+            box.union(objBox);
+            found = true;
+          }
+        }
+      });
+      return found && !box.isEmpty() ? box : null;
+    }
+
+    /**
+     * @private
+     */
+  }, {
+    key: "_isHomeDirection",
+    value: function _isHomeDirection(direction) {
+      if (!direction) return false;
+      var horiz = Math.hypot(direction.x, direction.y);
+      if (horiz < 1e-6) return false;
+      var dx = direction.x / horiz - DEFAULT_HOME_VIEW_DIRECTION.x / Math.hypot(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y);
+      var dy = direction.y / horiz - DEFAULT_HOME_VIEW_DIRECTION.y / Math.hypot(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y);
+      return Math.hypot(dx, dy) < 0.05 && Math.abs(direction.z) < 0.5;
+    }
+
+    /**
+     * Ground-hugging camera: horizontal offset with a fixed downward pitch toward
+     * the bottom-center of the component group.
+     * @private
+     */
+  }, {
+    key: "_fitCameraGroundLevel",
+    value: function _fitCameraGroundLevel(box, camera, controls, options, padding) {
+      var size = box.getSize(new THREE__namespace.Vector3());
+      var frameTarget = this._getBoxBottomCenter(box);
+      var downwardPitch = THREE__namespace.MathUtils.degToRad(HOME_DOWNWARD_PITCH_DEG);
+      var horizDir = new THREE__namespace.Vector3();
+      if (options.direction) {
+        horizDir.set(options.direction.x, options.direction.y, 0);
+      } else {
+        horizDir.set(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y, 0);
+      }
+      if (horizDir.lengthSq() < 1e-6) {
+        horizDir.set(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y, 0);
+      }
+      horizDir.normalize();
+      var corners = this._getBoxCorners(box);
+      var vFov = THREE__namespace.MathUtils.degToRad(camera.fov);
+      var aspect = camera.aspect || 1;
+      var tanHalfV = Math.tan(vFov / 2);
+      var tanHalfH = tanHalfV * aspect;
+      var fitsAtDistance = function fitsAtDistance(distance) {
+        var cameraHeight = Math.max(frameTarget.z + distance * Math.tan(downwardPitch), box.min.z + HOME_CAMERA_MIN_HEIGHT);
+        var camPos = new THREE__namespace.Vector3(frameTarget.x + horizDir.x * distance, frameTarget.y + horizDir.y * distance, cameraHeight);
+        var forward = new THREE__namespace.Vector3().subVectors(frameTarget, camPos).normalize();
+        var worldUp = camera.up.clone().normalize();
+        var right = new THREE__namespace.Vector3().crossVectors(forward, worldUp);
+        if (right.lengthSq() < 1e-6) {
+          right = new THREE__namespace.Vector3().crossVectors(forward, new THREE__namespace.Vector3(1, 0, 0));
+        }
+        right.normalize();
+        var up = new THREE__namespace.Vector3().crossVectors(right, forward).normalize();
+        var _iterator = _createForOfIteratorHelper(corners),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var corner = _step.value;
+            var rel = new THREE__namespace.Vector3().subVectors(corner, camPos);
+            var depth = rel.dot(forward);
+            if (depth <= 0.01) return false;
+            if (Math.abs(rel.dot(right)) / depth > tanHalfH) return false;
+            if (Math.abs(rel.dot(up)) / depth > tanHalfV) return false;
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        return true;
+      };
+      var fitDistance = 0.5;
+      while (!fitsAtDistance(fitDistance) && fitDistance < 500) {
+        fitDistance *= 1.15;
+      }
+      if (fitDistance >= 500) {
+        console.warn('⚠️ fitCameraToScene: could not frame scene from ground level');
+        return false;
+      }
+
+      // Tighten to the closest distance that still fits, then apply padding.
+      var lo = 0.01;
+      var hi = fitDistance;
+      while (hi - lo > 0.1) {
+        var mid = (lo + hi) / 2;
+        if (fitsAtDistance(mid)) hi = mid;else lo = mid;
+      }
+      fitDistance = hi * padding;
+      var cameraHeight = Math.max(frameTarget.z + fitDistance * Math.tan(downwardPitch), box.min.z + HOME_CAMERA_MIN_HEIGHT);
+      var camPos = new THREE__namespace.Vector3(frameTarget.x + horizDir.x * fitDistance, frameTarget.y + horizDir.y * fitDistance, cameraHeight);
+      camera.position.copy(camPos);
+      var span = size.length();
+      camera.near = Math.max(fitDistance / 1000, 0.01);
+      camera.far = Math.max(fitDistance + span * 4, 1000);
+      camera.updateProjectionMatrix();
+      camera.lookAt(frameTarget);
+      if (controls) {
+        controls.target.copy(frameTarget);
+        controls.minDistance = Math.max(span * 0.1, 0.1);
+        controls.maxDistance = fitDistance * 4;
+        controls.update();
+      }
+      console.log("\uD83C\uDFA5 Camera framed to scene at ground level (distance: ".concat(fitDistance.toFixed(2), ", height: ").concat(cameraHeight.toFixed(2), ")"));
+      return true;
+    }
+
+    /**
+     * Bottom-center of a bounding box (centered in X/Y, at the floor in Z).
+     * @private
+     */
+  }, {
+    key: "_getBoxBottomCenter",
+    value: function _getBoxBottomCenter(box) {
+      var center = box.getCenter(new THREE__namespace.Vector3());
+      return new THREE__namespace.Vector3(center.x, center.y, box.min.z);
+    }
+
+    /**
+     * @private
+     */
+  }, {
+    key: "_getBoxCorners",
+    value: function _getBoxCorners(box) {
+      var min = box.min,
+        max = box.max;
+      var corners = [];
+      for (var i = 0; i < 8; i++) {
+        corners.push(new THREE__namespace.Vector3(i & 1 ? max.x : min.x, i & 2 ? max.y : min.y, i & 4 ? max.z : min.z));
+      }
+      return corners;
+    }
+
+    /**
+     * @private
+     */
+  }, {
+    key: "_fitCameraFromCenter",
+    value: function _fitCameraFromCenter(box, camera, controls, options, padding) {
+      var center = box.getCenter(new THREE__namespace.Vector3());
+      var target = controls !== null && controls !== void 0 && controls.target ? controls.target.clone() : new THREE__namespace.Vector3();
+      var direction = new THREE__namespace.Vector3();
+      if (options.direction) {
+        direction.set(options.direction.x, options.direction.y, options.direction.z);
+      } else {
+        direction.subVectors(camera.position, target);
+      }
+      if (direction.lengthSq() < 1e-6) {
+        direction.set(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y, DEFAULT_HOME_VIEW_DIRECTION.z);
+      }
+      direction.normalize();
+      var forward = direction.clone().negate();
+      var worldUp = camera.up.clone().normalize();
+      var right = new THREE__namespace.Vector3().crossVectors(forward, worldUp);
+      if (right.lengthSq() < 1e-6) {
+        right = new THREE__namespace.Vector3().crossVectors(forward, new THREE__namespace.Vector3(1, 0, 0));
+      }
+      right.normalize();
+      var up = new THREE__namespace.Vector3().crossVectors(right, forward).normalize();
+      var vFov = THREE__namespace.MathUtils.degToRad(camera.fov);
+      var aspect = camera.aspect || 1;
+      var tanHalfV = Math.tan(vFov / 2);
+      var tanHalfH = tanHalfV * aspect;
+      var min = box.min;
+      var max = box.max;
+      var fitDistance = 0.01;
+      for (var i = 0; i < 8; i++) {
+        var v = new THREE__namespace.Vector3(i & 1 ? max.x : min.x, i & 2 ? max.y : min.y, i & 4 ? max.z : min.z).sub(center);
+        var vForward = v.dot(forward);
+        var vRight = Math.abs(v.dot(right));
+        var vUp = Math.abs(v.dot(up));
+        var cornerDistance = Math.max(vRight / tanHalfH - vForward, vUp / tanHalfV - vForward, -vForward + 0.01);
+        fitDistance = Math.max(fitDistance, cornerDistance);
+      }
+      fitDistance *= padding;
+      camera.position.copy(center).addScaledVector(direction, fitDistance);
+      var span = box.getSize(new THREE__namespace.Vector3()).length();
+      camera.near = Math.max(fitDistance / 1000, 0.01);
+      camera.far = Math.max(fitDistance + span * 4, 1000);
+      camera.updateProjectionMatrix();
+      camera.lookAt(center);
+      if (controls) {
+        controls.target.copy(center);
+        controls.minDistance = Math.max(span * 0.1, 0.1);
+        controls.maxDistance = fitDistance * 4;
+        controls.update();
+      }
+      console.log("\uD83C\uDFA5 Camera framed to scene (distance: ".concat(fitDistance.toFixed(2), ")"));
+      return true;
+    }
+
+    /**
+     * Frame the scene using the default low, ground-level home viewing angle.
+     * @param {Object} [options] - Passed to fitCameraToScene (padding, etc.)
+     * @returns {boolean}
+     */
+  }, {
+    key: "fitCameraToSceneHome",
+    value: function fitCameraToSceneHome() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return this.fitCameraToScene(_objectSpread2(_objectSpread2({}, options), {}, {
+        direction: DEFAULT_HOME_VIEW_DIRECTION,
+        groundLevel: true
+      }));
+    }
+
+    /**
+     * Toggle camera auto-rotation on/off
+     * 
+     * @returns {boolean} The new auto-rotation state
+     */
+  }, {
+    key: "toggleCameraRotation",
+    value: function toggleCameraRotation() {
+      var component = this.sceneViewer;
+      if (!component.controls || !component.sceneInitializationManager) {
+        console.warn('⚠️ Cannot toggle camera rotation: missing controls or sceneInitializationManager');
+        return false;
+      }
+
+      // Use the sceneInitializationManager to toggle auto-rotation
+      var isAutoRotating = component.sceneInitializationManager.toggleAutoRotation();
+
+      // Update our internal state
+      this._isAutoRotating = isAutoRotating;
+
+      // Set autoRotate speed if needed (using the stored preference)
+      if (isAutoRotating && component.controls.autoRotateSpeed !== this.autoRotateSpeed) {
+        component.controls.autoRotateSpeed = this.autoRotateSpeed;
+      }
+      console.log("\uD83D\uDD04 Camera auto-rotation ".concat(isAutoRotating ? 'enabled' : 'disabled', " via CameraControlsManager"));
+      return isAutoRotating;
+    }
+
+    /**
+     * Get the current auto-rotation state
+     * 
+     * @returns {boolean} Whether auto-rotation is enabled
+     */
+  }, {
+    key: "isAutoRotating",
+    value: function isAutoRotating() {
+      // If controls exist, sync our state with actual control state
+      if (this.sceneViewer.controls) {
+        this._isAutoRotating = this.sceneViewer.controls.autoRotate;
+      }
+      return this._isAutoRotating;
+    }
+
+    /**
+     * Directly enable or disable camera auto-rotation
+     * 
+     * @param {boolean} enable - Whether to enable auto-rotation
+     * @returns {boolean} The new auto-rotation state
+     */
+  }, {
+    key: "setAutoRotation",
+    value: function setAutoRotation(enable) {
+      var component = this.sceneViewer;
+      if (component.sceneInitializationManager) {
+        var result = component.sceneInitializationManager.toggleAutoRotation(enable);
+        this._isAutoRotating = result;
+        return result;
+      }
+      return false;
+    }
+  }]);
+}();
+
 var SceneInitializationManager = /*#__PURE__*/function () {
   function SceneInitializationManager(sceneViewer) {
     _classCallCheck(this, SceneInitializationManager);
@@ -25531,7 +25914,7 @@ var SceneInitializationManager = /*#__PURE__*/function () {
               containerWidth = containerRect.width;
               containerHeight = containerRect.height; // Create camera (Z-up coordinate system with flipped Y)
               component.camera = new THREE__namespace.PerspectiveCamera(50, containerWidth / containerHeight, 0.01, 1000);
-              component.camera.position.set(-8, -9, 2); // Flipped Y direction
+              component.camera.position.set(DEFAULT_HOME_VIEW_DIRECTION.x, DEFAULT_HOME_VIEW_DIRECTION.y, HOME_EMPTY_CAMERA_HEIGHT_ABOVE_GROUND);
               component.camera.up.set(0, 0, 1); // Set Z as up vector
 
               // Create renderer
@@ -29225,204 +29608,344 @@ var PathfindingManager = /*#__PURE__*/function (_BaseDisposable) {
     }
 
     /**
-     * Enrich scene data with world-space bounding boxes and positions for collision avoidance
-     * @param {Object|Array} sceneData - Original scene data or array of children
-     * @returns {Object|Array} Enriched scene data (shallow copy with modifications)
+     * Enrich sceneData with worldBoundingBox for segments and components
+     * Connectors remain with just position information.
+     *
+     * Uses _bboxCache to avoid recomputing filtered / io-device bboxes
+     * when the underlying object's world matrix has not changed.
+     *
+     * @param {Object} sceneData - Original scene data
+     * @returns {Object} Enriched scene data (shallow copy with modifications)
      * @private
      */
   }, {
     key: "_enrichSceneDataWithBoundingBoxes",
     value: function _enrichSceneDataWithBoundingBoxes(sceneData) {
       var _this4 = this;
-      if (!sceneData) return sceneData;
-
-      // Recursive helper to enrich a node and its children
-      var _enrichNode = function enrichNode(node) {
-        if (!node) return node;
-        var enrichedNode = _objectSpread2({}, node);
+      // Create a shallow copy of sceneData structure
+      var enriched = _objectSpread2({}, sceneData);
+      if (!sceneData.children || !Array.isArray(sceneData.children)) {
+        console.warn('⚠️ sceneData has no children array');
+        return enriched;
+      }
 
+      // Process children to add worldBoundingBox to segments and components
+      enriched.children = sceneData.children.map(function (child) {
         // Skip computed objects ( elbows etc )
-        if (node.userData && (node.userData.isComputed === true || node.userData.objectType === 'elbow')) {
-          return node;
+        if (child.userData && (child.userData.isComputed === true || child.userData.objectType === 'elbow')) {
+          return child;
         }
 
-        // ── Enrich Segments ──
-        if (node.userData && node.userData.objectType === 'segment') {
-          var segmentObject = _this4.sceneViewer.scene.getObjectByProperty('uuid', node.uuid);
+        // Enrich segments (check if objectType is 'segment' in userData)
+        if (child.userData && child.userData.objectType === 'segment') {
+          // Find the actual segment object in the scene
+          var segmentObject = _this4.sceneViewer.scene.getObjectByProperty('uuid', child.uuid);
           if (segmentObject) {
+            // ── Cache check ──
             var hash = _this4._matrixHash(segmentObject);
-            var cached = _this4._bboxCache.get(node.uuid);
+            var cached = _this4._bboxCache.get(child.uuid);
             if (cached && cached.matrixHash === hash && cached.segmentBBox) {
-              enrichedNode.userData = _objectSpread2(_objectSpread2({}, node.userData), {}, {
-                worldBoundingBox: cached.segmentBBox
-              });
-            } else {
-              var worldBBox = new THREE__namespace.Box3().setFromObject(segmentObject);
-              var bboxData = {
-                min: [worldBBox.min.x, worldBBox.min.y, worldBBox.min.z],
-                max: [worldBBox.max.x, worldBBox.max.y, worldBBox.max.z]
-              };
-              _this4._bboxCache.set(node.uuid, {
-                matrixHash: hash,
-                segmentBBox: bboxData
-              });
-              enrichedNode.userData = _objectSpread2(_objectSpread2({}, node.userData), {}, {
-                worldBoundingBox: bboxData
+              return _objectSpread2(_objectSpread2({}, child), {}, {
+                userData: _objectSpread2(_objectSpread2({}, child.userData), {}, {
+                  worldBoundingBox: cached.segmentBBox
+                })
               });
             }
+
+            // Compute world bounding box
+            var worldBBox = new THREE__namespace.Box3().setFromObject(segmentObject);
+            var bboxData = {
+              min: [worldBBox.min.x, worldBBox.min.y, worldBBox.min.z],
+              max: [worldBBox.max.x, worldBBox.max.y, worldBBox.max.z]
+            };
+
+            // Store in cache
+            _this4._bboxCache.set(child.uuid, {
+              matrixHash: hash,
+              segmentBBox: bboxData
+            });
+            return _objectSpread2(_objectSpread2({}, child), {}, {
+              userData: _objectSpread2(_objectSpread2({}, child.userData), {}, {
+                worldBoundingBox: bboxData
+              })
+            });
+          } else {
+            console.warn("\u26A0\uFE0F Could not find segment object in scene: ".concat(child.uuid));
           }
         }
 
-        // ── Enrich Components ──
-        else if (node.userData && node.userData.objectType === 'component') {
-          var componentObject = _this4.sceneViewer.scene.getObjectByProperty('uuid', node.uuid);
+        // Enrich components (check if objectType is 'component' in userData)
+        if (child.userData && child.userData.objectType === 'component') {
+          // Find the actual component object in the scene
+          var componentObject = _this4.sceneViewer.scene.getObjectByProperty('uuid', child.uuid);
           if (componentObject) {
+            // Explicitly update matrices for this component subtree before computing bounding boxes
             componentObject.updateMatrixWorld(true);
+
+            // ── Cache check ──
             var _hash = _this4._matrixHash(componentObject);
-            var _cached = _this4._bboxCache.get(node.uuid);
+            var _cached = _this4._bboxCache.get(child.uuid);
             if (_cached && _cached.matrixHash === _hash && _cached.filteredBBox) {
-              enrichedNode.position = {
-                x: componentObject.position.x,
-                y: componentObject.position.y,
-                z: componentObject.position.z
-              };
-              enrichedNode.rotation = {
-                x: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.x),
-                y: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.y),
-                z: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.z)
-              };
-              enrichedNode.userData = _objectSpread2(_objectSpread2({}, node.userData), {}, {
-                worldBoundingBox: _cached.filteredBBox,
-                position: [componentObject.position.x, componentObject.position.y, componentObject.position.z]
+              // Rebuild enriched child from cached data
+              var _enrichedChild = _objectSpread2(_objectSpread2({}, child), {}, {
+                // Sync live transform even on cache hit just in case the manifest (child) is stale
+                position: {
+                  x: componentObject.position.x,
+                  y: componentObject.position.y,
+                  z: componentObject.position.z
+                },
+                rotation: {
+                  x: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.x),
+                  y: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.y),
+                  z: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.z)
+                },
+                userData: _objectSpread2(_objectSpread2({}, child.userData), {}, {
+                  worldBoundingBox: _cached.filteredBBox,
+                  position: [componentObject.position.x, componentObject.position.y, componentObject.position.z]
+                })
               });
-
-              // Re-merge cached connectors and devices if they exist
-              if (!enrichedNode.children) enrichedNode.children = [];
-              if (_cached.connectorBBoxes) {
-                _cached.connectorBBoxes.forEach(function (conn) {
-                  return _this4._mergeEnrichedChild(enrichedNode.children, conn);
+              if (_cached.ioDeviceBBoxes && _cached.ioDeviceBBoxes.length > 0) {
+                if (!_enrichedChild.children) _enrichedChild.children = [];
+                _cached.ioDeviceBBoxes.forEach(function (deviceBBox) {
+                  var existingIndex = _enrichedChild.children.findIndex(function (c) {
+                    return c.uuid === deviceBBox.uuid;
+                  });
+                  if (existingIndex >= 0) {
+                    _enrichedChild.children[existingIndex] = _objectSpread2(_objectSpread2({}, _enrichedChild.children[existingIndex]), {}, {
+                      position: {
+                        x: deviceBBox.userData.position[0],
+                        y: deviceBBox.userData.position[1],
+                        z: deviceBBox.userData.position[2]
+                      },
+                      userData: _objectSpread2(_objectSpread2({}, _enrichedChild.children[existingIndex].userData), {}, {
+                        objectType: 'io-device',
+                        worldBoundingBox: deviceBBox.worldBoundingBox,
+                        position: deviceBBox.userData.position
+                      })
+                    });
+                  } else {
+                    _enrichedChild.children.push({
+                      uuid: deviceBBox.uuid,
+                      position: {
+                        x: deviceBBox.userData.position[0],
+                        y: deviceBBox.userData.position[1],
+                        z: deviceBBox.userData.position[2]
+                      },
+                      userData: _objectSpread2(_objectSpread2({}, deviceBBox.userData), {}, {
+                        worldBoundingBox: deviceBBox.worldBoundingBox,
+                        position: deviceBBox.userData.position
+                      }),
+                      children: []
+                    });
+                  }
                 });
               }
-              if (_cached.ioDeviceBBoxes) {
-                _cached.ioDeviceBBoxes.forEach(function (dev) {
-                  return _this4._mergeEnrichedChild(enrichedNode.children, dev);
+
+              // Also reinject connectors from cache
+              if (_cached.connectorBBoxes && _cached.connectorBBoxes.length > 0) {
+                if (!_enrichedChild.children) _enrichedChild.children = [];
+                _cached.connectorBBoxes.forEach(function (connBBox) {
+                  var existingIndex = _enrichedChild.children.findIndex(function (c) {
+                    return c.uuid === connBBox.uuid;
+                  });
+                  if (existingIndex >= 0) {
+                    _enrichedChild.children[existingIndex] = _objectSpread2(_objectSpread2({}, _enrichedChild.children[existingIndex]), {}, {
+                      position: {
+                        x: connBBox.userData.position[0],
+                        y: connBBox.userData.position[1],
+                        z: connBBox.userData.position[2]
+                      },
+                      userData: _objectSpread2(_objectSpread2({}, _enrichedChild.children[existingIndex].userData), {}, {
+                        worldBoundingBox: connBBox.worldBoundingBox,
+                        position: connBBox.userData.position
+                      })
+                    });
+                  } else {
+                    _enrichedChild.children.push({
+                      uuid: connBBox.uuid,
+                      position: {
+                        x: connBBox.userData.position[0],
+                        y: connBBox.userData.position[1],
+                        z: connBBox.userData.position[2]
+                      },
+                      userData: _objectSpread2(_objectSpread2({}, connBBox.userData), {}, {
+                        worldBoundingBox: connBBox.worldBoundingBox,
+                        position: connBBox.userData.position
+                      }),
+                      children: []
+                    });
+                  }
                 });
               }
-            } else {
-              var filteredBBox = computeFilteredBoundingBox(componentObject, ['io-device', 'connector']);
-              var _bboxData = {
-                min: [filteredBBox.min.x, filteredBBox.min.y, filteredBBox.min.z],
-                max: [filteredBBox.max.x, filteredBBox.max.y, filteredBBox.max.z]
-              };
-              enrichedNode.position = {
+              return _enrichedChild;
+            }
+
+            // Compute FILTERED bounding box — excludes io-device and connector subtrees
+            // so the component body bbox is tight-fitting and doesn't envelop attached devices
+            var filteredBBox = computeFilteredBoundingBox(componentObject, ['io-device', 'connector']);
+            console.log("\uD83D\uDD04 Updated worldBoundingBox for component ".concat(child.uuid, " (filtered): min=[").concat(filteredBBox.min.x.toFixed(2), ", ").concat(filteredBBox.min.y.toFixed(2), ", ").concat(filteredBBox.min.z.toFixed(2), "], max=[").concat(filteredBBox.max.x.toFixed(2), ", ").concat(filteredBBox.max.y.toFixed(2), ", ").concat(filteredBBox.max.z.toFixed(2), "]"));
+            var _bboxData = {
+              min: [filteredBBox.min.x, filteredBBox.min.y, filteredBBox.min.z],
+              max: [filteredBBox.max.x, filteredBBox.max.y, filteredBBox.max.z]
+            };
+
+            // Build the enriched component entry
+            var enrichedChild = _objectSpread2(_objectSpread2({}, child), {}, {
+              // Sync live transform to ensure pathfinder has latest coordinates
+              position: {
                 x: componentObject.position.x,
                 y: componentObject.position.y,
                 z: componentObject.position.z
-              };
-              enrichedNode.rotation = {
+              },
+              rotation: {
                 x: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.x),
                 y: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.y),
                 z: THREE__namespace.MathUtils.radToDeg(componentObject.rotation.z)
-              };
-              enrichedNode.userData = _objectSpread2(_objectSpread2({}, node.userData), {}, {
+              },
+              userData: _objectSpread2(_objectSpread2({}, child.userData), {}, {
                 worldBoundingBox: _bboxData,
                 position: [componentObject.position.x, componentObject.position.y, componentObject.position.z]
+              })
+            });
+
+            // Compute separate bounding boxes for each attached io-device
+            var ioDeviceBBoxes = computeIODeviceBoundingBoxes(componentObject);
+            if (ioDeviceBBoxes.length > 0) {
+              // Ensure children array exists (may already contain connectors)
+              if (!enrichedChild.children) {
+                enrichedChild.children = [];
+              }
+
+              // Inject io-device entries with their own worldBoundingBox
+              ioDeviceBBoxes.forEach(function (deviceBBox) {
+                var existingIndex = enrichedChild.children.findIndex(function (c) {
+                  return c.uuid === deviceBBox.uuid;
+                });
+                if (existingIndex >= 0) {
+                  enrichedChild.children[existingIndex] = _objectSpread2(_objectSpread2({}, enrichedChild.children[existingIndex]), {}, {
+                    position: {
+                      x: deviceBBox.userData.position[0],
+                      y: deviceBBox.userData.position[1],
+                      z: deviceBBox.userData.position[2]
+                    },
+                    userData: _objectSpread2(_objectSpread2({}, enrichedChild.children[existingIndex].userData), {}, {
+                      objectType: 'io-device',
+                      worldBoundingBox: deviceBBox.worldBoundingBox,
+                      position: deviceBBox.userData.position
+                    })
+                  });
+                } else {
+                  enrichedChild.children.push({
+                    uuid: deviceBBox.uuid,
+                    position: {
+                      x: deviceBBox.userData.position[0],
+                      y: deviceBBox.userData.position[1],
+                      z: deviceBBox.userData.position[2]
+                    },
+                    userData: _objectSpread2(_objectSpread2({}, deviceBBox.userData), {}, {
+                      worldBoundingBox: deviceBBox.worldBoundingBox,
+                      position: deviceBBox.userData.position
+                    }),
+                    children: []
+                  });
+                }
+                console.log("\uD83D\uDCE6 Injected io-device bbox for ".concat(deviceBBox.uuid, ": min=[").concat(deviceBBox.worldBoundingBox.min.map(function (v) {
+                  return v.toFixed(2);
+                }).join(', '), "], max=[").concat(deviceBBox.worldBoundingBox.max.map(function (v) {
+                  return v.toFixed(2);
+                }).join(', '), "]"));
               });
-              var connectorBBoxes = computeConnectorBoundingBoxes(componentObject);
-              var ioDeviceBBoxes = computeIODeviceBoundingBoxes(componentObject);
-              if (!enrichedNode.children) enrichedNode.children = [];
-              connectorBBoxes.forEach(function (conn) {
-                return _this4._mergeEnrichedChild(enrichedNode.children, conn);
-              });
-              ioDeviceBBoxes.forEach(function (dev) {
-                return _this4._mergeEnrichedChild(enrichedNode.children, dev);
-              });
-              _this4._bboxCache.set(node.uuid, {
-                matrixHash: _hash,
-                filteredBBox: _bboxData,
-                ioDeviceBBoxes: ioDeviceBBoxes,
-                connectorBBoxes: connectorBBoxes
+              console.log("\uD83D\uDCE6 Injected ".concat(ioDeviceBBoxes.length, " io-device bounding box(es) for component ").concat(child.uuid));
+            }
+
+            // PHASE 2: Enrich Connectors (CRITICAL for pathfinding API)
+            // Also compute world bounding boxes for connectors and inject into children.
+            // This ensures endpoints have world coordinates in sceneDataCopy.
+            var connectorBBoxes = computeConnectorBoundingBoxes(componentObject);
+            if (connectorBBoxes.length > 0) {
+              if (!enrichedChild.children) enrichedChild.children = [];
+              connectorBBoxes.forEach(function (connBBox) {
+                var existingIndex = enrichedChild.children.findIndex(function (c) {
+                  return c.uuid === connBBox.uuid;
+                });
+                if (existingIndex >= 0) {
+                  enrichedChild.children[existingIndex] = _objectSpread2(_objectSpread2({}, enrichedChild.children[existingIndex]), {}, {
+                    position: {
+                      x: connBBox.userData.position[0],
+                      y: connBBox.userData.position[1],
+                      z: connBBox.userData.position[2]
+                    },
+                    userData: _objectSpread2(_objectSpread2({}, enrichedChild.children[existingIndex].userData), {}, {
+                      worldBoundingBox: connBBox.worldBoundingBox,
+                      position: connBBox.userData.position
+                    })
+                  });
+                } else {
+                  enrichedChild.children.push({
+                    uuid: connBBox.uuid,
+                    position: {
+                      x: connBBox.userData.position[0],
+                      y: connBBox.userData.position[1],
+                      z: connBBox.userData.position[2]
+                    },
+                    userData: _objectSpread2(_objectSpread2({}, connBBox.userData), {}, {
+                      worldBoundingBox: connBBox.worldBoundingBox,
+                      position: connBBox.userData.position
+                    }),
+                    children: []
+                  });
+                }
               });
             }
+
+            // Store in cache
+            _this4._bboxCache.set(child.uuid, {
+              matrixHash: _hash,
+              filteredBBox: _bboxData,
+              ioDeviceBBoxes: ioDeviceBBoxes,
+              connectorBBoxes: connectorBBoxes
+            });
+            return enrichedChild;
+          } else {
+            console.warn("\u26A0\uFE0F Could not find component object in scene: ".concat(child.uuid));
           }
         }
 
-        // ── Enrich Standalone Objects (Gateways/Connectors) ──
-        else if (node.userData && (node.userData.objectType === 'gateway' || node.userData.objectType === 'connector')) {
-          var _node$userData;
-          var object = _this4.sceneViewer.scene.getObjectByProperty('uuid', node.uuid) || _this4.sceneViewer.scene.getObjectByProperty('uuid', (_node$userData = node.userData) === null || _node$userData === void 0 ? void 0 : _node$userData.originalUuid);
+        // ────────────────────────────────────────────────────────────────────────
+        // PHASE 3: Handle top-level Gateways and Connectors
+        // ────────────────────────────────────────────────────────────────────────
+        if (child.userData && (child.userData.objectType === 'gateway' || child.userData.objectType === 'connector')) {
+          var _child$userData;
+          var object = _this4.sceneViewer.scene.getObjectByProperty('uuid', child.uuid) || _this4.sceneViewer.scene.getObjectByProperty('uuid', (_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.originalUuid);
           if (object) {
             var worldPos = new THREE__namespace.Vector3();
             object.getWorldPosition(worldPos);
-            enrichedNode.position = {
-              x: worldPos.x,
-              y: worldPos.y,
-              z: worldPos.z
-            };
-            enrichedNode.userData = _objectSpread2(_objectSpread2({}, node.userData), {}, {
-              position: [worldPos.x, worldPos.y, worldPos.z]
+            return _objectSpread2(_objectSpread2({}, child), {}, {
+              // Sync live transform to ensure pathfinder has latest coordinates
+              position: {
+                x: worldPos.x,
+                y: worldPos.y,
+                z: worldPos.z
+              },
+              userData: _objectSpread2(_objectSpread2({}, child.userData), {}, {
+                position: [worldPos.x, worldPos.y, worldPos.z]
+              })
             });
-
-            // If it's a connector, also sync direction
-            if (node.userData.objectType === 'connector') {
-              var worldDir = new THREE__namespace.Vector3(0, 0, 1);
-              if (node.userData.direction) worldDir.set(node.userData.direction[0], node.userData.direction[1], node.userData.direction[2]);
-              worldDir.applyQuaternion(object.getWorldQuaternion(new THREE__namespace.Quaternion())).normalize();
-              enrichedNode.userData.direction = [worldDir.x, worldDir.y, worldDir.z];
-            }
           }
         }
 
-        // Recurse into children
-        if (node.children && Array.isArray(node.children)) {
-          enrichedNode.children = node.children.map(_enrichNode);
-        }
-        return enrichedNode;
-      };
-
-      // Handle root being an array or object
-      if (Array.isArray(sceneData)) {
-        return sceneData.map(_enrichNode);
-      } else if (sceneData.children && Array.isArray(sceneData.children)) {
-        var enrichedRoot = _objectSpread2({}, sceneData);
-        enrichedRoot.children = sceneData.children.map(_enrichNode);
-        return enrichedRoot;
-      } else {
-        return _enrichNode(sceneData);
-      }
+        // For non-segments and non-components (and if object search failed), return as-is
+        return child;
+      });
+      return enriched;
     }
 
     /**
-     * Helper to merge an enriched child (connector/device) into a children array
-     * @private
+     * Core pathfinding logic shared across initialization and updates
      */
-  }, {
-    key: "_mergeEnrichedChild",
-    value: function _mergeEnrichedChild(childrenArray, enrichedData) {
-      var existingIndex = childrenArray.findIndex(function (c) {
-        return c.uuid === enrichedData.uuid;
-      });
-      var nodeToMerge = {
-        uuid: enrichedData.uuid,
-        position: {
-          x: enrichedData.userData.position[0],
-          y: enrichedData.userData.position[1],
-          z: enrichedData.userData.position[2]
-        },
-        userData: _objectSpread2(_objectSpread2({}, enrichedData.userData), {}, {
-          worldBoundingBox: enrichedData.worldBoundingBox
-        }),
-        children: []
-      };
-      if (existingIndex >= 0) {
-        childrenArray[existingIndex] = _objectSpread2(_objectSpread2({}, childrenArray[existingIndex]), nodeToMerge);
-      } else {
-        childrenArray.push(nodeToMerge);
-      }
-    }
   }, {
     key: "_executePathfinding",
-    value: function () {
+    value: (function () {
       var _executePathfinding2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(sceneData, connections) {
         var _this5 = this,
           _sceneDataCopy$childr,
@@ -29597,7 +30120,7 @@ var PathfindingManager = /*#__PURE__*/function (_BaseDisposable) {
         return _executePathfinding2.apply(this, arguments);
       }
       return _executePathfinding;
-    }()
+    }())
   }, {
     key: "getSimplifiedSceneData",
     value: function getSimplifiedSceneData() {
@@ -33855,6 +34378,19 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       if (!(data !== null && data !== void 0 && (_data$scene2 = data.scene) !== null && _data$scene2 !== void 0 && _data$scene2.children) || !componentDictionary) {
         return;
       }
+
+      // Collect every connector uuid referenced by the scene's connections so we
+      // can inject connectors under the SAME uuid scheme the scene actually uses.
+      // Two schemes exist in the wild:
+      //   - Preferred (runtime add path + minimal export): `${componentUuid}_${dictConnectorUuid}`
+      //   - Legacy (older hand-authored scenes):           `${componentUuid}-CONNECTOR-${index+1}`
+      var connectionEndpoints = new Set();
+      if (Array.isArray(data.connections)) {
+        data.connections.forEach(function (conn) {
+          if (conn !== null && conn !== void 0 && conn.from) connectionEndpoints.add(conn.from);
+          if (conn !== null && conn !== void 0 && conn.to) connectionEndpoints.add(conn.to);
+        });
+      }
       var componentsProcessed = 0;
       var connectorsInjected = 0;
       data.scene.children.forEach(function (child) {
@@ -33877,9 +34413,18 @@ var SceneOperationsManager = /*#__PURE__*/function () {
 
               // Deep clone the connector children from the dictionary
               child.children = dictEntry.children.map(function (connector, index) {
-                // Generate unique UUID for this connector instance
-                // Format: COMPONENT-UUID-CONNECTOR-INDEX
-                var connectorUuid = "".concat(child.uuid, "-CONNECTOR-").concat(index + 1);
+                // Choose the connector uuid that matches the scheme the scene's
+                // connections reference. Prefer `${componentUuid}_${dictConnectorUuid}`
+                // (sandbox add path + minimal export); fall back to the legacy
+                // index-based scheme `${componentUuid}-CONNECTOR-${index+1}` when the
+                // connections reference that form. If neither is referenced (e.g. an
+                // unconnected connector), default to the preferred scheme.
+                var legacyUuid = "".concat(child.uuid, "-CONNECTOR-").concat(index + 1);
+                var preferredUuid = connector.uuid ? "".concat(child.uuid, "_").concat(connector.uuid) : legacyUuid;
+                var connectorUuid = preferredUuid;
+                if (!connectionEndpoints.has(preferredUuid) && connectionEndpoints.has(legacyUuid)) {
+                  connectorUuid = legacyUuid;
+                }
 
                 // Clone connector with deep copy of userData
                 var clonedConnector = _objectSpread2(_objectSpread2({}, connector), {}, {
@@ -34085,6 +34630,7 @@ var SceneOperationsManager = /*#__PURE__*/function () {
   }, {
     key: "_finalizeScene",
     value: function _finalizeScene(data, crosscubeTextureSet, isImported) {
+      var _component$cameraCont;
       var component = this.sceneViewer;
       component.currentSceneData = data;
       component.crosscubeTextureSet = crosscubeTextureSet;
@@ -34096,6 +34642,14 @@ var SceneOperationsManager = /*#__PURE__*/function () {
         }
         this._setTransformControlsState(true, false); // Enable but keep hidden initially
       }
+
+      // Frame the camera so all components fit perfectly in view (low, ground-level angle)
+      if ((_component$cameraCont = component.cameraControlsManager) !== null && _component$cameraCont !== void 0 && _component$cameraCont.fitCameraToScene) {
+        component.cameraControlsManager.fitCameraToScene({
+          direction: DEFAULT_HOME_VIEW_DIRECTION,
+          groundLevel: true
+        });
+      }
     }
 
     /**
@@ -34978,82 +35532,6 @@ var AnimationManager = /*#__PURE__*/function (_BaseDisposable) {
   }]);
 }(BaseDisposable);
 
-/**
- * CameraControlsManager
- * Handles camera movement, rotation, and other camera-specific controls
- */
-
-var CameraControlsManager = /*#__PURE__*/function () {
-  function CameraControlsManager(component) {
-    _classCallCheck(this, CameraControlsManager);
-    this.sceneViewer = component;
-    this.autoRotateSpeed = 1.0; // Default rotation speed
-    this._isAutoRotating = false; // Internal state tracking
-  }
-
-  /**
-   * Toggle camera auto-rotation on/off
-   * 
-   * @returns {boolean} The new auto-rotation state
-   */
-  return _createClass(CameraControlsManager, [{
-    key: "toggleCameraRotation",
-    value: function toggleCameraRotation() {
-      var component = this.sceneViewer;
-      if (!component.controls || !component.sceneInitializationManager) {
-        console.warn('⚠️ Cannot toggle camera rotation: missing controls or sceneInitializationManager');
-        return false;
-      }
-
-      // Use the sceneInitializationManager to toggle auto-rotation
-      var isAutoRotating = component.sceneInitializationManager.toggleAutoRotation();
-
-      // Update our internal state
-      this._isAutoRotating = isAutoRotating;
-
-      // Set autoRotate speed if needed (using the stored preference)
-      if (isAutoRotating && component.controls.autoRotateSpeed !== this.autoRotateSpeed) {
-        component.controls.autoRotateSpeed = this.autoRotateSpeed;
-      }
-      console.log("\uD83D\uDD04 Camera auto-rotation ".concat(isAutoRotating ? 'enabled' : 'disabled', " via CameraControlsManager"));
-      return isAutoRotating;
-    }
-
-    /**
-     * Get the current auto-rotation state
-     * 
-     * @returns {boolean} Whether auto-rotation is enabled
-     */
-  }, {
-    key: "isAutoRotating",
-    value: function isAutoRotating() {
-      // If controls exist, sync our state with actual control state
-      if (this.sceneViewer.controls) {
-        this._isAutoRotating = this.sceneViewer.controls.autoRotate;
-      }
-      return this._isAutoRotating;
-    }
-
-    /**
-     * Directly enable or disable camera auto-rotation
-     * 
-     * @param {boolean} enable - Whether to enable auto-rotation
-     * @returns {boolean} The new auto-rotation state
-     */
-  }, {
-    key: "setAutoRotation",
-    value: function setAutoRotation(enable) {
-      var component = this.sceneViewer;
-      if (component.sceneInitializationManager) {
-        var result = component.sceneInitializationManager.toggleAutoRotation(enable);
-        this._isAutoRotating = result;
-        return result;
-      }
-      return false;
-    }
-  }]);
-}();
-
 /**
  * ComponentDragManager handles drag and drop from external UI elements to the 3D scene
  */
@@ -41119,7 +41597,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.3.48
+   * @version 0.3.50
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.
@@ -42995,6 +43473,98 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
       }
     }
 
+    /**
+     * Get the world-space axis-aligned bounding box for a scene object.
+     * @param {string|THREE.Object3D} objectOrId - The object's UUID/name, or the Three.js object itself
+     * @param {Object} [options={}] - Bounding box options
+     * @param {boolean} [options.filtered=true] - When true, exclude connector and io-device
+     *   subtrees so the box reflects the component body footprint. When false, the box
+     *   envelops all descendants (equivalent to THREE.Box3.setFromObject).
+     * @param {string[]} [options.excludeTypes] - Override the userData.objectType values to
+     *   exclude (defaults to ['io-device', 'connector'] when filtered is true).
+     * @returns {{min: {x,y,z}, max: {x,y,z}, size: {x,y,z}, center: {x,y,z}}|null}
+     *   The bounding box descriptor in world space, or null if the object can't be found
+     *   or has no geometry.
+     * @description Computes a tight world-space bounding box for a component (or any scene
+     * object). By default the component body is measured independently of its attached
+     * connectors and io-devices, which is useful for layout and spacing operations.
+     * @example
+     * // Component body bounding box (excludes connectors / io-devices)
+     * const bbox = centralPlant.getBoundingBox('PUMP-1');
+     * console.log(bbox.size.x, bbox.size.y, bbox.size.z);
+     *
+     * @example
+     * // Full bounding box including connectors and io-devices
+     * const fullBox = centralPlant.getBoundingBox('PUMP-1', { filtered: false });
+     *
+     * @since 0.3.50
+     */
+  }, {
+    key: "getBoundingBox",
+    value: function getBoundingBox(objectOrId) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ getBoundingBox(): Scene viewer or scene not available');
+        return null;
+      }
+      var _options$filtered = options.filtered,
+        filtered = _options$filtered === void 0 ? true : _options$filtered,
+        excludeTypes = options.excludeTypes;
+
+      // Resolve the target object
+      var object = objectOrId;
+      if (typeof objectOrId === 'string') {
+        object = this.sceneViewer.scene.getObjectByProperty('uuid', objectOrId) || this.sceneViewer.scene.getObjectByProperty('name', objectOrId);
+        if (!object) {
+          // Fall back to a full traverse (matches translate's lookup by originalUuid)
+          this.sceneViewer.scene.traverse(function (child) {
+            var _child$userData2;
+            if (!object && ((_child$userData2 = child.userData) === null || _child$userData2 === void 0 ? void 0 : _child$userData2.originalUuid) === objectOrId) {
+              object = child;
+            }
+          });
+        }
+      }
+      if (!object || typeof object.traverse !== 'function') {
+        console.warn("\u26A0\uFE0F getBoundingBox(): Object '".concat(objectOrId, "' not found in scene"));
+        return null;
+      }
+      try {
+        var typesToExclude = filtered ? excludeTypes || ['io-device', 'connector'] : [];
+        var box = computeFilteredBoundingBox(object, typesToExclude);
+        if (box.isEmpty()) {
+          return null;
+        }
+        var size = box.getSize(new THREE__namespace.Vector3());
+        var center = box.getCenter(new THREE__namespace.Vector3());
+        return {
+          min: {
+            x: box.min.x,
+            y: box.min.y,
+            z: box.min.z
+          },
+          max: {
+            x: box.max.x,
+            y: box.max.y,
+            z: box.max.z
+          },
+          size: {
+            x: size.x,
+            y: size.y,
+            z: size.z
+          },
+          center: {
+            x: center.x,
+            y: center.y,
+            z: center.z
+          }
+        };
+      } catch (error) {
+        console.error('❌ getBoundingBox(): Error computing bounding box:', error);
+        return null;
+      }
+    }
+
     /**
      * Get available component categories
      * @returns {Array<Object>} Array of category objects with id, label, icon, and description
@@ -43229,8 +43799,8 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
       var componentDictionary = ((_this$managers$compon = this.managers.componentDataManager) === null || _this$managers$compon === void 0 ? void 0 : _this$managers$compon.componentDictionary) || {};
       var missingIds = [];
       sceneData.scene.children.forEach(function (child) {
-        var _child$userData2;
-        var libraryId = (_child$userData2 = child.userData) === null || _child$userData2 === void 0 ? void 0 : _child$userData2.libraryId;
+        var _child$userData3;
+        var libraryId = (_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.libraryId;
         if (libraryId && !componentDictionary[libraryId]) {
           // Only add unique IDs
           if (!missingIds.includes(libraryId)) {
@@ -43308,8 +43878,8 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
       // If still not found, try finding by originalUuid in userData
       if (!targetObject) {
         this.sceneViewer.scene.traverse(function (child) {
-          var _child$userData3;
-          if (((_child$userData3 = child.userData) === null || _child$userData3 === void 0 ? void 0 : _child$userData3.originalUuid) === objectId) {
+          var _child$userData4;
+          if (((_child$userData4 = child.userData) === null || _child$userData4 === void 0 ? void 0 : _child$userData4.originalUuid) === objectId) {
             targetObject = child;
             return;
           }
@@ -49934,9 +50504,11 @@ exports.ComponentDataManager = ComponentDataManager;
 exports.ComponentDragManager = ComponentDragManager;
 exports.ComponentManager = ComponentManager;
 exports.ComponentTooltipManager = ComponentTooltipManager;
+exports.DEFAULT_HOME_VIEW_DIRECTION = DEFAULT_HOME_VIEW_DIRECTION;
 exports.EnvironmentManager = EnvironmentManager;
 exports.FLOW_ATTRIBUTE_KEYS = FLOW_ATTRIBUTE_KEYS;
 exports.GLOBAL_CACHE_NAME = GLOBAL_CACHE_NAME;
+exports.HOME_EMPTY_CAMERA_HEIGHT_ABOVE_GROUND = HOME_EMPTY_CAMERA_HEIGHT_ABOVE_GROUND;
 exports.IoBehaviorManager = IoBehaviorManager;
 exports.KeyboardControlsManager = KeyboardControlsManager;
 exports.ModelManager = ModelManager;