@2112-lab/central-plant 0.1.21 → 0.1.23

package/dist/bundle/index.js

@@ -20452,6 +20452,7 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       }
 
       // Ensure transform controls are still properly attached after scene operations
+      // Use false here since we're in the middle of clearing - enable them later in loadSceneData
       this.ensureTransformControlsAttached(false);
       console.log('✅ Scene clear operation completed');
     }
@@ -20486,16 +20487,22 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       if (wasReattached) {
         console.log('🔧 Transform controls were reattached after scene operation');
 
-        // Override visibility based on allowVisible parameter
-        if (!allowVisible && component.transformManager.transformControls) {
+        // Set enablement based on allowVisible parameter
+        if (allowVisible) {
+          component.transformManager.setEnabled(true);
+          console.log('🔧 Transform controls enabled and ready for use');
+        } else if (component.transformManager.transformControls) {
           component.transformManager.transformControls.visible = false;
           console.log('🔧 Forcing transform controls to be invisible during load');
         }
       } else {
         console.log('✓ Transform controls are properly attached');
 
-        // Still ensure visibility is set correctly even if not reattached
-        if (!allowVisible && component.transformManager.transformControls) {
+        // Ensure proper enablement/visibility based on allowVisible parameter
+        if (allowVisible) {
+          component.transformManager.setEnabled(true);
+          console.log('🔧 Transform controls enabled and ready for use');
+        } else if (component.transformManager.transformControls) {
           component.transformManager.transformControls.visible = false;
           console.log('🔧 Ensuring transform controls remain invisible during load');
         }
@@ -21043,7 +21050,9 @@ var SceneOperationsManager = /*#__PURE__*/function () {
           // For non-library objects (connectors, gateways), create shared sphere geometry
           var isConnectorOrGateway = child.uuid && (child.uuid.toLowerCase().includes('connector') || child.uuid.toLowerCase().includes('gateway'));
           if (isConnectorOrGateway) {
-            geometries[child.geometry] = new THREE__namespace.SphereGeometry(0.1, 16, 16);
+            if (!(child.position.x == 0 && child.position.y == 0 && child.position.z == 0)) {
+              geometries[child.geometry] = new THREE__namespace.SphereGeometry(0.1, 16, 16);
+            }
           } else {
             // Default fallback geometry
             geometries[child.geometry] = new THREE__namespace.BoxGeometry(1, 1, 1);
@@ -21399,23 +21408,19 @@ var SceneOperationsManager = /*#__PURE__*/function () {
                   console.log('🔧 Re-initializing transform controls after scene load');
                   component.initTransformControls();
                 } else {
-                  // Keep transform controls invisible
+                  // Re-enable transform controls after scene load is complete
                   if (component.transformManager.transformControls) {
+                    console.log('🔧 Re-enabling transform controls after scene load');
+                    component.transformManager.setEnabled(true);
+                    // Keep invisible initially, but enable functionality
                     component.transformManager.transformControls.visible = false;
-                    console.log('🔧 Making transform controls invisible after scene load');
                   }
                 }
 
                 // Ensure transform controls are still properly attached to the scene after import
-                component.ensureTransformControlsAttached(false);
-
-                // Keep transform controls inactive after loading scene data
-                if (component.transformManager && component.transformManager.transformControls) {
-                  console.log('🔧 Keeping transform controls inactive after scene data load');
-                  component.keepTransformControlsInactive();
-                  component.transformManager.transformControls.visible = false;
-                  console.log('🔒 Final verification: transform controls visibility forced to false');
-                }
+                // Pass true to allow visibility when objects are selected
+                this.ensureTransformControlsAttached(true);
+                console.log('✅ Transform controls re-enabled and ready for use after scene import');
               }
               _context5.n = 13;
               break;
@@ -25445,6 +25450,9 @@ var CentralPlant = /*#__PURE__*/function () {
       lastTransform: null
     };
 
+    // Add component counter for unique ID generation
+    this.componentCounter = 0;
+
     // Set default scene metadata
     this.setDefaultSceneMetadata();
 
@@ -25622,6 +25630,8 @@ var CentralPlant = /*#__PURE__*/function () {
     key: "setImportedSceneData",
     value: function setImportedSceneData(sceneData) {
       var _this$importedSceneDa, _this$importedSceneDa2;
+      // Clear existing scene components before importing new data
+      this.clearSceneComponents();
       this.importedSceneData = _objectSpread2({}, sceneData);
       console.log('📥 Imported scene data stored in CentralPlant:', {
         connections: ((_this$importedSceneDa = this.importedSceneData.connections) === null || _this$importedSceneDa === void 0 ? void 0 : _this$importedSceneDa.length) || 0,
@@ -25629,6 +25639,9 @@ var CentralPlant = /*#__PURE__*/function () {
         timestamp: new Date().toISOString()
       });
 
+      // Reset component counter based on imported components to avoid ID conflicts
+      this.resetComponentCounter();
+
       // Set default metadata for imported scene data
       this.setDefaultImportedSceneMetadata(sceneData);
 
@@ -25680,6 +25693,94 @@ var CentralPlant = /*#__PURE__*/function () {
       console.log('🗑️ Imported scene data cleared from CentralPlant');
     }
 
+    /**
+     * Clear all components from the scene while preserving lights, cameras, and environment
+     * This method safely removes only objects with userData.componentType = "component"
+     * while keeping all other scene elements like lights, cameras, controls, and environment objects
+     */
+  }, {
+    key: "clearSceneComponents",
+    value: function clearSceneComponents() {
+      var _this2 = this;
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ clearSceneComponents(): Scene viewer or scene not available');
+        return;
+      }
+      console.log('🗑️ Clearing existing scene components (userData.componentType = "component")...');
+
+      // Get all children to remove (only components with userData.componentType = "component")
+      var childrenToRemove = [];
+      this.sceneViewer.scene.traverse(function (child) {
+        // Skip the scene itself
+        if (child === _this2.sceneViewer.scene) return;
+
+        // Only remove objects that have userData.componentType = "component"
+        var isComponent = child.userData && child.userData.componentType === 'component';
+
+        // If it's a component and it's a direct child of the scene, mark for removal
+        if (isComponent && child.parent === _this2.sceneViewer.scene) {
+          childrenToRemove.push(child);
+        }
+      });
+
+      // Remove the identified objects
+      var removedCount = 0;
+      childrenToRemove.forEach(function (child) {
+        try {
+          // Dispose of geometries and materials to prevent memory leaks
+          if (child.geometry) {
+            child.geometry.dispose();
+          }
+          if (child.material) {
+            if (Array.isArray(child.material)) {
+              child.material.forEach(function (material) {
+                if (material.map) material.map.dispose();
+                if (material.normalMap) material.normalMap.dispose();
+                if (material.roughnessMap) material.roughnessMap.dispose();
+                if (material.metalnessMap) material.metalnessMap.dispose();
+                material.dispose();
+              });
+            } else {
+              if (child.material.map) child.material.map.dispose();
+              if (child.material.normalMap) child.material.normalMap.dispose();
+              if (child.material.roughnessMap) child.material.roughnessMap.dispose();
+              if (child.material.metalnessMap) child.material.metalnessMap.dispose();
+              child.material.dispose();
+            }
+          }
+
+          // Remove from scene
+          _this2.sceneViewer.scene.remove(child);
+          removedCount++;
+        } catch (error) {
+          console.warn('⚠️ Error removing scene object:', error, child);
+        }
+      });
+
+      // Clear any active selections or transform controls
+      if (this.sceneViewer.transformManager) {
+        try {
+          this.sceneViewer.transformManager.deselectObject();
+        } catch (error) {
+          console.warn('⚠️ Error deselecting objects during scene clear:', error);
+        }
+      }
+
+      // Clear connections if they exist in currentSceneData
+      if (this.sceneViewer.currentSceneData && this.sceneViewer.currentSceneData.connections) {
+        this.sceneViewer.currentSceneData.connections = [];
+      }
+
+      // Reset component counter
+      this.componentCounter = 0;
+      console.log("\u2705 clearSceneComponents(): Removed ".concat(removedCount, " objects from scene, preserved essential elements"));
+
+      // Trigger a render update
+      if (this.sceneViewer.renderer) {
+        this.sceneViewer.renderer.render(this.sceneViewer.scene, this.sceneViewer.camera);
+      }
+    }
+
     /**
      * Set a metadata attribute
      * @param {string} key - The metadata key
@@ -25845,7 +25946,7 @@ var CentralPlant = /*#__PURE__*/function () {
   }, {
     key: "setDefaultSceneMetadata",
     value: function setDefaultSceneMetadata() {
-      var _this2 = this;
+      var _this3 = this;
       var defaultMetadata = {
         // Scene Information
         sceneInfo: {
@@ -25920,8 +26021,8 @@ var CentralPlant = /*#__PURE__*/function () {
 
       // Set each default metadata category
       Object.keys(defaultMetadata).forEach(function (category) {
-        if (!_this2.hasMetadata(category)) {
-          _this2.setMetadata(category, defaultMetadata[category]);
+        if (!_this3.hasMetadata(category)) {
+          _this3.setMetadata(category, defaultMetadata[category]);
         }
       });
       console.log('🎯 Default scene metadata initialized:', Object.keys(defaultMetadata));
@@ -26643,7 +26744,7 @@ var CentralPlant = /*#__PURE__*/function () {
 
       // Perform the translation
       var normalizedAxis = axis.toLowerCase();
-      var previousPosition = component.position[normalizedAxis];
+      component.position[normalizedAxis];
       try {
         // Apply the translation
         component.position[normalizedAxis] += value;
@@ -26709,19 +26810,6 @@ var CentralPlant = /*#__PURE__*/function () {
         // // Update scene data and paths after successful translation
         // this.updatePaths(component)
 
-        // Log successful translation
-        console.log("\u2705 translate(): Component ".concat(componentId, " translated ").concat(value, " units along ").concat(normalizedAxis.toUpperCase(), "-axis"), {
-          componentId: componentId,
-          axis: normalizedAxis,
-          value: value,
-          previousPosition: previousPosition,
-          newPosition: component.position[normalizedAxis],
-          totalPosition: {
-            x: component.position.x.toFixed(3),
-            y: component.position.y.toFixed(3),
-            z: component.position.z.toFixed(3)
-          }
-        });
         return component;
       } catch (error) {
         console.error("\u274C translate(): Error translating component ".concat(componentId, ":"), error);
@@ -26739,6 +26827,71 @@ var CentralPlant = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Generate a unique component ID that doesn't conflict with existing components
+     * @param {string} libraryId - The library identifier for the component type
+     * @returns {string} A unique component ID
+     */
+  }, {
+    key: "generateUniqueComponentId",
+    value: function generateUniqueComponentId(libraryId) {
+      // Get all existing component IDs
+      var existingIds = this.getComponentIds();
+      var existingIdSet = new Set(existingIds);
+      var attempts = 0;
+      var maxAttempts = 1000; // Safety limit to prevent infinite loops
+
+      while (attempts < maxAttempts) {
+        // Generate a candidate ID using the current counter
+        var candidateId = this.utilities.generateUuidFromName(libraryId + '-' + (this.componentCounter + 1));
+
+        // Check if this ID already exists
+        if (!existingIdSet.has(candidateId)) {
+          // ID is unique, increment counter and return it
+          this.componentCounter++;
+          console.log("\u2705 generateUniqueComponentId(): Generated unique ID ".concat(candidateId, " for ").concat(libraryId, " (counter: ").concat(this.componentCounter, ")"));
+          return candidateId;
+        }
+
+        // ID exists, increment counter and try again
+        this.componentCounter++;
+        attempts++;
+        console.warn("\u26A0\uFE0F generateUniqueComponentId(): ID collision detected for ".concat(candidateId, ", trying again (attempt ").concat(attempts, ")"));
+      }
+
+      // Fallback: use timestamp + random number if we can't find a unique ID with counter
+      var fallbackId = this.utilities.generateUuidFromName(libraryId + '-' + Date.now() + '-' + Math.random().toString(36).substring(2, 8));
+      console.warn("\u26A0\uFE0F generateUniqueComponentId(): Max attempts reached, using fallback ID: ".concat(fallbackId));
+      return fallbackId;
+    }
+
+    /**
+     * Reset the component counter based on existing components in the scene
+     * This is useful when loading scenes that already have numbered components
+     */
+  }, {
+    key: "resetComponentCounter",
+    value: function resetComponentCounter() {
+      var existingIds = this.getComponentIds();
+      var maxCounter = 0;
+
+      // Extract counter values from existing component IDs
+      existingIds.forEach(function (id) {
+        // Look for patterns like "PUMP-1", "CHILLER-2", etc.
+        var match = id.match(/-(\d+)(?:-|$)/);
+        if (match) {
+          var counter = parseInt(match[1], 10);
+          if (!isNaN(counter) && counter > maxCounter) {
+            maxCounter = counter;
+          }
+        }
+      });
+
+      // Set the counter to one more than the highest found
+      this.componentCounter = maxCounter;
+      console.log("\uD83D\uDD04 resetComponentCounter(): Counter reset to ".concat(this.componentCounter, " based on ").concat(existingIds.length, " existing components"));
+    }
+
     /**
      * Add a new component to the scene using its library ID
      * @param {string} libraryId - The library identifier for the component type (e.g., 'PUMP', 'CHILLER', 'COOLING-TOWER')
@@ -26780,7 +26933,16 @@ var CentralPlant = /*#__PURE__*/function () {
       }
       try {
         // Generate a unique component ID if not provided
-        var componentId = options.customId || this.utilities.generateUuidFromName(libraryId + '_' + Date.now());
+        var componentId = options.customId || this.generateUniqueComponentId(libraryId);
+
+        // Validate that custom IDs don't conflict with existing components
+        if (options.customId) {
+          var existingIds = this.getComponentIds();
+          if (existingIds.includes(options.customId)) {
+            console.error("\u274C addComponent(): Custom ID '".concat(options.customId, "' already exists in scene. Existing IDs:"), existingIds);
+            return false;
+          }
+        }
 
         // Set default position within scene boundaries if not provided
         var position = options.position || {
@@ -27107,6 +27269,102 @@ var CentralPlant = /*#__PURE__*/function () {
       return this.sceneViewer.currentSceneData.connections || [];
     }
 
+    /**
+     * Get all connector IDs from the currentSceneData
+     * @returns {Array} Array of all connector ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getAllConnectorIds",
+    value: function getAllConnectorIds() {
+      if (!this.sceneViewer || !this.sceneViewer.currentSceneData) {
+        console.warn('⚠️ getAllConnectorIds(): Scene viewer or current scene data not available');
+        return [];
+      }
+      var allConnectorIds = [];
+      var sceneData = this.sceneViewer.currentSceneData;
+
+      // Check if scene data has the expected structure
+      if (!sceneData.scene || !sceneData.scene.object || !sceneData.scene.object.children) {
+        console.warn('⚠️ getAllConnectorIds(): Invalid scene data structure');
+        return [];
+      }
+
+      // Traverse through all components in the scene data
+      sceneData.scene.object.children.forEach(function (component) {
+        // Each component may have connector children
+        if (component.children && Array.isArray(component.children)) {
+          component.children.forEach(function (child) {
+            // Check if this child is a connector
+            if (child.userData && child.userData.componentType === 'connector' && child.uuid) {
+              allConnectorIds.push(child.uuid);
+            }
+          });
+        }
+      });
+      console.log("\uD83D\uDD0C getAllConnectorIds(): Found ".concat(allConnectorIds.length, " total connector IDs in currentSceneData"));
+      return allConnectorIds;
+    }
+
+    /**
+     * Get all available connector IDs that are not currently used in connections
+     * @returns {Array} Array of available connector ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getAvailableConnections",
+    value: function getAvailableConnections() {
+      if (!this.sceneViewer || !this.sceneViewer.currentSceneData) {
+        console.warn('⚠️ getAvailableConnections(): Scene viewer or current scene data not available');
+        return [];
+      }
+
+      // Get all connector IDs from the currentSceneData
+      var allConnectorIds = this.getAllConnectorIds();
+
+      // Get existing connections
+      var existingConnections = this.getConnections();
+
+      // Collect all connector IDs that are already used in connections
+      var usedConnectorIds = new Set();
+      existingConnections.forEach(function (connection) {
+        if (connection.from) usedConnectorIds.add(connection.from);
+        if (connection.to) usedConnectorIds.add(connection.to);
+      });
+
+      // Filter out used connectors to get only available ones
+      var availableConnectorIds = allConnectorIds.filter(function (id) {
+        return !usedConnectorIds.has(id);
+      });
+      console.log("\uD83D\uDD0C getAvailableConnections(): Found ".concat(availableConnectorIds.length, " available connectors out of ").concat(allConnectorIds.length, " total connectors"));
+      console.log('📋 Available connector IDs:', availableConnectorIds);
+      return availableConnectorIds;
+    }
+
+    /**
+     * Get all component IDs from the scene
+     * @returns {Array} Array of component ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getComponentIds",
+    value: function getComponentIds() {
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ getComponentIds(): Scene viewer or scene not available');
+        return [];
+      }
+      var componentIds = [];
+
+      // Traverse the scene to find all components
+      this.sceneViewer.scene.traverse(function (child) {
+        if (child.userData && child.userData.componentType === 'component') {
+          var id = child.uuid || child.userData.originalUuid || child.name;
+          if (id) {
+            componentIds.push(id);
+          }
+        }
+      });
+      console.log("\uD83D\uDCCB getComponentIds(): Found ".concat(componentIds.length, " component IDs in scene:"), componentIds);
+      return componentIds;
+    }
+
     /**
      * Remove a connection between two connector IDs from the connections list
      * @param {string} fromConnectorId - The ID of the source connector
@@ -27198,6 +27456,8 @@ var CentralPlant = /*#__PURE__*/function () {
   }, {
     key: "updatePaths",
     value: function updatePaths() {
+      var componentId = this.sceneViewer.currentSceneData.scene.object.children[0].uuid;
+      this.translate(componentId, "x", 0);
       this.sceneViewer.updatePaths();
     }
   }]);

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

@@ -71,6 +71,9 @@ var CentralPlant = /*#__PURE__*/function () {
       lastTransform: null
     };
 
+    // Add component counter for unique ID generation
+    this.componentCounter = 0;
+
     // Set default scene metadata
     this.setDefaultSceneMetadata();
 
@@ -248,6 +251,8 @@ var CentralPlant = /*#__PURE__*/function () {
     key: "setImportedSceneData",
     value: function setImportedSceneData(sceneData) {
       var _this$importedSceneDa, _this$importedSceneDa2;
+      // Clear existing scene components before importing new data
+      this.clearSceneComponents();
       this.importedSceneData = _rollupPluginBabelHelpers.objectSpread2({}, sceneData);
       console.log('📥 Imported scene data stored in CentralPlant:', {
         connections: ((_this$importedSceneDa = this.importedSceneData.connections) === null || _this$importedSceneDa === void 0 ? void 0 : _this$importedSceneDa.length) || 0,
@@ -255,6 +260,9 @@ var CentralPlant = /*#__PURE__*/function () {
         timestamp: new Date().toISOString()
       });
 
+      // Reset component counter based on imported components to avoid ID conflicts
+      this.resetComponentCounter();
+
       // Set default metadata for imported scene data
       this.setDefaultImportedSceneMetadata(sceneData);
 
@@ -306,6 +314,94 @@ var CentralPlant = /*#__PURE__*/function () {
       console.log('🗑️ Imported scene data cleared from CentralPlant');
     }
 
+    /**
+     * Clear all components from the scene while preserving lights, cameras, and environment
+     * This method safely removes only objects with userData.componentType = "component"
+     * while keeping all other scene elements like lights, cameras, controls, and environment objects
+     */
+  }, {
+    key: "clearSceneComponents",
+    value: function clearSceneComponents() {
+      var _this2 = this;
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ clearSceneComponents(): Scene viewer or scene not available');
+        return;
+      }
+      console.log('🗑️ Clearing existing scene components (userData.componentType = "component")...');
+
+      // Get all children to remove (only components with userData.componentType = "component")
+      var childrenToRemove = [];
+      this.sceneViewer.scene.traverse(function (child) {
+        // Skip the scene itself
+        if (child === _this2.sceneViewer.scene) return;
+
+        // Only remove objects that have userData.componentType = "component"
+        var isComponent = child.userData && child.userData.componentType === 'component';
+
+        // If it's a component and it's a direct child of the scene, mark for removal
+        if (isComponent && child.parent === _this2.sceneViewer.scene) {
+          childrenToRemove.push(child);
+        }
+      });
+
+      // Remove the identified objects
+      var removedCount = 0;
+      childrenToRemove.forEach(function (child) {
+        try {
+          // Dispose of geometries and materials to prevent memory leaks
+          if (child.geometry) {
+            child.geometry.dispose();
+          }
+          if (child.material) {
+            if (Array.isArray(child.material)) {
+              child.material.forEach(function (material) {
+                if (material.map) material.map.dispose();
+                if (material.normalMap) material.normalMap.dispose();
+                if (material.roughnessMap) material.roughnessMap.dispose();
+                if (material.metalnessMap) material.metalnessMap.dispose();
+                material.dispose();
+              });
+            } else {
+              if (child.material.map) child.material.map.dispose();
+              if (child.material.normalMap) child.material.normalMap.dispose();
+              if (child.material.roughnessMap) child.material.roughnessMap.dispose();
+              if (child.material.metalnessMap) child.material.metalnessMap.dispose();
+              child.material.dispose();
+            }
+          }
+
+          // Remove from scene
+          _this2.sceneViewer.scene.remove(child);
+          removedCount++;
+        } catch (error) {
+          console.warn('⚠️ Error removing scene object:', error, child);
+        }
+      });
+
+      // Clear any active selections or transform controls
+      if (this.sceneViewer.transformManager) {
+        try {
+          this.sceneViewer.transformManager.deselectObject();
+        } catch (error) {
+          console.warn('⚠️ Error deselecting objects during scene clear:', error);
+        }
+      }
+
+      // Clear connections if they exist in currentSceneData
+      if (this.sceneViewer.currentSceneData && this.sceneViewer.currentSceneData.connections) {
+        this.sceneViewer.currentSceneData.connections = [];
+      }
+
+      // Reset component counter
+      this.componentCounter = 0;
+      console.log("\u2705 clearSceneComponents(): Removed ".concat(removedCount, " objects from scene, preserved essential elements"));
+
+      // Trigger a render update
+      if (this.sceneViewer.renderer) {
+        this.sceneViewer.renderer.render(this.sceneViewer.scene, this.sceneViewer.camera);
+      }
+    }
+
     /**
      * Set a metadata attribute
      * @param {string} key - The metadata key
@@ -471,7 +567,7 @@ var CentralPlant = /*#__PURE__*/function () {
   }, {
     key: "setDefaultSceneMetadata",
     value: function setDefaultSceneMetadata() {
-      var _this2 = this;
+      var _this3 = this;
       var defaultMetadata = {
         // Scene Information
         sceneInfo: {
@@ -546,8 +642,8 @@ var CentralPlant = /*#__PURE__*/function () {
 
       // Set each default metadata category
       Object.keys(defaultMetadata).forEach(function (category) {
-        if (!_this2.hasMetadata(category)) {
-          _this2.setMetadata(category, defaultMetadata[category]);
+        if (!_this3.hasMetadata(category)) {
+          _this3.setMetadata(category, defaultMetadata[category]);
         }
       });
       console.log('🎯 Default scene metadata initialized:', Object.keys(defaultMetadata));
@@ -1269,7 +1365,7 @@ var CentralPlant = /*#__PURE__*/function () {
 
       // Perform the translation
       var normalizedAxis = axis.toLowerCase();
-      var previousPosition = component.position[normalizedAxis];
+      component.position[normalizedAxis];
       try {
         // Apply the translation
         component.position[normalizedAxis] += value;
@@ -1335,19 +1431,6 @@ var CentralPlant = /*#__PURE__*/function () {
         // // Update scene data and paths after successful translation
         // this.updatePaths(component)
 
-        // Log successful translation
-        console.log("\u2705 translate(): Component ".concat(componentId, " translated ").concat(value, " units along ").concat(normalizedAxis.toUpperCase(), "-axis"), {
-          componentId: componentId,
-          axis: normalizedAxis,
-          value: value,
-          previousPosition: previousPosition,
-          newPosition: component.position[normalizedAxis],
-          totalPosition: {
-            x: component.position.x.toFixed(3),
-            y: component.position.y.toFixed(3),
-            z: component.position.z.toFixed(3)
-          }
-        });
         return component;
       } catch (error) {
         console.error("\u274C translate(): Error translating component ".concat(componentId, ":"), error);
@@ -1365,6 +1448,71 @@ var CentralPlant = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Generate a unique component ID that doesn't conflict with existing components
+     * @param {string} libraryId - The library identifier for the component type
+     * @returns {string} A unique component ID
+     */
+  }, {
+    key: "generateUniqueComponentId",
+    value: function generateUniqueComponentId(libraryId) {
+      // Get all existing component IDs
+      var existingIds = this.getComponentIds();
+      var existingIdSet = new Set(existingIds);
+      var attempts = 0;
+      var maxAttempts = 1000; // Safety limit to prevent infinite loops
+
+      while (attempts < maxAttempts) {
+        // Generate a candidate ID using the current counter
+        var candidateId = this.utilities.generateUuidFromName(libraryId + '-' + (this.componentCounter + 1));
+
+        // Check if this ID already exists
+        if (!existingIdSet.has(candidateId)) {
+          // ID is unique, increment counter and return it
+          this.componentCounter++;
+          console.log("\u2705 generateUniqueComponentId(): Generated unique ID ".concat(candidateId, " for ").concat(libraryId, " (counter: ").concat(this.componentCounter, ")"));
+          return candidateId;
+        }
+
+        // ID exists, increment counter and try again
+        this.componentCounter++;
+        attempts++;
+        console.warn("\u26A0\uFE0F generateUniqueComponentId(): ID collision detected for ".concat(candidateId, ", trying again (attempt ").concat(attempts, ")"));
+      }
+
+      // Fallback: use timestamp + random number if we can't find a unique ID with counter
+      var fallbackId = this.utilities.generateUuidFromName(libraryId + '-' + Date.now() + '-' + Math.random().toString(36).substring(2, 8));
+      console.warn("\u26A0\uFE0F generateUniqueComponentId(): Max attempts reached, using fallback ID: ".concat(fallbackId));
+      return fallbackId;
+    }
+
+    /**
+     * Reset the component counter based on existing components in the scene
+     * This is useful when loading scenes that already have numbered components
+     */
+  }, {
+    key: "resetComponentCounter",
+    value: function resetComponentCounter() {
+      var existingIds = this.getComponentIds();
+      var maxCounter = 0;
+
+      // Extract counter values from existing component IDs
+      existingIds.forEach(function (id) {
+        // Look for patterns like "PUMP-1", "CHILLER-2", etc.
+        var match = id.match(/-(\d+)(?:-|$)/);
+        if (match) {
+          var counter = parseInt(match[1], 10);
+          if (!isNaN(counter) && counter > maxCounter) {
+            maxCounter = counter;
+          }
+        }
+      });
+
+      // Set the counter to one more than the highest found
+      this.componentCounter = maxCounter;
+      console.log("\uD83D\uDD04 resetComponentCounter(): Counter reset to ".concat(this.componentCounter, " based on ").concat(existingIds.length, " existing components"));
+    }
+
     /**
      * Add a new component to the scene using its library ID
      * @param {string} libraryId - The library identifier for the component type (e.g., 'PUMP', 'CHILLER', 'COOLING-TOWER')
@@ -1406,7 +1554,16 @@ var CentralPlant = /*#__PURE__*/function () {
       }
       try {
         // Generate a unique component ID if not provided
-        var componentId = options.customId || this.utilities.generateUuidFromName(libraryId + '_' + Date.now());
+        var componentId = options.customId || this.generateUniqueComponentId(libraryId);
+
+        // Validate that custom IDs don't conflict with existing components
+        if (options.customId) {
+          var existingIds = this.getComponentIds();
+          if (existingIds.includes(options.customId)) {
+            console.error("\u274C addComponent(): Custom ID '".concat(options.customId, "' already exists in scene. Existing IDs:"), existingIds);
+            return false;
+          }
+        }
 
         // Set default position within scene boundaries if not provided
         var position = options.position || {
@@ -1733,6 +1890,102 @@ var CentralPlant = /*#__PURE__*/function () {
       return this.sceneViewer.currentSceneData.connections || [];
     }
 
+    /**
+     * Get all connector IDs from the currentSceneData
+     * @returns {Array} Array of all connector ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getAllConnectorIds",
+    value: function getAllConnectorIds() {
+      if (!this.sceneViewer || !this.sceneViewer.currentSceneData) {
+        console.warn('⚠️ getAllConnectorIds(): Scene viewer or current scene data not available');
+        return [];
+      }
+      var allConnectorIds = [];
+      var sceneData = this.sceneViewer.currentSceneData;
+
+      // Check if scene data has the expected structure
+      if (!sceneData.scene || !sceneData.scene.object || !sceneData.scene.object.children) {
+        console.warn('⚠️ getAllConnectorIds(): Invalid scene data structure');
+        return [];
+      }
+
+      // Traverse through all components in the scene data
+      sceneData.scene.object.children.forEach(function (component) {
+        // Each component may have connector children
+        if (component.children && Array.isArray(component.children)) {
+          component.children.forEach(function (child) {
+            // Check if this child is a connector
+            if (child.userData && child.userData.componentType === 'connector' && child.uuid) {
+              allConnectorIds.push(child.uuid);
+            }
+          });
+        }
+      });
+      console.log("\uD83D\uDD0C getAllConnectorIds(): Found ".concat(allConnectorIds.length, " total connector IDs in currentSceneData"));
+      return allConnectorIds;
+    }
+
+    /**
+     * Get all available connector IDs that are not currently used in connections
+     * @returns {Array} Array of available connector ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getAvailableConnections",
+    value: function getAvailableConnections() {
+      if (!this.sceneViewer || !this.sceneViewer.currentSceneData) {
+        console.warn('⚠️ getAvailableConnections(): Scene viewer or current scene data not available');
+        return [];
+      }
+
+      // Get all connector IDs from the currentSceneData
+      var allConnectorIds = this.getAllConnectorIds();
+
+      // Get existing connections
+      var existingConnections = this.getConnections();
+
+      // Collect all connector IDs that are already used in connections
+      var usedConnectorIds = new Set();
+      existingConnections.forEach(function (connection) {
+        if (connection.from) usedConnectorIds.add(connection.from);
+        if (connection.to) usedConnectorIds.add(connection.to);
+      });
+
+      // Filter out used connectors to get only available ones
+      var availableConnectorIds = allConnectorIds.filter(function (id) {
+        return !usedConnectorIds.has(id);
+      });
+      console.log("\uD83D\uDD0C getAvailableConnections(): Found ".concat(availableConnectorIds.length, " available connectors out of ").concat(allConnectorIds.length, " total connectors"));
+      console.log('📋 Available connector IDs:', availableConnectorIds);
+      return availableConnectorIds;
+    }
+
+    /**
+     * Get all component IDs from the scene
+     * @returns {Array} Array of component ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getComponentIds",
+    value: function getComponentIds() {
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ getComponentIds(): Scene viewer or scene not available');
+        return [];
+      }
+      var componentIds = [];
+
+      // Traverse the scene to find all components
+      this.sceneViewer.scene.traverse(function (child) {
+        if (child.userData && child.userData.componentType === 'component') {
+          var id = child.uuid || child.userData.originalUuid || child.name;
+          if (id) {
+            componentIds.push(id);
+          }
+        }
+      });
+      console.log("\uD83D\uDCCB getComponentIds(): Found ".concat(componentIds.length, " component IDs in scene:"), componentIds);
+      return componentIds;
+    }
+
     /**
      * Remove a connection between two connector IDs from the connections list
      * @param {string} fromConnectorId - The ID of the source connector
@@ -1824,6 +2077,8 @@ var CentralPlant = /*#__PURE__*/function () {
   }, {
     key: "updatePaths",
     value: function updatePaths() {
+      var componentId = this.sceneViewer.currentSceneData.scene.object.children[0].uuid;
+      this.translate(componentId, "x", 0);
       this.sceneViewer.updatePaths();
     }
   }]);

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

@@ -103,6 +103,7 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       }
 
       // Ensure transform controls are still properly attached after scene operations
+      // Use false here since we're in the middle of clearing - enable them later in loadSceneData
       this.ensureTransformControlsAttached(false);
       console.log('✅ Scene clear operation completed');
     }
@@ -137,16 +138,22 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       if (wasReattached) {
         console.log('🔧 Transform controls were reattached after scene operation');
 
-        // Override visibility based on allowVisible parameter
-        if (!allowVisible && component.transformManager.transformControls) {
+        // Set enablement based on allowVisible parameter
+        if (allowVisible) {
+          component.transformManager.setEnabled(true);
+          console.log('🔧 Transform controls enabled and ready for use');
+        } else if (component.transformManager.transformControls) {
           component.transformManager.transformControls.visible = false;
           console.log('🔧 Forcing transform controls to be invisible during load');
         }
       } else {
         console.log('✓ Transform controls are properly attached');
 
-        // Still ensure visibility is set correctly even if not reattached
-        if (!allowVisible && component.transformManager.transformControls) {
+        // Ensure proper enablement/visibility based on allowVisible parameter
+        if (allowVisible) {
+          component.transformManager.setEnabled(true);
+          console.log('🔧 Transform controls enabled and ready for use');
+        } else if (component.transformManager.transformControls) {
           component.transformManager.transformControls.visible = false;
           console.log('🔧 Ensuring transform controls remain invisible during load');
         }
@@ -694,7 +701,9 @@ var SceneOperationsManager = /*#__PURE__*/function () {
           // For non-library objects (connectors, gateways), create shared sphere geometry
           var isConnectorOrGateway = child.uuid && (child.uuid.toLowerCase().includes('connector') || child.uuid.toLowerCase().includes('gateway'));
           if (isConnectorOrGateway) {
-            geometries[child.geometry] = new THREE__namespace.SphereGeometry(0.1, 16, 16);
+            if (!(child.position.x == 0 && child.position.y == 0 && child.position.z == 0)) {
+              geometries[child.geometry] = new THREE__namespace.SphereGeometry(0.1, 16, 16);
+            }
           } else {
             // Default fallback geometry
             geometries[child.geometry] = new THREE__namespace.BoxGeometry(1, 1, 1);
@@ -1050,23 +1059,19 @@ var SceneOperationsManager = /*#__PURE__*/function () {
                   console.log('🔧 Re-initializing transform controls after scene load');
                   component.initTransformControls();
                 } else {
-                  // Keep transform controls invisible
+                  // Re-enable transform controls after scene load is complete
                   if (component.transformManager.transformControls) {
+                    console.log('🔧 Re-enabling transform controls after scene load');
+                    component.transformManager.setEnabled(true);
+                    // Keep invisible initially, but enable functionality
                     component.transformManager.transformControls.visible = false;
-                    console.log('🔧 Making transform controls invisible after scene load');
                   }
                 }
 
                 // Ensure transform controls are still properly attached to the scene after import
-                component.ensureTransformControlsAttached(false);
-
-                // Keep transform controls inactive after loading scene data
-                if (component.transformManager && component.transformManager.transformControls) {
-                  console.log('🔧 Keeping transform controls inactive after scene data load');
-                  component.keepTransformControlsInactive();
-                  component.transformManager.transformControls.visible = false;
-                  console.log('🔒 Final verification: transform controls visibility forced to false');
-                }
+                // Pass true to allow visibility when objects are selected
+                this.ensureTransformControlsAttached(true);
+                console.log('✅ Transform controls re-enabled and ready for use after scene import');
               }
               _context5.n = 13;
               break;

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

@@ -47,6 +47,9 @@ var CentralPlant = /*#__PURE__*/function () {
       lastTransform: null
     };
 
+    // Add component counter for unique ID generation
+    this.componentCounter = 0;
+
     // Set default scene metadata
     this.setDefaultSceneMetadata();
 
@@ -224,6 +227,8 @@ var CentralPlant = /*#__PURE__*/function () {
     key: "setImportedSceneData",
     value: function setImportedSceneData(sceneData) {
       var _this$importedSceneDa, _this$importedSceneDa2;
+      // Clear existing scene components before importing new data
+      this.clearSceneComponents();
       this.importedSceneData = _objectSpread2({}, sceneData);
       console.log('📥 Imported scene data stored in CentralPlant:', {
         connections: ((_this$importedSceneDa = this.importedSceneData.connections) === null || _this$importedSceneDa === void 0 ? void 0 : _this$importedSceneDa.length) || 0,
@@ -231,6 +236,9 @@ var CentralPlant = /*#__PURE__*/function () {
         timestamp: new Date().toISOString()
       });
 
+      // Reset component counter based on imported components to avoid ID conflicts
+      this.resetComponentCounter();
+
       // Set default metadata for imported scene data
       this.setDefaultImportedSceneMetadata(sceneData);
 
@@ -282,6 +290,94 @@ var CentralPlant = /*#__PURE__*/function () {
       console.log('🗑️ Imported scene data cleared from CentralPlant');
     }
 
+    /**
+     * Clear all components from the scene while preserving lights, cameras, and environment
+     * This method safely removes only objects with userData.componentType = "component"
+     * while keeping all other scene elements like lights, cameras, controls, and environment objects
+     */
+  }, {
+    key: "clearSceneComponents",
+    value: function clearSceneComponents() {
+      var _this2 = this;
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ clearSceneComponents(): Scene viewer or scene not available');
+        return;
+      }
+      console.log('🗑️ Clearing existing scene components (userData.componentType = "component")...');
+
+      // Get all children to remove (only components with userData.componentType = "component")
+      var childrenToRemove = [];
+      this.sceneViewer.scene.traverse(function (child) {
+        // Skip the scene itself
+        if (child === _this2.sceneViewer.scene) return;
+
+        // Only remove objects that have userData.componentType = "component"
+        var isComponent = child.userData && child.userData.componentType === 'component';
+
+        // If it's a component and it's a direct child of the scene, mark for removal
+        if (isComponent && child.parent === _this2.sceneViewer.scene) {
+          childrenToRemove.push(child);
+        }
+      });
+
+      // Remove the identified objects
+      var removedCount = 0;
+      childrenToRemove.forEach(function (child) {
+        try {
+          // Dispose of geometries and materials to prevent memory leaks
+          if (child.geometry) {
+            child.geometry.dispose();
+          }
+          if (child.material) {
+            if (Array.isArray(child.material)) {
+              child.material.forEach(function (material) {
+                if (material.map) material.map.dispose();
+                if (material.normalMap) material.normalMap.dispose();
+                if (material.roughnessMap) material.roughnessMap.dispose();
+                if (material.metalnessMap) material.metalnessMap.dispose();
+                material.dispose();
+              });
+            } else {
+              if (child.material.map) child.material.map.dispose();
+              if (child.material.normalMap) child.material.normalMap.dispose();
+              if (child.material.roughnessMap) child.material.roughnessMap.dispose();
+              if (child.material.metalnessMap) child.material.metalnessMap.dispose();
+              child.material.dispose();
+            }
+          }
+
+          // Remove from scene
+          _this2.sceneViewer.scene.remove(child);
+          removedCount++;
+        } catch (error) {
+          console.warn('⚠️ Error removing scene object:', error, child);
+        }
+      });
+
+      // Clear any active selections or transform controls
+      if (this.sceneViewer.transformManager) {
+        try {
+          this.sceneViewer.transformManager.deselectObject();
+        } catch (error) {
+          console.warn('⚠️ Error deselecting objects during scene clear:', error);
+        }
+      }
+
+      // Clear connections if they exist in currentSceneData
+      if (this.sceneViewer.currentSceneData && this.sceneViewer.currentSceneData.connections) {
+        this.sceneViewer.currentSceneData.connections = [];
+      }
+
+      // Reset component counter
+      this.componentCounter = 0;
+      console.log("\u2705 clearSceneComponents(): Removed ".concat(removedCount, " objects from scene, preserved essential elements"));
+
+      // Trigger a render update
+      if (this.sceneViewer.renderer) {
+        this.sceneViewer.renderer.render(this.sceneViewer.scene, this.sceneViewer.camera);
+      }
+    }
+
     /**
      * Set a metadata attribute
      * @param {string} key - The metadata key
@@ -447,7 +543,7 @@ var CentralPlant = /*#__PURE__*/function () {
   }, {
     key: "setDefaultSceneMetadata",
     value: function setDefaultSceneMetadata() {
-      var _this2 = this;
+      var _this3 = this;
       var defaultMetadata = {
         // Scene Information
         sceneInfo: {
@@ -522,8 +618,8 @@ var CentralPlant = /*#__PURE__*/function () {
 
       // Set each default metadata category
       Object.keys(defaultMetadata).forEach(function (category) {
-        if (!_this2.hasMetadata(category)) {
-          _this2.setMetadata(category, defaultMetadata[category]);
+        if (!_this3.hasMetadata(category)) {
+          _this3.setMetadata(category, defaultMetadata[category]);
         }
       });
       console.log('🎯 Default scene metadata initialized:', Object.keys(defaultMetadata));
@@ -1245,7 +1341,7 @@ var CentralPlant = /*#__PURE__*/function () {
 
       // Perform the translation
       var normalizedAxis = axis.toLowerCase();
-      var previousPosition = component.position[normalizedAxis];
+      component.position[normalizedAxis];
       try {
         // Apply the translation
         component.position[normalizedAxis] += value;
@@ -1311,19 +1407,6 @@ var CentralPlant = /*#__PURE__*/function () {
         // // Update scene data and paths after successful translation
         // this.updatePaths(component)
 
-        // Log successful translation
-        console.log("\u2705 translate(): Component ".concat(componentId, " translated ").concat(value, " units along ").concat(normalizedAxis.toUpperCase(), "-axis"), {
-          componentId: componentId,
-          axis: normalizedAxis,
-          value: value,
-          previousPosition: previousPosition,
-          newPosition: component.position[normalizedAxis],
-          totalPosition: {
-            x: component.position.x.toFixed(3),
-            y: component.position.y.toFixed(3),
-            z: component.position.z.toFixed(3)
-          }
-        });
         return component;
       } catch (error) {
         console.error("\u274C translate(): Error translating component ".concat(componentId, ":"), error);
@@ -1341,6 +1424,71 @@ var CentralPlant = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Generate a unique component ID that doesn't conflict with existing components
+     * @param {string} libraryId - The library identifier for the component type
+     * @returns {string} A unique component ID
+     */
+  }, {
+    key: "generateUniqueComponentId",
+    value: function generateUniqueComponentId(libraryId) {
+      // Get all existing component IDs
+      var existingIds = this.getComponentIds();
+      var existingIdSet = new Set(existingIds);
+      var attempts = 0;
+      var maxAttempts = 1000; // Safety limit to prevent infinite loops
+
+      while (attempts < maxAttempts) {
+        // Generate a candidate ID using the current counter
+        var candidateId = this.utilities.generateUuidFromName(libraryId + '-' + (this.componentCounter + 1));
+
+        // Check if this ID already exists
+        if (!existingIdSet.has(candidateId)) {
+          // ID is unique, increment counter and return it
+          this.componentCounter++;
+          console.log("\u2705 generateUniqueComponentId(): Generated unique ID ".concat(candidateId, " for ").concat(libraryId, " (counter: ").concat(this.componentCounter, ")"));
+          return candidateId;
+        }
+
+        // ID exists, increment counter and try again
+        this.componentCounter++;
+        attempts++;
+        console.warn("\u26A0\uFE0F generateUniqueComponentId(): ID collision detected for ".concat(candidateId, ", trying again (attempt ").concat(attempts, ")"));
+      }
+
+      // Fallback: use timestamp + random number if we can't find a unique ID with counter
+      var fallbackId = this.utilities.generateUuidFromName(libraryId + '-' + Date.now() + '-' + Math.random().toString(36).substring(2, 8));
+      console.warn("\u26A0\uFE0F generateUniqueComponentId(): Max attempts reached, using fallback ID: ".concat(fallbackId));
+      return fallbackId;
+    }
+
+    /**
+     * Reset the component counter based on existing components in the scene
+     * This is useful when loading scenes that already have numbered components
+     */
+  }, {
+    key: "resetComponentCounter",
+    value: function resetComponentCounter() {
+      var existingIds = this.getComponentIds();
+      var maxCounter = 0;
+
+      // Extract counter values from existing component IDs
+      existingIds.forEach(function (id) {
+        // Look for patterns like "PUMP-1", "CHILLER-2", etc.
+        var match = id.match(/-(\d+)(?:-|$)/);
+        if (match) {
+          var counter = parseInt(match[1], 10);
+          if (!isNaN(counter) && counter > maxCounter) {
+            maxCounter = counter;
+          }
+        }
+      });
+
+      // Set the counter to one more than the highest found
+      this.componentCounter = maxCounter;
+      console.log("\uD83D\uDD04 resetComponentCounter(): Counter reset to ".concat(this.componentCounter, " based on ").concat(existingIds.length, " existing components"));
+    }
+
     /**
      * Add a new component to the scene using its library ID
      * @param {string} libraryId - The library identifier for the component type (e.g., 'PUMP', 'CHILLER', 'COOLING-TOWER')
@@ -1382,7 +1530,16 @@ var CentralPlant = /*#__PURE__*/function () {
       }
       try {
         // Generate a unique component ID if not provided
-        var componentId = options.customId || this.utilities.generateUuidFromName(libraryId + '_' + Date.now());
+        var componentId = options.customId || this.generateUniqueComponentId(libraryId);
+
+        // Validate that custom IDs don't conflict with existing components
+        if (options.customId) {
+          var existingIds = this.getComponentIds();
+          if (existingIds.includes(options.customId)) {
+            console.error("\u274C addComponent(): Custom ID '".concat(options.customId, "' already exists in scene. Existing IDs:"), existingIds);
+            return false;
+          }
+        }
 
         // Set default position within scene boundaries if not provided
         var position = options.position || {
@@ -1709,6 +1866,102 @@ var CentralPlant = /*#__PURE__*/function () {
       return this.sceneViewer.currentSceneData.connections || [];
     }
 
+    /**
+     * Get all connector IDs from the currentSceneData
+     * @returns {Array} Array of all connector ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getAllConnectorIds",
+    value: function getAllConnectorIds() {
+      if (!this.sceneViewer || !this.sceneViewer.currentSceneData) {
+        console.warn('⚠️ getAllConnectorIds(): Scene viewer or current scene data not available');
+        return [];
+      }
+      var allConnectorIds = [];
+      var sceneData = this.sceneViewer.currentSceneData;
+
+      // Check if scene data has the expected structure
+      if (!sceneData.scene || !sceneData.scene.object || !sceneData.scene.object.children) {
+        console.warn('⚠️ getAllConnectorIds(): Invalid scene data structure');
+        return [];
+      }
+
+      // Traverse through all components in the scene data
+      sceneData.scene.object.children.forEach(function (component) {
+        // Each component may have connector children
+        if (component.children && Array.isArray(component.children)) {
+          component.children.forEach(function (child) {
+            // Check if this child is a connector
+            if (child.userData && child.userData.componentType === 'connector' && child.uuid) {
+              allConnectorIds.push(child.uuid);
+            }
+          });
+        }
+      });
+      console.log("\uD83D\uDD0C getAllConnectorIds(): Found ".concat(allConnectorIds.length, " total connector IDs in currentSceneData"));
+      return allConnectorIds;
+    }
+
+    /**
+     * Get all available connector IDs that are not currently used in connections
+     * @returns {Array} Array of available connector ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getAvailableConnections",
+    value: function getAvailableConnections() {
+      if (!this.sceneViewer || !this.sceneViewer.currentSceneData) {
+        console.warn('⚠️ getAvailableConnections(): Scene viewer or current scene data not available');
+        return [];
+      }
+
+      // Get all connector IDs from the currentSceneData
+      var allConnectorIds = this.getAllConnectorIds();
+
+      // Get existing connections
+      var existingConnections = this.getConnections();
+
+      // Collect all connector IDs that are already used in connections
+      var usedConnectorIds = new Set();
+      existingConnections.forEach(function (connection) {
+        if (connection.from) usedConnectorIds.add(connection.from);
+        if (connection.to) usedConnectorIds.add(connection.to);
+      });
+
+      // Filter out used connectors to get only available ones
+      var availableConnectorIds = allConnectorIds.filter(function (id) {
+        return !usedConnectorIds.has(id);
+      });
+      console.log("\uD83D\uDD0C getAvailableConnections(): Found ".concat(availableConnectorIds.length, " available connectors out of ").concat(allConnectorIds.length, " total connectors"));
+      console.log('📋 Available connector IDs:', availableConnectorIds);
+      return availableConnectorIds;
+    }
+
+    /**
+     * Get all component IDs from the scene
+     * @returns {Array} Array of component ID strings, or empty array if none exist
+     */
+  }, {
+    key: "getComponentIds",
+    value: function getComponentIds() {
+      if (!this.sceneViewer || !this.sceneViewer.scene) {
+        console.warn('⚠️ getComponentIds(): Scene viewer or scene not available');
+        return [];
+      }
+      var componentIds = [];
+
+      // Traverse the scene to find all components
+      this.sceneViewer.scene.traverse(function (child) {
+        if (child.userData && child.userData.componentType === 'component') {
+          var id = child.uuid || child.userData.originalUuid || child.name;
+          if (id) {
+            componentIds.push(id);
+          }
+        }
+      });
+      console.log("\uD83D\uDCCB getComponentIds(): Found ".concat(componentIds.length, " component IDs in scene:"), componentIds);
+      return componentIds;
+    }
+
     /**
      * Remove a connection between two connector IDs from the connections list
      * @param {string} fromConnectorId - The ID of the source connector
@@ -1800,6 +2053,8 @@ var CentralPlant = /*#__PURE__*/function () {
   }, {
     key: "updatePaths",
     value: function updatePaths() {
+      var componentId = this.sceneViewer.currentSceneData.scene.object.children[0].uuid;
+      this.translate(componentId, "x", 0);
       this.sceneViewer.updatePaths();
     }
   }]);

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

@@ -79,6 +79,7 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       }
 
       // Ensure transform controls are still properly attached after scene operations
+      // Use false here since we're in the middle of clearing - enable them later in loadSceneData
       this.ensureTransformControlsAttached(false);
       console.log('✅ Scene clear operation completed');
     }
@@ -113,16 +114,22 @@ var SceneOperationsManager = /*#__PURE__*/function () {
       if (wasReattached) {
         console.log('🔧 Transform controls were reattached after scene operation');
 
-        // Override visibility based on allowVisible parameter
-        if (!allowVisible && component.transformManager.transformControls) {
+        // Set enablement based on allowVisible parameter
+        if (allowVisible) {
+          component.transformManager.setEnabled(true);
+          console.log('🔧 Transform controls enabled and ready for use');
+        } else if (component.transformManager.transformControls) {
           component.transformManager.transformControls.visible = false;
           console.log('🔧 Forcing transform controls to be invisible during load');
         }
       } else {
         console.log('✓ Transform controls are properly attached');
 
-        // Still ensure visibility is set correctly even if not reattached
-        if (!allowVisible && component.transformManager.transformControls) {
+        // Ensure proper enablement/visibility based on allowVisible parameter
+        if (allowVisible) {
+          component.transformManager.setEnabled(true);
+          console.log('🔧 Transform controls enabled and ready for use');
+        } else if (component.transformManager.transformControls) {
           component.transformManager.transformControls.visible = false;
           console.log('🔧 Ensuring transform controls remain invisible during load');
         }
@@ -670,7 +677,9 @@ var SceneOperationsManager = /*#__PURE__*/function () {
           // For non-library objects (connectors, gateways), create shared sphere geometry
           var isConnectorOrGateway = child.uuid && (child.uuid.toLowerCase().includes('connector') || child.uuid.toLowerCase().includes('gateway'));
           if (isConnectorOrGateway) {
-            geometries[child.geometry] = new THREE.SphereGeometry(0.1, 16, 16);
+            if (!(child.position.x == 0 && child.position.y == 0 && child.position.z == 0)) {
+              geometries[child.geometry] = new THREE.SphereGeometry(0.1, 16, 16);
+            }
           } else {
             // Default fallback geometry
             geometries[child.geometry] = new THREE.BoxGeometry(1, 1, 1);
@@ -1026,23 +1035,19 @@ var SceneOperationsManager = /*#__PURE__*/function () {
                   console.log('🔧 Re-initializing transform controls after scene load');
                   component.initTransformControls();
                 } else {
-                  // Keep transform controls invisible
+                  // Re-enable transform controls after scene load is complete
                   if (component.transformManager.transformControls) {
+                    console.log('🔧 Re-enabling transform controls after scene load');
+                    component.transformManager.setEnabled(true);
+                    // Keep invisible initially, but enable functionality
                     component.transformManager.transformControls.visible = false;
-                    console.log('🔧 Making transform controls invisible after scene load');
                   }
                 }
 
                 // Ensure transform controls are still properly attached to the scene after import
-                component.ensureTransformControlsAttached(false);
-
-                // Keep transform controls inactive after loading scene data
-                if (component.transformManager && component.transformManager.transformControls) {
-                  console.log('🔧 Keeping transform controls inactive after scene data load');
-                  component.keepTransformControlsInactive();
-                  component.transformManager.transformControls.visible = false;
-                  console.log('🔒 Final verification: transform controls visibility forced to false');
-                }
+                // Pass true to allow visibility when objects are selected
+                this.ensureTransformControlsAttached(true);
+                console.log('✅ Transform controls re-enabled and ready for use after scene import');
               }
               _context5.n = 13;
               break;

package/package.json

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