@2112-lab/central-plant 0.3.16 → 0.3.18

package/dist/esm/src/helpers/directionUtils.js

@@ -0,0 +1,111 @@
+import { toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+
+/**
+ * Utility function to update userData.direction for components after 90-degree rotation
+ * This function handles the direction vector transformation for connectors when their parent component is rotated
+ * 
+ * @param {THREE.Object3D} component - The component that was rotated
+ * @param {string} axis - The axis of rotation ('x', 'y', or 'z')
+ * @param {number} degrees - The rotation angle in degrees (should be multiple of 90)
+ */
+function updateDirectionAfterRotation(component, axis, degrees) {
+  if (!component) {
+    console.warn('⚠️ updateDirectionAfterRotation: No component provided');
+    return;
+  }
+
+  // Only handle 90-degree increments
+  if (degrees % 90 !== 0) {
+    console.warn('⚠️ updateDirectionAfterRotation: Only 90-degree increments are supported');
+    return;
+  }
+
+  // Normalize degrees to 0-360 range
+  var normalizedDegrees = (degrees % 360 + 360) % 360;
+  console.log("\uD83D\uDD04 Updating direction vectors for ".concat(component.name || component.uuid, " after ").concat(degrees, "\xB0 rotation around ").concat(axis, " axis"));
+
+  // Traverse all children (connectors) and update their direction vectors
+  component.traverse(function (child) {
+    var _child$userData, _child$userData2;
+    var childType = ((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.objectType) || ((_child$userData2 = child.userData) === null || _child$userData2 === void 0 ? void 0 : _child$userData2.objectType);
+    if (child.userData && Array.isArray(child.userData.direction) && childType === 'connector') {
+      var originalDirection = _toConsumableArray(child.userData.direction);
+      var newDirection = rotateDirectionVector(originalDirection, axis, normalizedDegrees);
+
+      // Update the direction
+      child.userData.direction = newDirection;
+      console.log("\uD83D\uDCCD Updated connector ".concat(child.name || child.uuid, " direction:"), {
+        original: originalDirection,
+        new: newDirection,
+        rotationAxis: axis,
+        rotationDegrees: degrees
+      });
+    }
+  });
+}
+
+/**
+ * Rotate a direction vector by 90-degree increments around a specific axis
+ * 
+ * @param {Array<number>} direction - The original direction vector [x, y, z]
+ * @param {string} axis - The axis of rotation ('x', 'y', or 'z')
+ * @param {number} degrees - The rotation angle in degrees (must be multiple of 90)
+ * @returns {Array<number>} The new direction vector [x, y, z]
+ */
+function rotateDirectionVector(direction, axis, degrees) {
+  if (!Array.isArray(direction) || direction.length !== 3) {
+    console.warn('⚠️ rotateDirectionVector: Invalid direction vector');
+    return direction;
+  }
+  var _direction = _slicedToArray(direction, 3),
+    x = _direction[0],
+    y = _direction[1],
+    z = _direction[2];
+  var steps = degrees / 90; // Number of 90-degree steps
+
+  for (var i = 0; i < steps; i++) {
+    var newX = x,
+      newY = y,
+      newZ = z;
+    switch (axis) {
+      case 'x':
+        // Rotation around X-axis in Z-up system with flipped Y: Y becomes -Z, Z becomes Y
+        newY = -z;
+        newZ = y;
+        break;
+      case 'y':
+        // Rotation around Y-axis in Z-up system with flipped Y: X becomes Z, Z becomes -X
+        newX = z;
+        newZ = -x;
+        break;
+      case 'z':
+        // Rotation around Z-axis in Z-up system with flipped Y: X becomes -Y, Y becomes X
+        newX = -y;
+        newY = x;
+        break;
+      default:
+        console.warn("\u26A0\uFE0F rotateDirectionVector: Invalid axis '".concat(axis, "'"));
+        return direction;
+    }
+    x = newX;
+    y = newY;
+    z = newZ;
+  }
+  return [x, y, z];
+}
+
+/**
+ * Example usage in your rotate method:
+ * 
+ * // After applying rotation to the component
+ * component.rotation[axis] += radians
+ * 
+ * // Update direction vectors for connectors
+ * updateDirectionAfterRotation(component, axis, value)
+ * 
+ * // Update matrices
+ * component.updateMatrix()
+ * component.updateMatrixWorld(true)
+ */
+
+export { updateDirectionAfterRotation };

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

@@ -1,5 +1,6 @@
 import { createClass as _createClass, createForOfIteratorHelper as _createForOfIteratorHelper, construct as _construct, toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray, classCallCheck as _classCallCheck } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as THREE from 'three';
+import { updateDirectionAfterRotation } from '../../helpers/directionUtils.js';
 
 var TransformOperationsManager = /*#__PURE__*/function () {
   /**
@@ -692,16 +693,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       if (!component || degrees % 90 !== 0) {
         return;
       }
-      console.log("\uD83D\uDD04 Updating connector directions after ".concat(degrees, "\xB0 rotation around ").concat(axis, " axis"));
 
-      // Simple approach: just log that directions may need manual verification
-      // In most cases, Three.js world matrices handle the actual positioning correctly
-      component.traverse(function (child) {
-        var _child$userData5, _child$userData6;
-        if (((_child$userData5 = child.userData) === null || _child$userData5 === void 0 ? void 0 : _child$userData5.objectType) === 'connector' && (_child$userData6 = child.userData) !== null && _child$userData6 !== void 0 && _child$userData6.direction) {
-          console.log("\uD83D\uDCCD Connector ".concat(child.uuid, " direction may need verification after rotation"));
-        }
-      });
+      // Use the direction utility to update direction vectors on Three.js connector objects
+      updateDirectionAfterRotation(component, axis, degrees);
     }
 
     /**
@@ -855,9 +849,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Traverse scene to find all connectors
       this.sceneViewer.scene.traverse(function (child) {
-        var _child$userData7;
+        var _child$userData5;
         // Check if this is a connector (component connector or manual segment connector)
-        if (((_child$userData7 = child.userData) === null || _child$userData7 === void 0 ? void 0 : _child$userData7.objectType) === 'connector') {
+        if (((_child$userData5 = child.userData) === null || _child$userData5 === void 0 ? void 0 : _child$userData5.objectType) === 'connector') {
           // Get world position of connector
           var connectorWorldPos = new THREE.Vector3();
           child.getWorldPosition(connectorWorldPos);
@@ -908,8 +902,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       // Find all child connectors of the segment in the Three.js scene
       var connectors = [];
       segment.traverse(function (child) {
-        var _child$userData8;
-        if (((_child$userData8 = child.userData) === null || _child$userData8 === void 0 ? void 0 : _child$userData8.objectType) === 'segment-connector') {
+        var _child$userData6;
+        if (((_child$userData6 = child.userData) === null || _child$userData6 === void 0 ? void 0 : _child$userData6.objectType) === 'segment-connector') {
           connectors.push(child);
         }
       });
@@ -973,17 +967,17 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Check all segments in the scene
       this.sceneViewer.scene.traverse(function (child) {
-        var _child$userData9, _child$userData0;
+        var _child$userData7, _child$userData8;
         // Skip the segment itself
         if (child.uuid === segment.uuid) {
           return;
         }
 
         // Only check computed segments in the scene
-        if (((_child$userData9 = child.userData) === null || _child$userData9 === void 0 ? void 0 : _child$userData9.objectType) === 'segment' && (_child$userData0 = child.userData) !== null && _child$userData0 !== void 0 && _child$userData0.isDeclared) {
-          var _segment$userData6, _child$userData1, _segment$userData7, _child$userData10;
+        if (((_child$userData7 = child.userData) === null || _child$userData7 === void 0 ? void 0 : _child$userData7.objectType) === 'segment' && (_child$userData8 = child.userData) !== null && _child$userData8 !== void 0 && _child$userData8.isDeclared) {
+          var _segment$userData6, _child$userData9, _segment$userData7, _child$userData0;
           // Check if segments are part of the same connection path
-          var sameConnection = ((_segment$userData6 = segment.userData) === null || _segment$userData6 === void 0 ? void 0 : _segment$userData6.pathFrom) === ((_child$userData1 = child.userData) === null || _child$userData1 === void 0 ? void 0 : _child$userData1.pathFrom) && ((_segment$userData7 = segment.userData) === null || _segment$userData7 === void 0 ? void 0 : _segment$userData7.pathTo) === ((_child$userData10 = child.userData) === null || _child$userData10 === void 0 ? void 0 : _child$userData10.pathTo);
+          var sameConnection = ((_segment$userData6 = segment.userData) === null || _segment$userData6 === void 0 ? void 0 : _segment$userData6.pathFrom) === ((_child$userData9 = child.userData) === null || _child$userData9 === void 0 ? void 0 : _child$userData9.pathFrom) && ((_segment$userData7 = segment.userData) === null || _segment$userData7 === void 0 ? void 0 : _segment$userData7.pathTo) === ((_child$userData0 = child.userData) === null || _child$userData0 === void 0 ? void 0 : _child$userData0.pathTo);
 
           // Get endpoints of the other segment (use stored endpoints if available)
           var otherEndpoints = _this2.getSegmentEndpoints(child);
@@ -1204,11 +1198,11 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Traverse scene to find all component connectors
       this.sceneViewer.scene.traverse(function (child) {
-        var _child$userData11;
+        var _child$userData1;
         if (collision) return; // Stop if collision already found
 
         // Check if this is a component connector (not a segment-connector)
-        if (((_child$userData11 = child.userData) === null || _child$userData11 === void 0 ? void 0 : _child$userData11.objectType) === 'connector') {
+        if (((_child$userData1 = child.userData) === null || _child$userData1 === void 0 ? void 0 : _child$userData1.objectType) === 'connector') {
           var _segment$userData10, _segment$userData11;
           // Skip connectors that are connected to this segment (pathFrom or pathTo)
           var segmentPathFrom = (_segment$userData10 = segment.userData) === null || _segment$userData10 === void 0 ? void 0 : _segment$userData10.pathFrom;
@@ -1322,9 +1316,9 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Traverse scene to find all component connectors
       this.sceneViewer.scene.traverse(function (child) {
-        var _child$userData12;
+        var _child$userData10;
         // Check if this is a component connector (not a segment-connector)
-        if (((_child$userData12 = child.userData) === null || _child$userData12 === void 0 ? void 0 : _child$userData12.objectType) === 'connector') {
+        if (((_child$userData10 = child.userData) === null || _child$userData10 === void 0 ? void 0 : _child$userData10.objectType) === 'connector') {
           // Get world position of connector
           var connectorWorldPos = new THREE.Vector3();
           child.getWorldPosition(connectorWorldPos);
@@ -1381,11 +1375,11 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Traverse scene to find all components
       this.sceneViewer.scene.traverse(function (child) {
-        var _child$userData13, _child$userData14;
+        var _child$userData11, _child$userData12;
         if (collision) return; // Stop if collision already found
 
         // Check if this is a component (equipment)
-        if (((_child$userData13 = child.userData) === null || _child$userData13 === void 0 ? void 0 : _child$userData13.objectType) === 'component' && (_child$userData14 = child.userData) !== null && _child$userData14 !== void 0 && _child$userData14.libraryId) {
+        if (((_child$userData11 = child.userData) === null || _child$userData11 === void 0 ? void 0 : _child$userData11.objectType) === 'component' && (_child$userData12 = child.userData) !== null && _child$userData12 !== void 0 && _child$userData12.libraryId) {
           // Create bounding box for the component
           var componentBBox = new THREE.Box3().setFromObject(child);
 
@@ -1424,11 +1418,11 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Traverse scene to find all manual segments (isDeclared === true)
       this.sceneViewer.scene.traverse(function (child) {
-        var _child$userData15, _child$userData16;
+        var _child$userData13, _child$userData14;
         if (collision) return; // Stop if collision already found
 
         // Only check manual segments (isDeclared === true)
-        if (((_child$userData15 = child.userData) === null || _child$userData15 === void 0 ? void 0 : _child$userData15.objectType) === 'segment' && ((_child$userData16 = child.userData) === null || _child$userData16 === void 0 ? void 0 : _child$userData16.isDeclared) === true) {
+        if (((_child$userData13 = child.userData) === null || _child$userData13 === void 0 ? void 0 : _child$userData13.objectType) === 'segment' && ((_child$userData14 = child.userData) === null || _child$userData14 === void 0 ? void 0 : _child$userData14.isDeclared) === true) {
           // Get segment endpoints
           var segmentEndpoints = _this3.getSegmentEndpoints(child);
 
@@ -1517,11 +1511,11 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Traverse scene to find all manual segments (isDeclared === true)
       this.sceneViewer.scene.traverse(function (child) {
-        var _child$userData17, _child$userData18;
+        var _child$userData15, _child$userData16;
         if (collision) return; // Stop if collision already found
 
         // Only check manual segments (isDeclared === true)
-        if (((_child$userData17 = child.userData) === null || _child$userData17 === void 0 ? void 0 : _child$userData17.objectType) === 'segment' && ((_child$userData18 = child.userData) === null || _child$userData18 === void 0 ? void 0 : _child$userData18.isDeclared) === true) {
+        if (((_child$userData15 = child.userData) === null || _child$userData15 === void 0 ? void 0 : _child$userData15.objectType) === 'segment' && ((_child$userData16 = child.userData) === null || _child$userData16 === void 0 ? void 0 : _child$userData16.isDeclared) === true) {
           // Get segment endpoints
           var segmentEndpoints = _this4.getSegmentEndpoints(child);
 
@@ -1578,11 +1572,11 @@ var TransformOperationsManager = /*#__PURE__*/function () {
 
       // Traverse scene to find all components
       this.sceneViewer.scene.traverse(function (child) {
-        var _child$userData19, _child$userData20;
+        var _child$userData17, _child$userData18;
         if (collision) return; // Stop if collision already found
 
         // Check if this is a component (equipment)
-        if (((_child$userData19 = child.userData) === null || _child$userData19 === void 0 ? void 0 : _child$userData19.objectType) === 'component' && (_child$userData20 = child.userData) !== null && _child$userData20 !== void 0 && _child$userData20.libraryId) {
+        if (((_child$userData17 = child.userData) === null || _child$userData17 === void 0 ? void 0 : _child$userData17.objectType) === 'component' && (_child$userData18 = child.userData) !== null && _child$userData18 !== void 0 && _child$userData18.libraryId) {
           // Try to get worldBoundingBox from userData first (most up-to-date)
           var bbox = null;
           if (child.userData.worldBoundingBox) {
@@ -1727,8 +1721,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
       // Get the moved segment's connectors
       var movedConnectors = [];
       movedSegment.traverse(function (child) {
-        var _child$userData21;
-        if (((_child$userData21 = child.userData) === null || _child$userData21 === void 0 ? void 0 : _child$userData21.objectType) === 'segment-connector') {
+        var _child$userData19;
+        if (((_child$userData19 = child.userData) === null || _child$userData19 === void 0 ? void 0 : _child$userData19.objectType) === 'segment-connector') {
           movedConnectors.push(child);
         }
       });
@@ -1798,8 +1792,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         // Get all connectors of the adjacent segment
         var adjacentConnectors = [];
         adjacentSegment.traverse(function (child) {
-          var _child$userData22;
-          if (((_child$userData22 = child.userData) === null || _child$userData22 === void 0 ? void 0 : _child$userData22.objectType) === 'segment-connector') {
+          var _child$userData20;
+          if (((_child$userData20 = child.userData) === null || _child$userData20 === void 0 ? void 0 : _child$userData20.objectType) === 'segment-connector') {
             adjacentConnectors.push(child);
           }
         });
@@ -1922,8 +1916,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         // Also update child connectors' positions if they exist
         if (sceneDataComponent.children) {
           sceneDataComponent.children.forEach(function (child) {
-            var _child$userData23;
-            if (((_child$userData23 = child.userData) === null || _child$userData23 === void 0 ? void 0 : _child$userData23.objectType) === 'connector') {
+            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;
@@ -1985,14 +1979,15 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         // Also update child connectors' positions if they exist (rotation moves them in world space)
         if (sceneDataComponent.children) {
           sceneDataComponent.children.forEach(function (child) {
-            var _child$userData24;
-            if (((_child$userData24 = child.userData) === null || _child$userData24 === void 0 ? void 0 : _child$userData24.objectType) === 'connector') {
+            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;
               });
               if (connectorObj) {
+                var _connectorObj$userDat;
                 // Get world position of connector
                 var worldPos = new THREE.Vector3();
                 connectorObj.getWorldPosition(worldPos);
@@ -2003,6 +1998,12 @@ var TransformOperationsManager = /*#__PURE__*/function () {
                 }
                 child.userData.position = [cleanValue(worldPos.x), cleanValue(worldPos.y), cleanValue(worldPos.z)];
                 console.log("  \u21B3 Updated child connector ".concat(child.uuid, " position to [").concat(child.userData.position.join(', '), "]"));
+
+                // Update connector's direction in scene data from the Three.js object
+                if ((_connectorObj$userDat = connectorObj.userData) !== null && _connectorObj$userDat !== void 0 && _connectorObj$userDat.direction && Array.isArray(connectorObj.userData.direction)) {
+                  child.userData.direction = _toConsumableArray(connectorObj.userData.direction);
+                  console.log("  \u21B3 Updated child connector ".concat(child.uuid, " direction to [").concat(child.userData.direction.join(', '), "]"));
+                }
               }
             }
           });
@@ -2315,8 +2316,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
         // Check if either external connector belongs to the active segment
         var activeSegmentConnectors = [];
         activeSegment.traverse(function (child) {
-          var _child$userData25;
-          if (((_child$userData25 = child.userData) === null || _child$userData25 === void 0 ? void 0 : _child$userData25.objectType) === 'segment-connector') {
+          var _child$userData23;
+          if (((_child$userData23 = child.userData) === null || _child$userData23 === void 0 ? void 0 : _child$userData23.objectType) === 'segment-connector') {
             activeSegmentConnectors.push(child.uuid);
           }
         });
@@ -2364,8 +2365,8 @@ var TransformOperationsManager = /*#__PURE__*/function () {
               // Get all connectors of the active segment
               var activeConnectors = [];
               activeSegment.traverse(function (child) {
-                var _child$userData26;
-                if (((_child$userData26 = child.userData) === null || _child$userData26 === void 0 ? void 0 : _child$userData26.objectType) === 'segment-connector') {
+                var _child$userData24;
+                if (((_child$userData24 = child.userData) === null || _child$userData24 === void 0 ? void 0 : _child$userData24.objectType) === 'segment-connector') {
                   activeConnectors.push(child);
                 }
               });

package/dist/esm/src/managers/pathfinding/pathfindingManager.js

@@ -420,6 +420,22 @@ var PathfindingManager = /*#__PURE__*/function (_BaseDisposable) {
               this.pathfinder = new Pathfinder(this.pathfinderConfig);
               this.sceneViewer.pathfinder = this.pathfinder;
 
+              // ── Early exit if no connections ───────────────────────────────────
+              // Skip expensive bounding box computation when there's nothing to connect
+              if (!(!connections || connections.length === 0)) {
+                _context.n = 1;
+                break;
+              }
+              console.log("\u23ED\uFE0F Skipping pathfinding - no connections [".concat(context, "]"));
+              return _context.a(2, {
+                paths: [],
+                gateways: [],
+                rewiredConnections: [],
+                metrics: {
+                  total: 0
+                }
+              });
+            case 1:
               // ── Stage 1: Input Generation ──────────────────────────────────────
               inputGenStart = performance.now(); // Ensure all matrices are up to date before bounding box calculations (for all pathfinding executions)
               this.sceneViewer.scene.updateMatrixWorld(true);

package/dist/esm/src/managers/scene/modelManager.js

@@ -1,4 +1,4 @@
-import { createClass as _createClass, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, classCallCheck as _classCallCheck, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, createForOfIteratorHelper as _createForOfIteratorHelper, typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { createClass as _createClass, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, typeof as _typeof, classCallCheck as _classCallCheck, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, createForOfIteratorHelper as _createForOfIteratorHelper } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as THREE from 'three';
 import { attachIODevicesToComponent } from '../../utils/ioDeviceUtils.js';
 import modelPreloader from '../../rendering/modelPreloader.js';
@@ -147,15 +147,23 @@ var ModelManager = /*#__PURE__*/function () {
           if (child.userData) {
             clonedConnector.userData = _objectSpread2({}, child.userData);
 
-            // Deep copy critical data
+            // Deep copy critical data - handle both array [x,y,z] and object {x,y,z} formats
             if (child.userData.worldBoundingBox) {
+              var wbb = child.userData.worldBoundingBox;
               clonedConnector.userData.worldBoundingBox = {
-                min: _toConsumableArray(child.userData.worldBoundingBox.min),
-                max: _toConsumableArray(child.userData.worldBoundingBox.max)
+                min: Array.isArray(wbb.min) ? _toConsumableArray(wbb.min) : _objectSpread2({}, wbb.min),
+                max: Array.isArray(wbb.max) ? _toConsumableArray(wbb.max) : _objectSpread2({}, wbb.max)
               };
             }
             if (child.userData.direction) {
-              clonedConnector.userData.direction = _toConsumableArray(child.userData.direction);
+              // Handle both array [x,y,z] and object {x,y,z} formats
+              if (Array.isArray(child.userData.direction)) {
+                clonedConnector.userData.direction = _toConsumableArray(child.userData.direction);
+              } else if (_typeof(child.userData.direction) === 'object') {
+                clonedConnector.userData.direction = _objectSpread2({}, child.userData.direction);
+              } else {
+                clonedConnector.userData.direction = child.userData.direction;
+              }
             }
 
             // Set originalUuid to match the actual uuid (maintains consistency)
@@ -186,6 +194,7 @@ var ModelManager = /*#__PURE__*/function () {
                 _context2.n = 1;
                 break;
               }
+              console.log("\uD83C\uDFAF GLB cache HIT: ".concat(modelKey));
               return _context2.a(2, gltfScene);
             case 1:
               // Check if preloading is in progress
@@ -194,6 +203,7 @@ var ModelManager = /*#__PURE__*/function () {
                 _context2.n = 6;
                 break;
               }
+              console.log("\u23F3 Waiting for preloader: ".concat(modelKey));
               _context2.p = 2;
               _context2.n = 3;
               return modelPreloader.preloadingPromise;
@@ -203,6 +213,7 @@ var ModelManager = /*#__PURE__*/function () {
                 _context2.n = 4;
                 break;
               }
+              console.log("\uD83C\uDFAF GLB cache HIT (after preload): ".concat(modelKey));
               return _context2.a(2, gltfScene);
             case 4:
               _context2.n = 6;
@@ -530,7 +541,7 @@ var ModelManager = /*#__PURE__*/function () {
     value: (function () {
       var _replaceWithGLBModels = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(libraryObjectsToReplace) {
         var _this3 = this;
-        var glbLoadingPromises;
+        var startTime, glbLoadingPromises;
         return _regenerator().w(function (_context5) {
           while (1) switch (_context5.n) {
             case 0:
@@ -540,23 +551,29 @@ var ModelManager = /*#__PURE__*/function () {
               }
               return _context5.a(2);
             case 1:
+              startTime = performance.now();
               console.log("\uD83D\uDD04 Replacing ".concat(libraryObjectsToReplace.length, " objects with GLB models..."));
               glbLoadingPromises = libraryObjectsToReplace.map(function (_ref, index) {
                 var basicObject = _ref.basicObject,
                   jsonData = _ref.jsonData,
                   componentData = _ref.componentData;
+                var modelStart = performance.now();
                 return _this3.loadLibraryModel(basicObject, jsonData, componentData).then(function (libraryModel) {
+                  var _jsonData$userData;
+                  console.log("\u23F1\uFE0F GLB loaded: ".concat(((_jsonData$userData = jsonData.userData) === null || _jsonData$userData === void 0 ? void 0 : _jsonData$userData.libraryId) || jsonData.uuid, " in ").concat((performance.now() - modelStart).toFixed(0), "ms"));
                   libraryObjectsToReplace[index].glbModel = libraryModel;
                   return libraryModel;
                 }).catch(function (error) {
-                  var _jsonData$userData;
-                  console.error("Failed to load ".concat((_jsonData$userData = jsonData.userData) === null || _jsonData$userData === void 0 ? void 0 : _jsonData$userData.libraryId, " GLB model:"), error);
+                  var _jsonData$userData2;
+                  console.error("Failed to load ".concat((_jsonData$userData2 = jsonData.userData) === null || _jsonData$userData2 === void 0 ? void 0 : _jsonData$userData2.libraryId, " GLB model:"), error);
                   return basicObject;
                 });
               });
               _context5.n = 2;
               return Promise.all(glbLoadingPromises);
             case 2:
+              console.log("\u23F1\uFE0F All GLB models loaded in ".concat((performance.now() - startTime).toFixed(0), "ms"));
+
               // Update world bounding boxes for loaded models and propagate to the live Three.js objects
               libraryObjectsToReplace.forEach(function (_ref2) {
                 var jsonData = _ref2.jsonData,

package/dist/esm/src/managers/scene/sceneOperationsManager.js

@@ -680,9 +680,13 @@ var SceneOperationsManager = /*#__PURE__*/function () {
     value: (function () {
       var _loadSceneData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(data) {
         var isImported,
+          timers,
+          totalStart,
+          phaseStart,
           _yield$this$_createBa,
           crosscubeTextureSet,
           libraryObjectsToReplace,
+          totalTime,
           _args4 = arguments,
           _t3;
         return _regenerator().w(function (_context4) {
@@ -690,13 +694,20 @@ var SceneOperationsManager = /*#__PURE__*/function () {
             case 0:
               isImported = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : true;
               this.sceneViewer;
+              timers = {};
+              totalStart = performance.now();
               _context4.p = 1;
               console.log("Loading scene data (".concat(isImported ? 'imported' : 'default', ")..."));
 
               // Phase 1: Prepare scene
+              phaseStart = performance.now();
               _context4.n = 2;
               return this._prepareSceneForLoading(data, isImported);
             case 2:
+              timers.phase1_prepare = performance.now() - phaseStart;
+
+              // Phase 2: Load dependencies and create basic objects
+              phaseStart = performance.now();
               _context4.n = 3;
               return this._createBasicSceneObjects(data);
             case 3:
@@ -706,17 +717,33 @@ var SceneOperationsManager = /*#__PURE__*/function () {
               _yield$this$_createBa.materials;
               crosscubeTextureSet = _yield$this$_createBa.crosscubeTextureSet;
               libraryObjectsToReplace = _yield$this$_createBa.libraryObjectsToReplace;
+              timers.phase2_createObjects = performance.now() - phaseStart;
+
+              // Phase 3: Replace basic objects with GLB models (moved before pathfinding)
+              phaseStart = performance.now();
               _context4.n = 4;
               return this.modelManager.replaceWithGLBModels(libraryObjectsToReplace);
             case 4:
+              timers.phase3_glbModels = performance.now() - phaseStart;
+
+              // Phase 4: Setup pathfinding (moved after GLB loading for consistent bounding boxes)
+              phaseStart = performance.now();
               _context4.n = 5;
               return this._setupPathfinding(data, crosscubeTextureSet);
             case 5:
+              timers.phase4_pathfinding = performance.now() - phaseStart;
+
               // Phase 5: Finalize scene
+              phaseStart = performance.now();
               this._finalizeScene(data, crosscubeTextureSet, isImported);
+              timers.phase5_finalize = performance.now() - phaseStart;
 
               // Phase 6: Load behaviors (after GLB models are present so output objects can be resolved)
+              phaseStart = performance.now();
               this._processBehaviors(data);
+              timers.phase6_behaviors = performance.now() - phaseStart;
+              totalTime = performance.now() - totalStart;
+              console.log("\u23F1\uFE0F Scene Loading Performance:\n   Phase 1 (Prepare)      : ".concat(timers.phase1_prepare.toFixed(0), "ms\n   Phase 2 (Create Objects): ").concat(timers.phase2_createObjects.toFixed(0), "ms\n   Phase 3 (GLB Models)    : ").concat(timers.phase3_glbModels.toFixed(0), "ms\n   Phase 4 (Pathfinding)   : ").concat(timers.phase4_pathfinding.toFixed(0), "ms\n   Phase 5 (Finalize)      : ").concat(timers.phase5_finalize.toFixed(0), "ms\n   Phase 6 (Behaviors)     : ").concat(timers.phase6_behaviors.toFixed(0), "ms\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Total                   : ").concat(totalTime.toFixed(0), "ms"));
               console.log('✅ Scene loaded successfully');
 
               // Notify UI components (e.g. SceneHierarchy) that the scene is fully loaded

package/dist/esm/src/rendering/modelPreloader.js

@@ -1,6 +1,7 @@
 import { createClass as _createClass, typeof as _typeof, classCallCheck as _classCallCheck, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import * as THREE from 'three';
 import { GLTFLoader } from '../../node_modules/three/examples/jsm/loaders/GLTFLoader.js';
+import { DRACOLoader } from '../../node_modules/three/examples/jsm/loaders/DRACOLoader.js';
 
 var ModelPreloader = /*#__PURE__*/function () {
   function ModelPreloader() {
@@ -8,13 +9,18 @@ var ModelPreloader = /*#__PURE__*/function () {
     this.modelCache = new Map(); // Cache for loaded models
     this.loadingPromises = new Map(); // Track ongoing loads to prevent duplicates
     this.gltfLoader = new GLTFLoader();
+
+    // Setup DRACO decoder for compressed GLB files
+    this.dracoLoader = new DRACOLoader();
+    this.dracoLoader.setDecoderPath('/draco/');
+    this.gltfLoader.setDRACOLoader(this.dracoLoader);
     this.isPreloading = false;
     this.preloadingPromise = null;
     this.componentDictionary = null;
     this.modelsBasePath = '/library/models/'; // Default local path
     this.urlResolver = null; // Optional function to resolve model URLs (for S3 authentication)
 
-    console.log('🚀 ModelPreloader initialized with GLB support');
+    console.log('🚀 ModelPreloader initialized with GLB + DRACO support');
   }
 
   /**

package/package.json

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