@2112-lab/central-plant 0.1.4 → 0.1.6

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

@@ -1 +1,1485 @@
-import{createClass as e,objectSpread2 as n,classCallCheck as r,createForOfIteratorHelper as t,asyncToGenerator as a,regenerator as i,toConsumableArray as o,slicedToArray as u}from"../../../_virtual/_rollupPluginBabelHelpers.js";import*as c from"three";import{loadTextureSet as s}from"../environment/textureConfig.js";import l from"../../rendering/modelPreloader.js";import{modelLogger as v}from"../../core/debugLogger.js";var f=function(){return e(function e(n){r(this,e),this.sceneViewer=n},[{key:"clearSceneObjects",value:function(){var e=this.sceneViewer;this.deselectObject();var n=null;e.transformManager&&e.transformManager.transformControls&&(e.transformManager.setEnabled(!1),e.transformManager.transformControls.visible=!1,n=e.transformManager.transformControls);var r=[];e.scene.traverse(function(t){var a,i,o,u,c;0;var s=t===n||(null===(a=t.userData)||void 0===a?void 0:a.isTransformControls)||t.isTransformControls||t.type&&t.type.includes("TransformControls");s&&0,t===e.scene||null!==(i=t.userData)&&void 0!==i&&i.isBrickWall||null!==(o=t.userData)&&void 0!==o&&o.isBaseGround||null!==(u=t.userData)&&void 0!==u&&u.isBaseGrid||s||t.isLight||"PlaneGeometry"===(null===(c=t.geometry)||void 0===c?void 0:c.type)||r.push(t)}),r.forEach(function(n){e.scene.remove(n),n.geometry&&n.geometry.dispose(),n.material&&(Array.isArray(n.material)?n.material.forEach(function(e){return e.dispose()}):n.material.dispose())}),e.selectedObjectForTransform=null,e.transformHistory&&(e.transformHistory=[]),e.transformManager&&e.transformManager.transformControls||e.initTransformControls(),this.ensureTransformControlsAttached(!1)}},{key:"ensureTransformControlsAttached",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=this.sceneViewer;if(n.transformManager){if(!n.transformManager.transformControls)return n.transformManager.createTransformControls(),void n.transformManager.setupEventListeners();n.transformManager.ensureSceneAttachment(e);!e&&n.transformManager.transformControls&&(n.transformManager.transformControls.visible=!1)}else n.initTransformControls()}},{key:"loadLibraryModel",value:(k=a(i().m(function e(n,r,t){var a,s,f,d,h,m,y,w,k,b,p,g,M,x,S,B;return i().w(function(e){for(;;)switch(e.n){case 0:if(a=this.sceneViewer,e.p=1,v.info("Loading library GLB model for ".concat(null===(s=r.userData)||void 0===s?void 0:s.libraryId,"...")),v.debug("Starting to load GLB model from /library/models/".concat(t.modelKey)),h=n.parent,m=n.position.clone(),y=n.quaternion.clone(),w=n.scale.clone(),k=n.name,b=n.uuid,p=[],n.children.forEach(function(e){var n=e.geometry&&("CONNECTOR-GEO"===e.geometry.uuid||"SphereGeometry"===e.geometry.type&&e.geometry.parameters),r=e.name&&e.name.toLowerCase().includes("connector");if(n&&r){if(e.userData||(e.userData={}),!e.userData.worldBoundingBox){var t=(new c.Box3).setFromObject(e);e.userData.worldBoundingBox={min:t.min.toArray(),max:t.max.toArray()}}var a=e.clone();if(e.userData){a.userData={},e.userData.worldBoundingBox&&(a.userData.worldBoundingBox={min:o(e.userData.worldBoundingBox.min),max:o(e.userData.worldBoundingBox.max)}),e.userData.direction&&(a.userData.direction=o(e.userData.direction));for(var i=0,s=Object.entries(e.userData);i<s.length;i++){var l=u(s[i],2),v=l[0],f=l[1];"worldBoundingBox"!==v&&"direction"!==v&&(a.userData[v]=f)}a.userData.originalUuid=e.uuid,void 0===a.userData.forExport&&(a.userData.forExport=!0),a.userData.componentType||(e.name&&e.name.toLowerCase().includes("connector")?a.userData.componentType="connector":e.name&&e.name.toLowerCase().includes("gateway")&&(a.userData.componentType="gateway"))}p.push(a)}}),!(g=l.getCachedModelWithDimensions(t.modelKey,null===(f=r.userData)||void 0===f?void 0:f.libraryId))){e.n=2;break}e.n=8;break;case 2:if(!l.getStatus().isPreloading){e.n=6;break}return e.p=3,e.n=4,l.preloadingPromise;case 4:g=l.getCachedModelWithDimensions(t.modelKey,null===(M=r.userData)||void 0===M?void 0:M.libraryId),e.n=6;break;case 5:e.p=5,e.v;case 6:if(g){e.n=8;break}return e.n=7,new Promise(function(e,n){a.gltfLoader.load("/library/models/".concat(t.modelKey),function(n){e(n)},function(e){},function(e){n(e)})});case 7:S=e.v,g=S.scene,null!==(x=r.userData)&&void 0!==x&&x.libraryId&&(g=l.addDimensionsToModel(g,r.userData.libraryId));case 8:return(B=g.isCachedClone?g:g.clone()).uuid=b,B.name=k,B.quaternion.copy(y),B.scale.copy(w),B.userData||(B.userData={}),B.userData.originalUuid=b,B.userData.componentType="component",B.userData.libraryId=null===(d=r.userData)||void 0===d?void 0:d.libraryId,t.boundingBox&&(B.userData.dimensions={x:t.boundingBox.x,y:t.boundingBox.y,z:t.boundingBox.z}),t.adaptedBoundingBox&&(B.userData.adaptedBoundingBox={x:t.adaptedBoundingBox.x,y:t.adaptedBoundingBox.y,z:t.adaptedBoundingBox.z}),r.position&&r.rotation?(B.position.set(r.position.x,r.position.y,r.position.z),B.rotation.set(c.MathUtils.degToRad(r.rotation.x),c.MathUtils.degToRad(r.rotation.y),c.MathUtils.degToRad(r.rotation.z))):B.position.copy(m),B.traverse(function(e){e.isMesh&&(e.castShadow=!0,e.receiveShadow=!0,e.material&&(e.material.envMapIntensity=1))}),p.forEach(function(e){B.add(e)}),B.children.forEach(function(e,n){e.name&&e.name.toLowerCase().includes("connector")}),B.children.length>0&&B.children.forEach(function(e,n){}),h&&h.add&&"function"==typeof h.add?(h.remove(n),h.add(B)):(a.scene.remove(n),a.scene.add(B)),e.a(2,B);case 9:return e.p=9,e.v,e.a(2,n)}},e,this,[[3,5],[1,9]])})),function(e,n,r){return k.apply(this,arguments)})},{key:"verifyModelPreloaderCache",value:(w=a(i().m(function e(){var n;return i().w(function(e){for(;;)switch(e.n){case 0:if(!(n=l.getStatus()).isPreloading){e.n=4;break}return e.p=1,e.n=2,l.preloadingPromise;case 2:e.n=4;break;case 3:e.p=3,e.v;case 4:return e.a(2,n)}},e,null,[[1,3]])})),function(){return w.apply(this,arguments)})},{key:"preloadMissingModels",value:(y=a(i().m(function e(n,r){var a,o,u,c,s,v,f,d;return i().w(function(e){for(;;)switch(e.n){case 0:return a=new Set,n.scene.object.children.forEach(function(e){var n,t;if(null!==(n=e.userData)&&void 0!==n&&n.libraryId&&r[null===(t=e.userData)||void 0===t?void 0:t.libraryId]){var i,o=r[null===(i=e.userData)||void 0===i?void 0:i.libraryId].modelKey;o&&a.add(o)}}),e.n=1,this.verifyModelPreloaderCache();case 1:if(o=e.v,u=o.cachedModels,!((c=Array.from(a).filter(function(e){return!u.includes(e)})).length>0)){e.n=11;break}s=t(c),e.p=2,s.s();case 3:if((v=s.n()).done){e.n=8;break}return f=v.value,e.p=4,e.n=5,l.preloadSingleModel(f);case 5:e.n=7;break;case 6:e.p=6,e.v;case 7:e.n=3;break;case 8:e.n=10;break;case 9:e.p=9,d=e.v,s.e(d);case 10:return e.p=10,s.f(),e.f(10);case 11:return e.a(2)}},e,this,[[4,6],[2,9,10,11]])})),function(e,n){return y.apply(this,arguments)})},{key:"createSceneMaterials",value:(m=a(i().m(function e(n){var r,t,a;return i().w(function(e){for(;;)switch(e.n){case 0:return r=this.sceneViewer,t={},a=null,e.p=1,e.n=2,s("light_metal",r.textureLoader);case 2:a=e.v,e.n=7;break;case 3:return e.p=3,e.v,e.p=4,e.n=5,s("gravel_embedded_concrete",r.textureLoader);case 5:a=e.v,e.n=7;break;case 6:e.p=6,e.v;case 7:return e.a(2,{materials:t,crosscubeTextureSet:a})}},e,this,[[4,6],[1,3]])})),function(e){return m.apply(this,arguments)})},{key:"createSceneGeometries",value:function(e,n){var r={};return e.scene.object.children.forEach(function(e){var t;if(null!==(t=e.userData)&&void 0!==t&&t.libraryId&&n[e.userData.libraryId]){var a=n[e.userData.libraryId].boundingBox,i=new c.BoxGeometry(a.x||1,a.y||1,a.z||1);r[e.geometry]=i}else{var o=e.uuid&&(e.uuid.toLowerCase().includes("connector")||e.uuid.toLowerCase().includes("gateway"));r[e.geometry]=o?new c.SphereGeometry(.1,16,16):new c.BoxGeometry(1,1,1)}}),r}},{key:"createSceneObject",value:function(e,r,t){var a=this,i=r[e.geometry],o=t[e.material];o||(o=new c.MeshPhysicalMaterial({color:12632256,roughness:.15,metalness:.9,emissive:0,envMapIntensity:1.5,transparent:!0,opacity:.8}));var u=new c.Mesh(i,o);if(u.uuid=e.uuid,u.name=e.name||e.uuid,u.userData||(u.userData={}),u.userData.originalUuid=e.uuid,e.userData&&(u.userData=n({},e.userData),u.userData.componentType||(u.userData.libraryId?u.userData.componentType="component":e.uuid&&e.uuid.toLowerCase().includes("connector")?u.userData.componentType="connector":e.uuid&&e.uuid.toLowerCase().includes("gateway")&&(u.userData.componentType="gateway"))),u.isMesh&&(u.castShadow=!0,u.receiveShadow=!0),e.position&&u.position.set(e.position.x||0,e.position.y||0,e.position.z||0),e.rotation){var s=e.rotation.x*(Math.PI/180),l=e.rotation.y*(Math.PI/180),v=e.rotation.z*(Math.PI/180);u.rotation.set(s,l,v)}return e.scale&&u.scale.set(e.scale.x||1,e.scale.y||1,e.scale.z||1),e.children&&e.children.forEach(function(e){u.add(a.createSceneObject(e,r,t))}),u}},{key:"computeWorldBoundingBoxes",value:function(e){this.sceneViewer.scene.traverse(function(n){if(n.isMesh){var r=null,a=function(e){var r,i=t(e);try{for(i.s();!(r=i.n()).done;){var o,u,c=r.value;if(c.uuid===n.uuid||c.uuid===(null===(o=n.userData)||void 0===o?void 0:o.originalUuid)||n.uuid===(null===(u=c.userData)||void 0===u?void 0:u.originalUuid))return c;if(c.children){var s=a(c.children);if(s)return s}}}catch(e){i.e(e)}finally{i.f()}return null};if(r=a(e.scene.object.children)){var i=(new c.Box3).setFromObject(n);r.userData||(r.userData={}),r.userData.worldBoundingBox={min:i.min.toArray(),max:i.max.toArray()}}}})}},{key:"loadSceneData",value:(h=a(i().m(function e(n){var r,t,a,o,u,s,l,v,f,d,h,m,y=this,w=arguments;return i().w(function(e){for(;;)switch(e.n){case 0:return r=!(w.length>1&&void 0!==w[1])||w[1],t=this.sceneViewer,e.p=1,a=function(e){e.traverse(function(e){if(e.userData&&e.userData.direction){var n=new c.Matrix4;n.copy(e.matrixWorld),e.userData.worldMatrixOriginal=n.elements}})},r&&(t.transformManager&&t.transformManager.transformControls,this.clearSceneObjects()),t.currentSceneData=n,o={},e.p=2,e.n=3,fetch("./library/component-dictionary.json");case 3:return u=e.v,e.n=4,u.json();case 4:o=e.v,e.n=6;break;case 5:e.p=5,e.v;case 6:return e.n=7,this.preloadMissingModels(n,o);case 7:return e.n=8,this.createSceneMaterials(n);case 8:if(s=e.v,l=s.materials,v=s.crosscubeTextureSet,f=this.createSceneGeometries(n,o),d=[],n.scene.object.children.forEach(function(e,n){var r,a,i,u=y.createSceneObject(e,f,l);t.scene.add(u),null!==(r=e.userData)&&void 0!==r&&r.libraryId&&o[null===(a=e.userData)||void 0===a?void 0:a.libraryId]&&d.push({basicObject:u,jsonData:e,componentData:o[null===(i=e.userData)||void 0===i?void 0:i.libraryId]})}),this.computeWorldBoundingBoxes(n),a(t.scene),h=[],d.forEach(function(e,n){var r=e.basicObject,t=e.jsonData,a=e.componentData,i=y.loadLibraryModel(r,t,a).then(function(e){return d[n].glbModel=e,e}).catch(function(e){return r});h.push(i)}),!(h.length>0)){e.n=10;break}return e.n=9,Promise.all(h);case 9:"undefined"!=typeof window&&(m=new CustomEvent("sceneUpdateComplete",{detail:{timestamp:Date.now()}}),window.dispatchEvent(m));case 10:if(d.forEach(function(e,n){e.basicObject;var r=e.jsonData,t=(e.componentData,e.glbModel);t.userData.associatedJsonObject=r;var a=(new c.Box3).setFromObject(t);r.type="Mesh",r.userData.worldBoundingBox.min=a.min.toArray(),r.userData.worldBoundingBox.max=a.max.toArray()}),n.scene.object.children.push({uuid:"GROUND",type:"Mesh",name:"Ground",layers:1,matrix:[1,0,0,0,0,0,-1,0,0,1,0,0,0,-.01,0,1],up:[0,1,0],userData:{worldBoundingBox:{min:[-30,-.01,-30],max:[30,-.01,30]}}}),!t.pathfindingManager){e.n=11;break}return e.n=11,t.pathfindingManager.initializePathfinder(n,v);case 11:t.currentSceneData=n,t.crosscubeTextureSet=v,r&&(t.transformManager&&t.transformManager.transformControls?t.transformManager.transformControls&&(t.transformManager.transformControls.visible=!1):t.initTransformControls(),t.ensureTransformControlsAttached(!1),t.transformManager&&t.transformManager.transformControls&&(t.keepTransformControlsInactive(),t.transformManager.transformControls.visible=!1)),e.n=13;break;case 12:e.p=12,e.v;case 13:return e.a(2)}},e,this,[[2,5],[1,12]])})),function(e){return h.apply(this,arguments)})},{key:"loadScene",value:(d=a(i().m(function e(){var n,r,t,a;return i().w(function(e){for(;;)switch(e.n){case 0:return n=this.sceneViewer,e.p=1,r=n.$config.defaultCentralPlantUrl,e.n=2,fetch(r);case 2:return t=e.v,e.n=3,t.json();case 3:return a=e.v,n.currentSceneData=a,e.n=4,this.loadSceneData(a,!1);case 4:e.n=6;break;case 5:e.p=5,e.v;case 6:return e.a(2)}},e,this,[[1,5]])})),function(){return d.apply(this,arguments)})},{key:"loadSceneFromData",value:(f=a(i().m(function e(n){return i().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,this.loadSceneData(n,!0);case 1:return e.a(2)}},e,this)})),function(e){return f.apply(this,arguments)})},{key:"createEmptyScene",value:function(){var e=this.sceneViewer;e.transformManager&&e.transformManager.transformControls&&e.disableTransformControls(),this.clearSceneObjects(),e.transformManager&&e.transformManager.transformControls&&(e.transformManager.setEnabled(!1),e.transformManager.transformControls.visible=!1,e.transformManager.selectedObject&&e.transformManager.deselectObject())}},{key:"clearModelCache",value:function(){var e=this.sceneViewer;e.modelCache&&e.modelCache.clear(),e.loadingPromises&&e.loadingPromises.clear()}},{key:"deselectObject",value:function(){var e=this.sceneViewer;e.transformManager&&e.transformManager.deselectObject(),e.selectedObjectForTransform=null}},{key:"setupEventListeners",value:function(){var e,n,r,t,o=this;this.sceneViewer;var u=this.loadSceneFromData.bind(this);null===(e=window.$nuxt)||void 0===e||null===(n=e.$on)||void 0===n||n.call(e,"loadNewScene",function(){var e=a(i().m(function e(n){return i().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,u(n);case 1:return e.a(2)}},e)}));return function(n){return e.apply(this,arguments)}}()),null===(r=window.$nuxt)||void 0===r||null===(t=r.$on)||void 0===t||t.call(r,"createNewScene",function(){o.createEmptyScene()})}},{key:"updateSceneDataAfterTransform",value:function(e,r){var t,a,i=!1;if(this.sceneViewer.pathfindingManager.recomputeWorldBoundingBoxes(r),"gateway"===(null===(t=e.userData)||void 0===t?void 0:t.componentType)&&"computed"===(null===(a=e.userData)||void 0===a?void 0:a.origin)){var o;e.userData.origin="declared";for(var u=0;u<r.scene.object.children.length;u++){var s,l,v=r.scene.object.children[u];if(v.uuid===e.uuid||v.uuid===(null===(s=e.userData)||void 0===s?void 0:s.originalUuid)||e.uuid===(null===(l=v.userData)||void 0===l?void 0:l.originalUuid)){v.userData||(v.userData={}),v.userData.origin="declared";break}}if(null!==(o=e.userData)&&void 0!==o&&o.connections&&r.connections){var f=e.userData.connections,d=r.connections;f.removed&&Array.isArray(f.removed)&&(r.connections=d.filter(function(e){var n=f.removed.some(function(n){return n.from===e.from&&n.to===e.to||n.from===e.to&&n.to===e.from});return!n})),f.added&&Array.isArray(f.added)&&f.added.forEach(function(e){r.connections.some(function(n){return n.from===e.from&&n.to===e.to||n.from===e.to&&n.to===e.from})||r.connections.push(e)})}}for(var h=function(){var t,a,o,u,s=r.scene.object.children[m],l=!1;if(s.uuid!==e.uuid&&s.uuid!==(null===(t=e.userData)||void 0===t?void 0:t.originalUuid)&&e.uuid!==(null===(a=s.userData)||void 0===a?void 0:a.originalUuid)||(l=!0),!l&&null!==(o=e.userData)&&void 0!==o&&o.libraryId&&null!==(u=s.userData)&&void 0!==u&&u.libraryId&&e.userData.libraryId===s.userData.libraryId){if(s.position&&e.position){var v=Math.abs(e.position.x-s.position.x),f=Math.abs(e.position.y-s.position.y),d=Math.abs(e.position.z-s.position.z);v<1&&f<1&&d<1&&(l=!0)}}if(l){var h=(new c.Box3).setFromObject(e),y=function(e,r){return e&&r?e.map(function(e){var t=r.find(function(n){var r,t,a,i;if(n.uuid===e.uuid||n.uuid===(null===(r=e.userData)||void 0===r?void 0:r.originalUuid)||(null===(t=n.userData)||void 0===t?void 0:t.originalUuid)===e.uuid)return!0;if(null!==(a=n.userData)&&void 0!==a&&a.componentType&&null!==(i=e.userData)&&void 0!==i&&i.componentType&&n.userData.componentType===e.userData.componentType&&"connector"===n.userData.componentType){if(e.position&&n.position){var o=Math.abs(n.position.x-e.position.x),u=Math.abs(n.position.y-e.position.y),c=Math.abs(n.position.z-e.position.z);if(o<.1&&u<.1&&c<.1)return!0}}return!1});if(t&&t.isMesh){var a=(new c.Box3).setFromObject(t);return n(n({},e),{},{userData:n(n(n({},e.userData),t.userData),{},{worldBoundingBox:{min:a.min.toArray(),max:a.max.toArray()}}),children:e.children?y(e.children,t.children):e.children})}return n(n({},e),{},{children:e.children?y(e.children,r):e.children})}):e};return e.traverse(function(e){if(e.userData&&e.userData.direction&&e.userData.worldMatrixOriginal){e.updateMatrixWorld(!0);var n=new c.Matrix4;n.copy(e.matrixWorld);var r=new c.Matrix4;r.elements=e.userData.worldMatrixOriginal;var t=new c.Matrix4,a=new c.Matrix4;t.extractRotation(n),a.extractRotation(r);var i=new c.Matrix4;i.copy(t),i.multiply(a.invert());var o=(new c.Vector3).fromArray(e.userData.direction);o.applyMatrix4(i),o.normalize();o.x=Math.abs(o.x)>.5?Math.sign(o.x):0,o.y=Math.abs(o.y)>.5?Math.sign(o.y):0,o.z=Math.abs(o.z)>.5?Math.sign(o.z):0,e.userData.direction=o.toArray(),e.userData.worldMatrixOriginal=n.elements}}),r.scene.object.children[m]=n(n({},s),{},{matrix:e.matrix.elements,position:{x:e.position.x,y:e.position.y,z:e.position.z},rotation:{x:e.rotation.x,y:e.rotation.y,z:e.rotation.z},scale:{x:e.scale.x,y:e.scale.y,z:e.scale.z},userData:n(n({},s.userData),{},{worldBoundingBox:{min:h.min.toArray(),max:h.max.toArray()}}),children:s.children?y(s.children,e.children):s.children}),i=!0,1}},m=0;m<r.scene.object.children.length&&!h();m++);return!!i}}]);var f,d,h,m,y,w,k}();export{f as SceneOperationsManager};
+import { createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, createForOfIteratorHelper as _createForOfIteratorHelper, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as THREE from 'three';
+import { loadTextureSet } from '../environment/textureConfig.js';
+import modelPreloader from '../../rendering/modelPreloader.js';
+import { modelLogger } from '../../core/debugLogger.js';
+
+var SceneOperationsManager = /*#__PURE__*/function () {
+  function SceneOperationsManager(sceneViewer) {
+    _classCallCheck(this, SceneOperationsManager);
+    this.sceneViewer = sceneViewer;
+  }
+
+  /**
+   * Clear scene objects while preserving base environment
+   */
+  return _createClass(SceneOperationsManager, [{
+    key: "clearSceneObjects",
+    value: function clearSceneObjects() {
+      var component = this.sceneViewer;
+      console.log('🧹 Starting scene clear operation...');
+
+      // First, deselect any currently selected object
+      this.deselectObject();
+
+      // Store reference to transform controls to ensure it's not removed
+      var transformControlsRef = null;
+      if (component.transformManager && component.transformManager.transformControls) {
+        // Explicitly disable transform controls before clearing
+        console.log('🔧 Disabling transform controls before scene clear');
+        component.transformManager.setEnabled(false);
+        component.transformManager.transformControls.visible = false;
+        transformControlsRef = component.transformManager.transformControls;
+        console.log('🔧 Stored reference to existing transform controls');
+      }
+      var objectsToRemove = [];
+      var transformControlsFound = 0;
+      var totalChildren = 0;
+      component.scene.traverse(function (child) {
+        var _child$userData, _child$userData2, _child$userData3, _child$userData4, _child$geometry;
+        totalChildren++;
+
+        // Check for transform controls using multiple detection methods
+        var isTransformControl = child === transformControlsRef || ((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.isTransformControls) || child.isTransformControls || child.type && child.type.includes('TransformControls');
+        if (isTransformControl) {
+          transformControlsFound++;
+          console.log('🔧 Found transform controls, preserving:', child.constructor.uuid);
+        }
+
+        // Remove imported scene objects but preserve base ground, walls, lights, and transform controls
+        if (child !== component.scene && !((_child$userData2 = child.userData) !== null && _child$userData2 !== void 0 && _child$userData2.isBrickWall) && !((_child$userData3 = child.userData) !== null && _child$userData3 !== void 0 && _child$userData3.isBaseGround) && !((_child$userData4 = child.userData) !== null && _child$userData4 !== void 0 && _child$userData4.isBaseGrid) && !isTransformControl && !child.isLight && ((_child$geometry = child.geometry) === null || _child$geometry === void 0 ? void 0 : _child$geometry.type) !== 'PlaneGeometry') {
+          objectsToRemove.push(child);
+        }
+      });
+      console.log("\uD83D\uDCCA Scene analysis: ".concat(totalChildren, " total children, ").concat(transformControlsFound, " transform controls found, ").concat(objectsToRemove.length, " objects to remove"));
+      objectsToRemove.forEach(function (obj) {
+        component.scene.remove(obj);
+        if (obj.geometry) obj.geometry.dispose();
+        if (obj.material) {
+          if (Array.isArray(obj.material)) {
+            obj.material.forEach(function (mat) {
+              return mat.dispose();
+            });
+          } else {
+            obj.material.dispose();
+          }
+        }
+      });
+
+      // Clear any references to removed objects
+      component.selectedObjectForTransform = null;
+      if (component.transformHistory) {
+        component.transformHistory = [];
+      }
+
+      // Make sure transform controls exist after clearing
+      if (!component.transformManager || !component.transformManager.transformControls) {
+        console.log('🔧 Transform controls missing after scene clear, reinitializing...');
+        component.initTransformControls();
+      }
+
+      // Ensure transform controls are still properly attached after scene operations
+      this.ensureTransformControlsAttached(false);
+      console.log('✅ Scene clear operation completed');
+    }
+
+    /**
+     * Ensure transform controls remain properly attached after scene operations
+     */
+  }, {
+    key: "ensureTransformControlsAttached",
+    value: function ensureTransformControlsAttached() {
+      var allowVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var component = this.sceneViewer;
+
+      // Check if transform manager exists
+      if (!component.transformManager) {
+        console.log('🔧 No transform manager found, initializing transform controls...');
+        component.initTransformControls();
+        return;
+      }
+
+      // Check if transform controls exist in the manager
+      if (!component.transformManager.transformControls) {
+        console.log('🔧 Transform controls not found in manager, reinitializing...');
+        component.transformManager.createTransformControls();
+        component.transformManager.setupEventListeners();
+        console.log('✅ Transform controls recreated in manager');
+        return;
+      }
+
+      // Use the TransformControlsManager's built-in method for reattachment
+      var wasReattached = component.transformManager.ensureSceneAttachment(allowVisible);
+      if (wasReattached) {
+        console.log('🔧 Transform controls were reattached after scene operation');
+
+        // Override visibility based on allowVisible parameter
+        if (!allowVisible && 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) {
+          component.transformManager.transformControls.visible = false;
+          console.log('🔧 Ensuring transform controls remain invisible during load');
+        }
+      }
+    }
+
+    /**
+     * Load GLB model for library objects
+     */
+  }, {
+    key: "loadLibraryModel",
+    value: (function () {
+      var _loadLibraryModel = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(targetMesh, jsonEntry, componentData) {
+        var component, _jsonEntry$userData, _jsonEntry$userData2, _jsonEntry$userData3, _jsonEntry$userData6, _jsonEntry$userData7, _jsonEntry$userData0, _jsonEntry$userData10, _jsonEntry$userData11, _jsonEntry$userData13, originalParent, originalPosition, originalQuaternion, originalScale, originalName, originalUuid, connectorChildren, gltfScene, preloaderStatus, _jsonEntry$userData4, _jsonEntry$userData5, gltf, libraryModel, _jsonEntry$userData8, _jsonEntry$userData9, _jsonEntry$userData1, _jsonEntry$userData12, _jsonEntry$userData14, _t, _t2;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              component = this.sceneViewer;
+              _context.p = 1;
+              modelLogger.info("Loading library GLB model for ".concat((_jsonEntry$userData = jsonEntry.userData) === null || _jsonEntry$userData === void 0 ? void 0 : _jsonEntry$userData.libraryId, "..."));
+              modelLogger.debug("Starting to load GLB model from /library/models/".concat(componentData.modelKey));
+
+              // Store parent reference BEFORE async operation to prevent it from becoming null
+              originalParent = targetMesh.parent;
+              originalPosition = targetMesh.position.clone();
+              originalQuaternion = targetMesh.quaternion.clone();
+              originalScale = targetMesh.scale.clone();
+              originalName = targetMesh.name;
+              originalUuid = targetMesh.uuid; // Store connector children before replacing the mesh
+              connectorChildren = [];
+              targetMesh.children.forEach(function (child) {
+                // More precise detection: check for CONNECTOR-GEO geometry
+                var isConnectorGeometry = child.geometry && (child.geometry.uuid === 'CONNECTOR-GEO' || child.geometry.type === 'SphereGeometry' && child.geometry.parameters);
+                var isConnectorByName = child.name && child.name.toLowerCase().includes('connector');
+                if (isConnectorGeometry && isConnectorByName) {
+                  var _child$geometry2, _child$geometry3, _child$material, _child$material2;
+                  console.log("\uD83D\uDD34 Found connector child to preserve:", {
+                    name: child.name,
+                    uuid: child.uuid,
+                    geometryType: (_child$geometry2 = child.geometry) === null || _child$geometry2 === void 0 ? void 0 : _child$geometry2.type,
+                    geometryUuid: (_child$geometry3 = child.geometry) === null || _child$geometry3 === void 0 ? void 0 : _child$geometry3.uuid,
+                    materialUuid: (_child$material = child.material) === null || _child$material === void 0 ? void 0 : _child$material.uuid,
+                    materialColor: (_child$material2 = child.material) === null || _child$material2 === void 0 || (_child$material2 = _child$material2.color) === null || _child$material2 === void 0 ? void 0 : _child$material2.getHex(),
+                    hasUserData: !!child.userData,
+                    userDataKeys: child.userData ? Object.keys(child.userData) : []
+                  });
+
+                  // Compute worldBoundingBox for connector BEFORE cloning
+                  if (!child.userData) child.userData = {};
+
+                  // Compute and store worldBoundingBox if not already present
+                  if (!child.userData.worldBoundingBox) {
+                    var boundingBox = new THREE.Box3().setFromObject(child);
+                    child.userData.worldBoundingBox = {
+                      min: boundingBox.min.toArray(),
+                      max: boundingBox.max.toArray()
+                    };
+                    console.log("\uD83D\uDD34 Computed worldBoundingBox for connector ".concat(child.name, ":"), child.userData.worldBoundingBox);
+                  }
+
+                  // Clone the connector and preserve userData
+                  var clonedConnector = child.clone();
+
+                  // Preserve pathfinder-critical userData during cloning
+                  if (child.userData) {
+                    clonedConnector.userData = {};
+
+                    // Deep copy worldBoundingBox if it exists
+                    if (child.userData.worldBoundingBox) {
+                      clonedConnector.userData.worldBoundingBox = {
+                        min: _toConsumableArray(child.userData.worldBoundingBox.min),
+                        max: _toConsumableArray(child.userData.worldBoundingBox.max)
+                      };
+                      console.log("\uD83D\uDD34 Preserved worldBoundingBox for connector ".concat(child.name, ":"), clonedConnector.userData.worldBoundingBox);
+                    }
+
+                    // Deep copy direction if it exists
+                    if (child.userData.direction) {
+                      clonedConnector.userData.direction = _toConsumableArray(child.userData.direction);
+                      console.log("\uD83D\uDD34 Preserved direction for connector ".concat(child.name, ":"), clonedConnector.userData.direction);
+                    }
+                    // Copy other userData properties
+                    for (var _i = 0, _Object$entries = Object.entries(child.userData); _i < _Object$entries.length; _i++) {
+                      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+                        key = _Object$entries$_i[0],
+                        value = _Object$entries$_i[1];
+                      if (key !== 'worldBoundingBox' && key !== 'direction') {
+                        clonedConnector.userData[key] = value;
+                      }
+                    }
+
+                    // Preserve the hardcoded UUID from the original connector
+                    clonedConnector.userData.originalUuid = child.uuid;
+                    console.log("\uD83D\uDD27 Preserved hardcoded UUID for connector ".concat(child.name, ": ").concat(child.uuid));
+
+                    // Ensure forExport is explicitly set for connectors if not already present
+                    if (clonedConnector.userData.forExport === undefined) {
+                      clonedConnector.userData.forExport = true;
+                      console.log("\uD83D\uDD27 Set forExport=true for preserved connector ".concat(child.name));
+                    }
+
+                    // Ensure componentType is set for connectors
+                    if (!clonedConnector.userData.componentType) {
+                      if (child.name && child.name.toLowerCase().includes('connector')) {
+                        clonedConnector.userData.componentType = 'connector';
+                      } else if (child.name && child.name.toLowerCase().includes('gateway')) {
+                        clonedConnector.userData.componentType = 'gateway';
+                      }
+                      console.log("\uD83D\uDD27 Set componentType for ".concat(child.name, ": ").concat(clonedConnector.userData.componentType));
+                    }
+                  }
+                  connectorChildren.push(clonedConnector);
+                }
+              });
+              console.log('🔍 Stored mesh references before async loading:', {
+                uuid: originalUuid,
+                name: originalName,
+                libraryId: (_jsonEntry$userData2 = jsonEntry.userData) === null || _jsonEntry$userData2 === void 0 ? void 0 : _jsonEntry$userData2.libraryId,
+                modelKey: componentData.modelKey,
+                hasParent: !!originalParent,
+                parentType: (originalParent === null || originalParent === void 0 ? void 0 : originalParent.type) || 'null',
+                parentUuid: (originalParent === null || originalParent === void 0 ? void 0 : originalParent.uuid) || 'null'
+              });
+
+              // Try to get model from global preloader cache first with dimensions
+              gltfScene = modelPreloader.getCachedModelWithDimensions(componentData.modelKey, (_jsonEntry$userData3 = jsonEntry.userData) === null || _jsonEntry$userData3 === void 0 ? void 0 : _jsonEntry$userData3.libraryId);
+              if (!gltfScene) {
+                _context.n = 2;
+                break;
+              }
+              console.log("\uD83C\uDFAF Using preloaded model from global cache for ".concat(componentData.modelKey));
+              _context.n = 8;
+              break;
+            case 2:
+              console.log("\u26A0\uFE0F Model ".concat(componentData.modelKey, " not found in preloader cache, checking preloading status..."));
+
+              // Check if preloading is still in progress
+              preloaderStatus = modelPreloader.getStatus();
+              console.log("\uD83D\uDD0D Preloader status:", preloaderStatus);
+
+              // If preloading is still active, wait for it to complete
+              if (!preloaderStatus.isPreloading) {
+                _context.n = 6;
+                break;
+              }
+              console.log("\u23F3 Preloading still in progress, waiting for completion...");
+              _context.p = 3;
+              _context.n = 4;
+              return modelPreloader.preloadingPromise;
+            case 4:
+              console.log("\u2705 Preloading completed, retrying cache lookup...");
+
+              // Try cache again after preloading completes with dimensions
+              gltfScene = modelPreloader.getCachedModelWithDimensions(componentData.modelKey, (_jsonEntry$userData4 = jsonEntry.userData) === null || _jsonEntry$userData4 === void 0 ? void 0 : _jsonEntry$userData4.libraryId);
+              if (gltfScene) {
+                console.log("\uD83C\uDFAF Successfully retrieved ".concat(componentData.modelKey, " from cache after waiting"));
+              }
+              _context.n = 6;
+              break;
+            case 5:
+              _context.p = 5;
+              _t = _context.v;
+              console.warn("\u26A0\uFE0F Preloading failed:", _t);
+            case 6:
+              if (gltfScene) {
+                _context.n = 8;
+                break;
+              }
+              console.log("\u26A0\uFE0F Model ".concat(componentData.modelKey, " still not in cache, falling back to direct load"));
+
+              // Fallback to direct loading if not in preloader cache
+              _context.n = 7;
+              return new Promise(function (resolve, reject) {
+                component.gltfLoader.load("/library/models/".concat(componentData.modelKey), function (gltf) {
+                  console.log("\u2705 GLB loaded directly: ".concat(componentData.modelKey));
+                  resolve(gltf);
+                }, function (progress) {
+                  return console.log("Loading ".concat(componentData.modelKey, ": ").concat((progress.loaded / progress.total * 100).toFixed(0), "%"));
+                }, function (error) {
+                  console.error("\u274C GLB loading error for ".concat(componentData.modelKey, ":"), error);
+                  reject(error);
+                });
+              });
+            case 7:
+              gltf = _context.v;
+              gltfScene = gltf.scene;
+
+              // Add dimensions to the directly loaded model
+              if ((_jsonEntry$userData5 = jsonEntry.userData) !== null && _jsonEntry$userData5 !== void 0 && _jsonEntry$userData5.libraryId) {
+                gltfScene = modelPreloader.addDimensionsToModel(gltfScene, jsonEntry.userData.libraryId);
+              }
+            case 8:
+              console.log("\u2705 ".concat((_jsonEntry$userData6 = jsonEntry.userData) === null || _jsonEntry$userData6 === void 0 ? void 0 : _jsonEntry$userData6.libraryId, " GLB model ready for use"));
+
+              // Clone the model for this instance (since getCachedModel already clones, we may not need to clone again)
+              libraryModel = gltfScene.isCachedClone ? gltfScene : gltfScene.clone(); // Apply same transform as the original mesh using stored values
+              libraryModel.uuid = originalUuid;
+              libraryModel.name = originalName;
+              libraryModel.quaternion.copy(originalQuaternion);
+              libraryModel.scale.copy(originalScale);
+
+              // Set userData with componentType for export filtering and hardcoded UUID preservation
+              if (!libraryModel.userData) {
+                libraryModel.userData = {};
+              }
+              libraryModel.userData.originalUuid = originalUuid; // Preserve hardcoded UUID
+              libraryModel.userData.componentType = 'component';
+              libraryModel.userData.libraryId = (_jsonEntry$userData7 = jsonEntry.userData) === null || _jsonEntry$userData7 === void 0 ? void 0 : _jsonEntry$userData7.libraryId;
+
+              // Add dimensions from component dictionary if available
+              if (componentData.boundingBox) {
+                libraryModel.userData.dimensions = {
+                  x: componentData.boundingBox.x,
+                  y: componentData.boundingBox.y,
+                  z: componentData.boundingBox.z
+                };
+                console.log("\uD83D\uDCCF Added dimensions to GLB model userData for ".concat((_jsonEntry$userData8 = jsonEntry.userData) === null || _jsonEntry$userData8 === void 0 ? void 0 : _jsonEntry$userData8.libraryId, ":"), libraryModel.userData.dimensions);
+              }
+              if (componentData.adaptedBoundingBox) {
+                libraryModel.userData.adaptedBoundingBox = {
+                  x: componentData.adaptedBoundingBox.x,
+                  y: componentData.adaptedBoundingBox.y,
+                  z: componentData.adaptedBoundingBox.z
+                };
+                console.log("\uD83D\uDCCF Added dimensions to GLB model userData for ".concat((_jsonEntry$userData9 = jsonEntry.userData) === null || _jsonEntry$userData9 === void 0 ? void 0 : _jsonEntry$userData9.libraryId, ":"), libraryModel.userData.adaptedBoundingBox);
+              }
+              console.log("\uD83D\uDD27 Set componentType to 'component' for ".concat((_jsonEntry$userData0 = jsonEntry.userData) === null || _jsonEntry$userData0 === void 0 ? void 0 : _jsonEntry$userData0.libraryId, " GLB model"));
+
+              // Apply explicit position and rotation from JSON data if available
+              if (jsonEntry.position && jsonEntry.rotation) {
+                console.log("\uD83D\uDD04 Applying ".concat((_jsonEntry$userData1 = jsonEntry.userData) === null || _jsonEntry$userData1 === void 0 ? void 0 : _jsonEntry$userData1.libraryId, " specific position and rotation from JSON"));
+
+                // Apply explicit position values from JSON
+                libraryModel.position.set(jsonEntry.position.x, jsonEntry.position.y, jsonEntry.position.z);
+                console.log("\u2705 Applied position from JSON: (".concat(jsonEntry.position.x, ", ").concat(jsonEntry.position.y, ", ").concat(jsonEntry.position.z, ")"));
+                libraryModel.rotation.set(THREE.MathUtils.degToRad(jsonEntry.rotation.x), THREE.MathUtils.degToRad(jsonEntry.rotation.y), THREE.MathUtils.degToRad(jsonEntry.rotation.z));
+                console.log("\u2705 Applied rotation from JSON: (".concat(jsonEntry.rotation.x, "\xB0, ").concat(jsonEntry.rotation.y, "\xB0, ").concat(jsonEntry.rotation.z, "\xB0)"));
+              } else {
+                // For objects without position/rotation in JSON, use the original position
+                libraryModel.position.copy(originalPosition);
+                console.log('⚠️ No position/rotation data in JSON, using original position only');
+              }
+
+              // Enable shadows for all meshes in the model
+              libraryModel.traverse(function (child) {
+                if (child.isMesh) {
+                  child.castShadow = true;
+                  child.receiveShadow = true;
+
+                  // Apply similar material properties if needed
+                  if (child.material) {
+                    child.material.envMapIntensity = 1.0;
+                  }
+                }
+              });
+
+              // Add preserved connector children to the GLB model
+              connectorChildren.forEach(function (connector) {
+                var _connector$userData, _connector$userData2, _connector$userData3, _connector$userData4;
+                console.log("\uD83D\uDD34 Adding preserved connector to GLB model:", {
+                  name: connector.name,
+                  uuid: connector.uuid,
+                  hasUserData: !!connector.userData,
+                  userDataKeys: connector.userData ? Object.keys(connector.userData) : [],
+                  hasWorldBoundingBox: !!((_connector$userData = connector.userData) !== null && _connector$userData !== void 0 && _connector$userData.worldBoundingBox),
+                  hasDirection: !!((_connector$userData2 = connector.userData) !== null && _connector$userData2 !== void 0 && _connector$userData2.direction),
+                  worldBoundingBox: (_connector$userData3 = connector.userData) === null || _connector$userData3 === void 0 ? void 0 : _connector$userData3.worldBoundingBox,
+                  direction: (_connector$userData4 = connector.userData) === null || _connector$userData4 === void 0 ? void 0 : _connector$userData4.direction
+                });
+                libraryModel.add(connector);
+              });
+
+              // VERIFICATION: Check that all added connectors have pathfinder data
+              console.log("\uD83D\uDD0D VERIFICATION: Checking GLB model ".concat((_jsonEntry$userData10 = jsonEntry.userData) === null || _jsonEntry$userData10 === void 0 ? void 0 : _jsonEntry$userData10.libraryId, " connectors for pathfinder data:"));
+              libraryModel.children.forEach(function (child, index) {
+                if (child.name && child.name.toLowerCase().includes('connector')) {
+                  var _child$userData5, _child$userData6, _child$userData7, _child$userData8, _child$userData9;
+                  console.log("  Connector ".concat(index, " (").concat(child.name, "):"), {
+                    hasUserData: !!child.userData,
+                    hasWorldBoundingBox: !!((_child$userData5 = child.userData) !== null && _child$userData5 !== void 0 && _child$userData5.worldBoundingBox),
+                    hasDirection: !!((_child$userData6 = child.userData) !== null && _child$userData6 !== void 0 && _child$userData6.direction),
+                    worldBoundingBox: (_child$userData7 = child.userData) === null || _child$userData7 === void 0 ? void 0 : _child$userData7.worldBoundingBox,
+                    direction: (_child$userData8 = child.userData) === null || _child$userData8 === void 0 ? void 0 : _child$userData8.direction,
+                    pathfinderReady: !!((_child$userData9 = child.userData) !== null && _child$userData9 !== void 0 && _child$userData9.worldBoundingBox) // Key indicator for pathfinder
+                  });
+                }
+              });
+
+              // DEBUG: Log the structure of the GLB model for transform controls debugging
+              console.log("\uD83D\uDD0D GLB Model Structure for ".concat((_jsonEntry$userData11 = jsonEntry.userData) === null || _jsonEntry$userData11 === void 0 ? void 0 : _jsonEntry$userData11.libraryId, ":"), {
+                name: libraryModel.name,
+                type: libraryModel.type,
+                isMesh: libraryModel.isMesh,
+                isObject3D: libraryModel.isObject3D,
+                isGroup: libraryModel.isGroup,
+                childCount: libraryModel.children.length,
+                uuid: libraryModel.uuid
+              });
+              if (libraryModel.children.length > 0) {
+                console.log("\uD83D\uDD0D GLB Model children for ".concat((_jsonEntry$userData12 = jsonEntry.userData) === null || _jsonEntry$userData12 === void 0 ? void 0 : _jsonEntry$userData12.libraryId, ":"));
+                libraryModel.children.forEach(function (child, index) {
+                  var _child$geometry4;
+                  console.log("  Child ".concat(index, ":"), {
+                    name: child.name,
+                    type: child.type,
+                    isMesh: child.isMesh,
+                    isObject3D: child.isObject3D,
+                    isGroup: child.isGroup,
+                    hasGeometry: !!child.geometry,
+                    geometryType: (_child$geometry4 = child.geometry) === null || _child$geometry4 === void 0 ? void 0 : _child$geometry4.type,
+                    visible: child.visible
+                  });
+                });
+              }
+
+              // Remove the original simple mesh and add the detailed GLB model
+              // Use stored parent reference instead of current targetMesh.parent
+              if (originalParent && originalParent.add && typeof originalParent.add === 'function') {
+                console.log('🔄 Replacing mesh in stored parent:', originalParent.type || 'Unknown');
+                originalParent.remove(targetMesh);
+                originalParent.add(libraryModel);
+              } else {
+                console.log('🔄 Replacing mesh directly in scene (no valid parent found)');
+                component.scene.remove(targetMesh);
+                component.scene.add(libraryModel);
+              }
+              console.log("\uD83C\uDF89 ".concat((_jsonEntry$userData13 = jsonEntry.userData) === null || _jsonEntry$userData13 === void 0 ? void 0 : _jsonEntry$userData13.libraryId, " GLB model successfully rendered in scene"));
+              return _context.a(2, libraryModel);
+            case 9:
+              _context.p = 9;
+              _t2 = _context.v;
+              console.error("\u274C Error loading ".concat((_jsonEntry$userData14 = jsonEntry.userData) === null || _jsonEntry$userData14 === void 0 ? void 0 : _jsonEntry$userData14.libraryId, " GLB model:"), _t2);
+              console.log('⚠️ Keeping original mesh as fallback');
+              return _context.a(2, targetMesh);
+          }
+        }, _callee, this, [[3, 5], [1, 9]]);
+      }));
+      function loadLibraryModel(_x, _x2, _x3) {
+        return _loadLibraryModel.apply(this, arguments);
+      }
+      return loadLibraryModel;
+    }()
+    /**
+     * Helper function to verify model preloader cache
+     */
+    )
+  }, {
+    key: "verifyModelPreloaderCache",
+    value: (function () {
+      var _verifyModelPreloaderCache = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+        var preloaderStatus, _t3;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              console.log('🔍 Verifying model preloader cache state...');
+              preloaderStatus = modelPreloader.getStatus();
+              console.log('📊 Current preloader status:', preloaderStatus);
+
+              // If preloading is still in progress, wait for completion
+              if (!preloaderStatus.isPreloading) {
+                _context2.n = 4;
+                break;
+              }
+              console.log('⏳ Waiting for model preloading to complete...');
+              _context2.p = 1;
+              _context2.n = 2;
+              return modelPreloader.preloadingPromise;
+            case 2:
+              console.log('✅ Model preloading completed');
+              _context2.n = 4;
+              break;
+            case 3:
+              _context2.p = 3;
+              _t3 = _context2.v;
+              console.warn('⚠️ Model preloading failed, some models may load directly:', _t3);
+            case 4:
+              return _context2.a(2, preloaderStatus);
+          }
+        }, _callee2, null, [[1, 3]]);
+      }));
+      function verifyModelPreloaderCache() {
+        return _verifyModelPreloaderCache.apply(this, arguments);
+      }
+      return verifyModelPreloaderCache;
+    }()
+    /**
+     * Helper function to preload missing models for a scene
+     */
+    )
+  }, {
+    key: "preloadMissingModels",
+    value: (function () {
+      var _preloadMissingModels = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(data, componentDictionary) {
+        var requiredModels, preloaderStatus, cachedModels, missingModels, _iterator, _step, modelKey, _t4, _t5;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
+            case 0:
+              requiredModels = new Set();
+              data.scene.object.children.forEach(function (child) {
+                var _child$userData0, _child$userData1;
+                if ((_child$userData0 = child.userData) !== null && _child$userData0 !== void 0 && _child$userData0.libraryId && componentDictionary[(_child$userData1 = child.userData) === null || _child$userData1 === void 0 ? void 0 : _child$userData1.libraryId]) {
+                  var _child$userData10;
+                  var modelKey = componentDictionary[(_child$userData10 = child.userData) === null || _child$userData10 === void 0 ? void 0 : _child$userData10.libraryId].modelKey;
+                  if (modelKey) {
+                    requiredModels.add(modelKey);
+                  }
+                }
+              });
+              console.log('🔍 Required models for this scene:', Array.from(requiredModels));
+              _context3.n = 1;
+              return this.verifyModelPreloaderCache();
+            case 1:
+              preloaderStatus = _context3.v;
+              cachedModels = preloaderStatus.cachedModels;
+              missingModels = Array.from(requiredModels).filter(function (model) {
+                return !cachedModels.includes(model);
+              });
+              if (!(missingModels.length > 0)) {
+                _context3.n = 11;
+                break;
+              }
+              console.warn('⚠️ Some required models are not cached:', missingModels);
+              console.log('🔄 Attempting to preload missing models...');
+
+              // Preload missing models
+              _iterator = _createForOfIteratorHelper(missingModels);
+              _context3.p = 2;
+              _iterator.s();
+            case 3:
+              if ((_step = _iterator.n()).done) {
+                _context3.n = 8;
+                break;
+              }
+              modelKey = _step.value;
+              _context3.p = 4;
+              _context3.n = 5;
+              return modelPreloader.preloadSingleModel(modelKey);
+            case 5:
+              console.log("\u2705 Successfully preloaded missing model: ".concat(modelKey));
+              _context3.n = 7;
+              break;
+            case 6:
+              _context3.p = 6;
+              _t4 = _context3.v;
+              console.warn("\u274C Failed to preload missing model ".concat(modelKey, ":"), _t4);
+            case 7:
+              _context3.n = 3;
+              break;
+            case 8:
+              _context3.n = 10;
+              break;
+            case 9:
+              _context3.p = 9;
+              _t5 = _context3.v;
+              _iterator.e(_t5);
+            case 10:
+              _context3.p = 10;
+              _iterator.f();
+              return _context3.f(10);
+            case 11:
+              return _context3.a(2);
+          }
+        }, _callee3, this, [[4, 6], [2, 9, 10, 11]]);
+      }));
+      function preloadMissingModels(_x4, _x5) {
+        return _preloadMissingModels.apply(this, arguments);
+      }
+      return preloadMissingModels;
+    }()
+    /**
+     * Helper function to create materials with texture sets
+     */
+    )
+  }, {
+    key: "createSceneMaterials",
+    value: (function () {
+      var _createSceneMaterials = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(data) {
+        var component, materials, crosscubeTextureSet, _t6, _t7;
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
+            case 0:
+              component = this.sceneViewer;
+              materials = {}; // Load texture set for crosscube materials
+              crosscubeTextureSet = null;
+              _context4.p = 1;
+              _context4.n = 2;
+              return loadTextureSet('light_metal', component.textureLoader);
+            case 2:
+              crosscubeTextureSet = _context4.v;
+              console.log('Successfully loaded light metallic texture set');
+              _context4.n = 7;
+              break;
+            case 3:
+              _context4.p = 3;
+              _t6 = _context4.v;
+              console.warn('Could not load metallic texture, trying fallback:', _t6);
+              _context4.p = 4;
+              _context4.n = 5;
+              return loadTextureSet('gravel_embedded_concrete', component.textureLoader);
+            case 5:
+              crosscubeTextureSet = _context4.v;
+              console.log('Using fallback texture set');
+              _context4.n = 7;
+              break;
+            case 6:
+              _context4.p = 6;
+              _t7 = _context4.v;
+              console.warn('Could not load any texture set, using plain materials:', _t7);
+            case 7:
+              return _context4.a(2, {
+                materials: materials,
+                crosscubeTextureSet: crosscubeTextureSet
+              });
+          }
+        }, _callee4, this, [[4, 6], [1, 3]]);
+      }));
+      function createSceneMaterials(_x6) {
+        return _createSceneMaterials.apply(this, arguments);
+      }
+      return createSceneMaterials;
+    }()
+    /**
+     * Helper function to create geometries from component library
+     */
+    )
+  }, {
+    key: "createSceneGeometries",
+    value: function createSceneGeometries(data, componentDictionary) {
+      var geometries = {};
+
+      // Create geometries based on component library bounding boxes instead of JSON scene.geometries
+      data.scene.object.children.forEach(function (child) {
+        var _child$userData11;
+        if ((_child$userData11 = child.userData) !== null && _child$userData11 !== void 0 && _child$userData11.libraryId && componentDictionary[child.userData.libraryId]) {
+          var component = componentDictionary[child.userData.libraryId];
+          var boundingBox = component.boundingBox;
+
+          // Create a box geometry based on the component's bounding box
+          var geometry = new THREE.BoxGeometry(boundingBox.x || 1, boundingBox.y || 1, boundingBox.z || 1);
+
+          // Use the child's geometry UUID as the key
+          geometries[child.geometry] = geometry;
+          console.log("\uD83D\uDCE6 Created placeholder geometry for ".concat(child.userData.libraryId, ":"), boundingBox);
+        } else {
+          // 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);
+          } else {
+            // Default fallback geometry
+            geometries[child.geometry] = new THREE.BoxGeometry(1, 1, 1);
+          }
+        }
+      });
+      return geometries;
+    }
+
+    /**
+     * Helper function to create object from scene data
+     */
+  }, {
+    key: "createSceneObject",
+    value: function createSceneObject(obj, geometries, materials) {
+      var _this = this;
+      // Get geometry from our generated geometries
+      var geometry = geometries[obj.geometry];
+
+      // Create a default material if none exists for this object
+      var material = materials[obj.material];
+      if (!material) {
+        material = new THREE.MeshPhysicalMaterial({
+          color: 0xC0C0C0,
+          roughness: 0.15,
+          metalness: 0.9,
+          emissive: 0x000000,
+          envMapIntensity: 1.5,
+          transparent: true,
+          opacity: 0.8
+        });
+      }
+      var mesh = new THREE.Mesh(geometry, material);
+
+      // ALWAYS use the hardcoded UUID from JSON, never let Three.js auto-generate
+      mesh.uuid = obj.uuid;
+      mesh.name = obj.name || obj.uuid; // Prefer original name, fallback to UUID
+
+      // Store the original hardcoded UUID in userData for reference
+      if (!mesh.userData) mesh.userData = {};
+      mesh.userData.originalUuid = obj.uuid;
+
+      // Copy userData from JSON object to Three.js mesh
+      if (obj.userData) {
+        mesh.userData = _objectSpread2({}, obj.userData);
+        // Ensure componentType is set if missing (backward compatibility)
+        if (!mesh.userData.componentType) {
+          if (mesh.userData.libraryId) {
+            mesh.userData.componentType = 'component';
+          } else if (obj.uuid && obj.uuid.toLowerCase().includes('connector')) {
+            mesh.userData.componentType = 'connector';
+          } else if (obj.uuid && obj.uuid.toLowerCase().includes('gateway')) {
+            mesh.userData.componentType = 'gateway';
+          }
+        }
+      }
+      if (mesh.isMesh) {
+        mesh.castShadow = true;
+        mesh.receiveShadow = true;
+      }
+
+      // Use direct position, rotation, and scale attributes instead of matrix
+      if (obj.position) {
+        mesh.position.set(obj.position.x || 0, obj.position.y || 0, obj.position.z || 0);
+      }
+      if (obj.rotation) {
+        // Convert degrees to radians if rotation values are in degrees (common in JSON exports)
+        var rotX = obj.rotation.x * (Math.PI / 180);
+        var rotY = obj.rotation.y * (Math.PI / 180);
+        var rotZ = obj.rotation.z * (Math.PI / 180);
+        mesh.rotation.set(rotX, rotY, rotZ);
+      }
+      if (obj.scale) {
+        mesh.scale.set(obj.scale.x || 1, obj.scale.y || 1, obj.scale.z || 1);
+      }
+      if (obj.children) {
+        obj.children.forEach(function (child) {
+          mesh.add(_this.createSceneObject(child, geometries, materials));
+        });
+      }
+      return mesh;
+    }
+
+    /**
+     * Helper function to compute world bounding boxes
+     */
+  }, {
+    key: "computeWorldBoundingBoxes",
+    value: function computeWorldBoundingBoxes(data) {
+      var component = this.sceneViewer;
+      component.scene.traverse(function (object) {
+        if (object.isMesh) {
+          // Find the corresponding JSON object
+          var jsonObject = null;
+          var _findJsonObject = function findJsonObject(children) {
+            var _iterator2 = _createForOfIteratorHelper(children),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var _object$userData, _child$userData12;
+                var child = _step2.value;
+                // Enhanced matching logic with hardcoded UUID priority
+
+                // Strategy 1: Direct hardcoded UUID match (HIGHEST PRIORITY)
+                if (child.uuid === object.uuid || child.uuid === ((_object$userData = object.userData) === null || _object$userData === void 0 ? void 0 : _object$userData.originalUuid) || object.uuid === ((_child$userData12 = child.userData) === null || _child$userData12 === void 0 ? void 0 : _child$userData12.originalUuid)) {
+                  return child;
+                }
+
+                // Recursively search children
+                if (child.children) {
+                  var found = _findJsonObject(child.children);
+                  if (found) return found;
+                }
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+            return null;
+          };
+          jsonObject = _findJsonObject(data.scene.object.children);
+          if (jsonObject) {
+            // Compute world bounding box
+            var boundingBox = new THREE.Box3().setFromObject(object);
+
+            // Store in JSON userData for pathfinder
+            if (!jsonObject.userData) jsonObject.userData = {};
+            jsonObject.userData.worldBoundingBox = {
+              min: boundingBox.min.toArray(),
+              max: boundingBox.max.toArray()
+            };
+            console.log("Added world bounding box:", jsonObject.userData.worldBoundingBox);
+          }
+        }
+      });
+    }
+
+    /**
+     * Consolidated scene loading function
+     */
+  }, {
+    key: "loadSceneData",
+    value: (function () {
+      var _loadSceneData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(data) {
+        var _this2 = this;
+        var isImported,
+          component,
+          saveOriginalWorldMatrix,
+          componentDictionary,
+          dictResponse,
+          _yield$this$createSce,
+          materials,
+          crosscubeTextureSet,
+          geometries,
+          libraryObjectsToReplace,
+          glbLoadingPromises,
+          sceneCompleteEvent,
+          _args5 = arguments,
+          _t8,
+          _t9;
+        return _regenerator().w(function (_context5) {
+          while (1) switch (_context5.n) {
+            case 0:
+              isImported = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : true;
+              component = this.sceneViewer; // TODO: Loading scene should awlays clear the scene first
+              _context5.p = 1;
+              saveOriginalWorldMatrix = function saveOriginalWorldMatrix(scene) {
+                scene.traverse(function (object) {
+                  if (object.userData && object.userData.direction) {
+                    // Create a new matrix to store the original world matrix
+                    var originalMatrix = new THREE.Matrix4();
+                    originalMatrix.copy(object.matrixWorld);
+
+                    // Store in userData
+                    object.userData.worldMatrixOriginal = originalMatrix.elements;
+                  }
+                });
+              };
+              console.log("Loading scene data (".concat(isImported ? 'imported' : 'default', ")..."));
+
+              // Manage transform controls for imported scenes
+              if (isImported) {
+                if (component.transformManager && component.transformManager.transformControls) {
+                  console.log('🔒 Preemptively disabling transform controls during scene load');
+                  // component.keepTransformControlsInactive()
+                }
+                this.clearSceneObjects();
+              }
+
+              // Store current scene data
+              component.currentSceneData = data;
+
+              // Load component dictionary for GLB model lookup
+              componentDictionary = {};
+              _context5.p = 2;
+              _context5.n = 3;
+              return fetch('./library/component-dictionary.json');
+            case 3:
+              dictResponse = _context5.v;
+              _context5.n = 4;
+              return dictResponse.json();
+            case 4:
+              componentDictionary = _context5.v;
+              console.log('✅ Component dictionary loaded:', componentDictionary);
+              _context5.n = 6;
+              break;
+            case 5:
+              _context5.p = 5;
+              _t8 = _context5.v;
+              console.warn('⚠️ Could not load component dictionary:', _t8);
+            case 6:
+              _context5.n = 7;
+              return this.preloadMissingModels(data, componentDictionary);
+            case 7:
+              _context5.n = 8;
+              return this.createSceneMaterials(data);
+            case 8:
+              _yield$this$createSce = _context5.v;
+              materials = _yield$this$createSce.materials;
+              crosscubeTextureSet = _yield$this$createSce.crosscubeTextureSet;
+              // Create geometries from component library instead of scene.geometries
+              geometries = this.createSceneGeometries(data, componentDictionary); // PHASE 1: Add basic scene objects first (for pathfinding)
+              console.log('🔍 PHASE 1: Creating basic scene objects for pathfinding. Total children:', data.scene.object.children.length);
+              libraryObjectsToReplace = [];
+              data.scene.object.children.forEach(function (child, index) {
+                var _child$userData13, _child$userData14;
+                console.log("\uD83D\uDD0D Processing child ".concat(index, ":"), child.uuid);
+                var createdObject = _this2.createSceneObject(child, geometries, materials);
+                component.scene.add(createdObject);
+
+                // Track objects that need GLB model replacement for later
+                if ((_child$userData13 = child.userData) !== null && _child$userData13 !== void 0 && _child$userData13.libraryId && componentDictionary[(_child$userData14 = child.userData) === null || _child$userData14 === void 0 ? void 0 : _child$userData14.libraryId]) {
+                  var _child$userData15, _child$userData16;
+                  console.log("\uD83D\uDCDD Marked ".concat((_child$userData15 = child.userData) === null || _child$userData15 === void 0 ? void 0 : _child$userData15.libraryId, " for GLB replacement after pathfinding"));
+                  libraryObjectsToReplace.push({
+                    basicObject: createdObject,
+                    jsonData: child,
+                    componentData: componentDictionary[(_child$userData16 = child.userData) === null || _child$userData16 === void 0 ? void 0 : _child$userData16.libraryId]
+                  });
+                }
+              });
+
+              // PHASE 2: Compute world bounding boxes on basic objects
+              console.log('🔍 PHASE 2: Computing bounding boxes on basic objects for pathfinding');
+              this.computeWorldBoundingBoxes(data);
+              saveOriginalWorldMatrix(component.scene);
+
+              // PHASE 4: Now replace basic objects with detailed GLB models
+              console.log('🔍 PHASE 4: Starting GLB model replacements after pathfinding');
+              glbLoadingPromises = [];
+              libraryObjectsToReplace.forEach(function (_ref, index) {
+                var _jsonData$userData;
+                var basicObject = _ref.basicObject,
+                  jsonData = _ref.jsonData,
+                  componentData = _ref.componentData;
+                console.log("\uD83C\uDFAF Starting GLB model replacement for ".concat((_jsonData$userData = jsonData.userData) === null || _jsonData$userData === void 0 ? void 0 : _jsonData$userData.libraryId, "..."));
+                var glbPromise = _this2.loadLibraryModel(basicObject, jsonData, componentData).then(function (libraryModel) {
+                  var _jsonData$userData2;
+                  console.log("\uD83D\uDEB0 ".concat((_jsonData$userData2 = jsonData.userData) === null || _jsonData$userData2 === void 0 ? void 0 : _jsonData$userData2.libraryId, " GLB model successfully replaced"));
+                  libraryObjectsToReplace[index].glbModel = libraryModel;
+                  return libraryModel;
+                }).catch(function (error) {
+                  var _jsonData$userData3;
+                  console.error("Failed to load ".concat((_jsonData$userData3 = jsonData.userData) === null || _jsonData$userData3 === void 0 ? void 0 : _jsonData$userData3.libraryId, " GLB model:"), error);
+                  return basicObject; // Return original object as fallback
+                });
+                glbLoadingPromises.push(glbPromise);
+              });
+
+              // Wait for all GLB models to load
+              if (!(glbLoadingPromises.length > 0)) {
+                _context5.n = 10;
+                break;
+              }
+              console.log("\u23F3 Waiting for ".concat(glbLoadingPromises.length, " GLB models to load..."));
+              _context5.n = 9;
+              return Promise.all(glbLoadingPromises);
+            case 9:
+              console.log('✅ All GLB models loaded after pathfinding');
+              if (typeof window !== 'undefined') {
+                // Also dispatch a general scene initialization complete event
+                console.log('📡 Dispatching sceneUpdateComplete event');
+                sceneCompleteEvent = new CustomEvent('sceneUpdateComplete', {
+                  detail: {
+                    timestamp: Date.now()
+                  }
+                });
+                window.dispatchEvent(sceneCompleteEvent);
+              }
+            case 10:
+              console.log('Scene loaded successfully');
+              console.log('[loadSceneData] Scene loaded successfully', component.scene);
+              libraryObjectsToReplace.forEach(function (_ref2, index) {
+                var basicObject = _ref2.basicObject,
+                  jsonData = _ref2.jsonData,
+                  componentData = _ref2.componentData,
+                  glbModel = _ref2.glbModel;
+                // Display name
+                console.log('[loadSceneData] name', jsonData.uuid);
+                console.log('[loadSceneData] basicObject', basicObject);
+                console.log('[loadSceneData] jsonData', jsonData);
+                console.log('[loadSceneData] componentData', componentData);
+                console.log('[loadSceneData] glbModel', glbModel);
+                glbModel.userData.associatedJsonObject = jsonData;
+
+                // Build worldBoundingBox from glbModel
+                var worldBoundingBox = new THREE.Box3().setFromObject(glbModel);
+                console.log('[loadSceneData] worldBoundingBox', worldBoundingBox);
+                jsonData.type = 'Mesh';
+
+                // Update jsonData.userData.worldBoundingBox as array of numbers 
+                jsonData.userData.worldBoundingBox.min = worldBoundingBox.min.toArray();
+                jsonData.userData.worldBoundingBox.max = worldBoundingBox.max.toArray();
+              });
+              console.log('[loadSceneData] data', data);
+
+              // Add ground to the data
+              data.scene.object.children.push({
+                uuid: "GROUND",
+                type: "Mesh",
+                name: "Ground",
+                layers: 1,
+                matrix: [1, 0, 0, 0, 0, 0, -1, 0, 0, 1, 0, 0, 0, -0.01, 0, 1],
+                up: [0, 1, 0],
+                userData: {
+                  worldBoundingBox: {
+                    min: [-30, -0.01, -30],
+                    max: [30, -0.01, 30]
+                  }
+                }
+              });
+
+              // PHASE 3: Initialize pathfinder and create paths BEFORE loading GLB models
+              console.log('🔍 PHASE 3: Running pathfinder on basic scene geometry');
+
+              // Use pathfinding manager to handle pathfinding logic
+              if (!component.pathfindingManager) {
+                _context5.n = 11;
+                break;
+              }
+              _context5.n = 11;
+              return component.pathfindingManager.initializePathfinder(data, crosscubeTextureSet);
+            case 11:
+              console.log('✅ Pathfinding completed, pipes created');
+              component.currentSceneData = data;
+              component.crosscubeTextureSet = crosscubeTextureSet;
+
+              // Handle transform controls for imported scenes
+              if (isImported) {
+                // Ensure transform controls are properly initialized after scene load
+                if (!component.transformManager || !component.transformManager.transformControls) {
+                  console.log('🔧 Re-initializing transform controls after scene load');
+                  component.initTransformControls();
+                } else {
+                  // Keep transform controls invisible
+                  if (component.transformManager.transformControls) {
+                    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');
+                }
+              }
+              _context5.n = 13;
+              break;
+            case 12:
+              _context5.p = 12;
+              _t9 = _context5.v;
+              console.error('Error loading scene data:', _t9);
+            case 13:
+              return _context5.a(2);
+          }
+        }, _callee5, this, [[2, 5], [1, 12]]);
+      }));
+      function loadSceneData(_x7) {
+        return _loadSceneData.apply(this, arguments);
+      }
+      return loadSceneData;
+    }()
+    /**
+     * Load default scene
+     */
+    )
+  }, {
+    key: "loadScene",
+    value: (function () {
+      var _loadScene = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6() {
+        var component, defaultCentralPlantUrl, response, data, _t0;
+        return _regenerator().w(function (_context6) {
+          while (1) switch (_context6.n) {
+            case 0:
+              component = this.sceneViewer;
+              _context6.p = 1;
+              defaultCentralPlantUrl = component.$config.defaultCentralPlantUrl;
+              _context6.n = 2;
+              return fetch(defaultCentralPlantUrl);
+            case 2:
+              response = _context6.v;
+              _context6.n = 3;
+              return response.json();
+            case 3:
+              data = _context6.v;
+              // Store current scene data even for default scene
+              component.currentSceneData = data;
+
+              // Use the consolidated scene loading function
+              _context6.n = 4;
+              return this.loadSceneData(data, false);
+            case 4:
+              _context6.n = 6;
+              break;
+            case 5:
+              _context6.p = 5;
+              _t0 = _context6.v;
+              console.error('Error loading default scene:', _t0);
+            case 6:
+              return _context6.a(2);
+          }
+        }, _callee6, this, [[1, 5]]);
+      }));
+      function loadScene() {
+        return _loadScene.apply(this, arguments);
+      }
+      return loadScene;
+    }()
+    /**
+     * Load scene from imported JSON data
+     */
+    )
+  }, {
+    key: "loadSceneFromData",
+    value: (function () {
+      var _loadSceneFromData = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(data) {
+        return _regenerator().w(function (_context7) {
+          while (1) switch (_context7.n) {
+            case 0:
+              _context7.n = 1;
+              return this.loadSceneData(data, true);
+            case 1:
+              return _context7.a(2);
+          }
+        }, _callee7, this);
+      }));
+      function loadSceneFromData(_x8) {
+        return _loadSceneFromData.apply(this, arguments);
+      }
+      return loadSceneFromData;
+    }()
+    /**
+     * Create empty scene with just the base environment
+     */
+    )
+  }, {
+    key: "createEmptyScene",
+    value: function createEmptyScene() {
+      var component = this.sceneViewer;
+      // Explicitly disable transform controls before clearing scene
+      if (component.transformManager && component.transformManager.transformControls) {
+        component.disableTransformControls();
+      }
+      this.clearSceneObjects();
+
+      // Make sure transform controls are fully disabled for empty scene
+      if (component.transformManager && component.transformManager.transformControls) {
+        // Double-check that transform controls are disabled and hidden
+        component.transformManager.setEnabled(false);
+        component.transformManager.transformControls.visible = false;
+
+        // Detach any selected object
+        if (component.transformManager.selectedObject) {
+          component.transformManager.deselectObject();
+        }
+      }
+      console.log('Created new empty scene with hidden transform controls');
+    }
+
+    /**
+     * Clear the model cache to free up memory
+     */
+  }, {
+    key: "clearModelCache",
+    value: function clearModelCache() {
+      var component = this.sceneViewer;
+      console.log('🧹 Clearing GLB model cache...');
+      if (component.modelCache) {
+        component.modelCache.clear();
+      }
+      if (component.loadingPromises) {
+        component.loadingPromises.clear();
+      }
+      console.log('✅ Model cache cleared');
+    }
+
+    /**
+     * Deselect currently selected object
+     */
+  }, {
+    key: "deselectObject",
+    value: function deselectObject() {
+      var component = this.sceneViewer;
+      if (component.transformManager) {
+        component.transformManager.deselectObject();
+      }
+      component.selectedObjectForTransform = null;
+    }
+
+    /**
+     * Setup event listeners for scene loading
+     */
+  }, {
+    key: "setupEventListeners",
+    value: function setupEventListeners() {
+      var _window$$nuxt,
+        _window$$nuxt$$on,
+        _window$$nuxt2,
+        _window$$nuxt2$$on,
+        _this3 = this;
+      this.sceneViewer;
+
+      // Listen for new scene data loading - bind 'this' to ensure proper context
+      var boundLoadSceneFromData = this.loadSceneFromData.bind(this);
+
+      // Listen for loading new scene data
+      (_window$$nuxt = window.$nuxt) === null || _window$$nuxt === void 0 || (_window$$nuxt$$on = _window$$nuxt.$on) === null || _window$$nuxt$$on === void 0 || _window$$nuxt$$on.call(_window$$nuxt, 'loadNewScene', /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8(newSceneData) {
+          return _regenerator().w(function (_context8) {
+            while (1) switch (_context8.n) {
+              case 0:
+                _context8.n = 1;
+                return boundLoadSceneFromData(newSceneData);
+              case 1:
+                return _context8.a(2);
+            }
+          }, _callee8);
+        }));
+        return function (_x9) {
+          return _ref3.apply(this, arguments);
+        };
+      }());
+
+      // Listen for creating new empty scene
+      (_window$$nuxt2 = window.$nuxt) === null || _window$$nuxt2 === void 0 || (_window$$nuxt2$$on = _window$$nuxt2.$on) === null || _window$$nuxt2$$on === void 0 || _window$$nuxt2$$on.call(_window$$nuxt2, 'createNewScene', function () {
+        _this3.createEmptyScene();
+      });
+    }
+
+    /**
+     * Update scene data after object transform
+     */
+  }, {
+    key: "updateSceneDataAfterTransform",
+    value: function updateSceneDataAfterTransform(object, currentSceneData) {
+      var _object$userData2, _object$userData3;
+      var objectFound = false;
+      console.log("onTransformEnd object.uuid:", object.uuid);
+
+      // Fix the bug of overlapping pipes connecting newly generated gateways
+      this.sceneViewer.pathfindingManager.recomputeWorldBoundingBoxes(currentSceneData);
+
+      // Check if the object is a gateway and claim it as declared if origin is computed
+      if (((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.componentType) === 'gateway' && ((_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.origin) === 'computed') {
+        var _object$userData5;
+        console.log('🔧 Gateway with computed origin detected, claiming as declared:', object.uuid);
+        object.userData.origin = 'declared';
+
+        // Also update the corresponding scene data object
+        for (var i = 0; i < currentSceneData.scene.object.children.length; i++) {
+          var _object$userData4, _child$userData17;
+          var child = currentSceneData.scene.object.children[i];
+          if (child.uuid === object.uuid || child.uuid === ((_object$userData4 = object.userData) === null || _object$userData4 === void 0 ? void 0 : _object$userData4.originalUuid) || object.uuid === ((_child$userData17 = child.userData) === null || _child$userData17 === void 0 ? void 0 : _child$userData17.originalUuid)) {
+            if (!child.userData) child.userData = {};
+            child.userData.origin = 'declared';
+            break;
+          }
+        }
+
+        // Grab connections from the gateway's userData and filter removed/added connections
+        if ((_object$userData5 = object.userData) !== null && _object$userData5 !== void 0 && _object$userData5.connections && currentSceneData.connections) {
+          console.log('🔗 Processing gateway connections for filtering:', object.userData.connections);
+          var gatewayConnections = object.userData.connections;
+          var currentConnections = currentSceneData.connections;
+
+          // Filter out removed connections
+          if (gatewayConnections.removed && Array.isArray(gatewayConnections.removed)) {
+            console.log('🗑️ Filtering out removed connections:', gatewayConnections.removed);
+            currentSceneData.connections = currentConnections.filter(function (connection) {
+              var isRemoved = gatewayConnections.removed.some(function (removedConn) {
+                return removedConn.from === connection.from && removedConn.to === connection.to || removedConn.from === connection.to && removedConn.to === connection.from;
+              });
+              if (isRemoved) {
+                console.log("\uD83D\uDDD1\uFE0F Removed connection: ".concat(connection.from, " \u2192 ").concat(connection.to));
+              }
+              return !isRemoved;
+            });
+          }
+
+          // Add new connections
+          if (gatewayConnections.added && Array.isArray(gatewayConnections.added)) {
+            console.log('➕ Adding new connections:', gatewayConnections.added);
+            gatewayConnections.added.forEach(function (newConnection) {
+              // Check if connection already exists to avoid duplicates
+              var alreadyExists = currentSceneData.connections.some(function (conn) {
+                return conn.from === newConnection.from && conn.to === newConnection.to || conn.from === newConnection.to && conn.to === newConnection.from;
+              });
+              if (!alreadyExists) {
+                currentSceneData.connections.push(newConnection);
+                console.log("\u2795 Added new connection: ".concat(newConnection.from, " \u2192 ").concat(newConnection.to));
+              } else {
+                console.log("\u26A0\uFE0F Connection already exists, skipping: ".concat(newConnection.from, " \u2192 ").concat(newConnection.to));
+              }
+            });
+          }
+          console.log('✅ Gateway connections processing completed. Total connections:', currentSceneData.connections.length);
+        }
+      }
+
+      // Update the corresponding child in currentSceneData with the transformed object
+      var _loop = function _loop() {
+        var _object$userData6, _child$userData18, _object$userData7, _child$userData19;
+        var child = currentSceneData.scene.object.children[_i2];
+        console.log("onTransformEnd child.uuid:", child.uuid);
+        // Enhanced matching logic with hardcoded UUID priority
+        var isMatch = false;
+
+        // Strategy 1: Direct hardcoded UUID match (HIGHEST PRIORITY)
+        if (child.uuid === object.uuid || child.uuid === ((_object$userData6 = object.userData) === null || _object$userData6 === void 0 ? void 0 : _object$userData6.originalUuid) || object.uuid === ((_child$userData18 = child.userData) === null || _child$userData18 === void 0 ? void 0 : _child$userData18.originalUuid)) {
+          isMatch = true;
+          console.log('🎯 Matched by hardcoded UUID');
+        }
+
+        // Strategy 4: Component type and library ID match
+        if (!isMatch && (_object$userData7 = object.userData) !== null && _object$userData7 !== void 0 && _object$userData7.libraryId && (_child$userData19 = child.userData) !== null && _child$userData19 !== void 0 && _child$userData19.libraryId && object.userData.libraryId === child.userData.libraryId) {
+          // For library components, also check position similarity
+          var positionTolerance = 1.0; // Larger tolerance for main components
+          if (child.position && object.position) {
+            var dx = Math.abs(object.position.x - child.position.x);
+            var dy = Math.abs(object.position.y - child.position.y);
+            var dz = Math.abs(object.position.z - child.position.z);
+            if (dx < positionTolerance && dy < positionTolerance && dz < positionTolerance) {
+              isMatch = true;
+              console.log('🎯 Matched by library ID and position similarity');
+            }
+          }
+        }
+        if (isMatch) {
+          console.log('onTransformEnd found matching object:', 'UUID:', child.uuid);
+
+          // Also update the world bounding box directly from the transformed Three.js object
+          var boundingBox = new THREE.Box3().setFromObject(object);
+
+          // Helper function to update children's world bounding boxes recursively
+          var _updateChildrenBoundingBoxes = function updateChildrenBoundingBoxes(sceneDataChildren, threeJSChildren) {
+            if (!sceneDataChildren || !threeJSChildren) return sceneDataChildren;
+            return sceneDataChildren.map(function (sceneChild) {
+              // Enhanced matching logic with hardcoded UUID priority
+              var matchingThreeChild = threeJSChildren.find(function (threeChild) {
+                var _sceneChild$userData, _threeChild$userData, _threeChild$userData2, _sceneChild$userData2;
+                // Strategy 1: Direct hardcoded UUID match (HIGHEST PRIORITY)
+                if (threeChild.uuid === sceneChild.uuid || threeChild.uuid === ((_sceneChild$userData = sceneChild.userData) === null || _sceneChild$userData === void 0 ? void 0 : _sceneChild$userData.originalUuid) || ((_threeChild$userData = threeChild.userData) === null || _threeChild$userData === void 0 ? void 0 : _threeChild$userData.originalUuid) === sceneChild.uuid) {
+                  return true;
+                }
+
+                // Strategy 4: Component type and position match (for connectors)
+                if ((_threeChild$userData2 = threeChild.userData) !== null && _threeChild$userData2 !== void 0 && _threeChild$userData2.componentType && (_sceneChild$userData2 = sceneChild.userData) !== null && _sceneChild$userData2 !== void 0 && _sceneChild$userData2.componentType && threeChild.userData.componentType === sceneChild.userData.componentType && threeChild.userData.componentType === 'connector') {
+                  // For connectors, also check position similarity (within tolerance)
+                  var _positionTolerance = 0.1;
+                  if (sceneChild.position && threeChild.position) {
+                    var _dx = Math.abs(threeChild.position.x - sceneChild.position.x);
+                    var _dy = Math.abs(threeChild.position.y - sceneChild.position.y);
+                    var _dz = Math.abs(threeChild.position.z - sceneChild.position.z);
+                    if (_dx < _positionTolerance && _dy < _positionTolerance && _dz < _positionTolerance) {
+                      return true;
+                    }
+                  }
+                }
+                return false;
+              });
+              if (matchingThreeChild && matchingThreeChild.isMesh) {
+                // Calculate world bounding box for this child
+                var childBoundingBox = new THREE.Box3().setFromObject(matchingThreeChild);
+                console.log("\uD83D\uDD04 Updated bounding box for child: ".concat(sceneChild.uuid));
+                return _objectSpread2(_objectSpread2({}, sceneChild), {}, {
+                  userData: _objectSpread2(_objectSpread2(_objectSpread2({}, sceneChild.userData), matchingThreeChild.userData), {}, {
+                    worldBoundingBox: {
+                      min: childBoundingBox.min.toArray(),
+                      max: childBoundingBox.max.toArray()
+                    }
+                  }),
+                  // Recursively update nested children if they exist
+                  children: sceneChild.children ? _updateChildrenBoundingBoxes(sceneChild.children, matchingThreeChild.children) : sceneChild.children
+                });
+              }
+
+              // If no matching Three.js object found, recurse into children anyway
+              console.log("\u26A0\uFE0F No matching Three.js object found for scene child: (UUID: ".concat(sceneChild.uuid, ")"));
+              return _objectSpread2(_objectSpread2({}, sceneChild), {}, {
+                children: sceneChild.children ? _updateChildrenBoundingBoxes(sceneChild.children, threeJSChildren) : sceneChild.children
+              });
+            });
+          };
+          object.traverse(function (child) {
+            if (child.userData && child.userData.direction && child.userData.worldMatrixOriginal) {
+              // Get current world matrix
+              child.updateMatrixWorld(true);
+              var currentMatrix = new THREE.Matrix4();
+              currentMatrix.copy(child.matrixWorld);
+
+              // Get original world matrix
+              var originalMatrix = new THREE.Matrix4();
+              originalMatrix.elements = child.userData.worldMatrixOriginal;
+              console.log('onTransformEnd currentMatrix', currentMatrix);
+              console.log('onTransformEnd originalMatrix', originalMatrix);
+
+              // Extract rotation matrices
+              var currentRotation = new THREE.Matrix4();
+              var originalRotation = new THREE.Matrix4();
+              currentRotation.extractRotation(currentMatrix);
+              originalRotation.extractRotation(originalMatrix);
+
+              // Calculate the rotational difference matrix
+              var rotationDifference = new THREE.Matrix4();
+              rotationDifference.copy(currentRotation);
+              rotationDifference.multiply(originalRotation.invert());
+
+              // Create direction vector from array
+              var directionVector = new THREE.Vector3().fromArray(child.userData.direction);
+
+              // Apply only the rotational difference to the direction vector
+              directionVector.applyMatrix4(rotationDifference);
+
+              // Ensure the vector remains orthogonal and has only 0 or 1 components
+              directionVector.normalize();
+              console.log('onTransformEnd directionVector', directionVector);
+
+              // Round components to either 0 or 1
+              var threshold = 0.5;
+              directionVector.x = Math.abs(directionVector.x) > threshold ? Math.sign(directionVector.x) : 0;
+              directionVector.y = Math.abs(directionVector.y) > threshold ? Math.sign(directionVector.y) : 0;
+              directionVector.z = Math.abs(directionVector.z) > threshold ? Math.sign(directionVector.z) : 0;
+
+              // Update the direction in userData
+              child.userData.direction = directionVector.toArray();
+
+              // Update the original world matrix for next transformation
+              child.userData.worldMatrixOriginal = currentMatrix.elements;
+              console.log('Updated direction:', {
+                name: child.name,
+                uuid: child.uuid,
+                originalDirection: child.userData.direction,
+                newDirection: directionVector.toArray(),
+                rotationDifference: rotationDifference.elements
+              });
+            }
+          });
+
+          // Update the main object and its children
+          currentSceneData.scene.object.children[_i2] = _objectSpread2(_objectSpread2({}, child), {}, {
+            matrix: object.matrix.elements,
+            position: {
+              x: object.position.x,
+              y: object.position.y,
+              z: object.position.z
+            },
+            rotation: {
+              x: object.rotation.x,
+              y: object.rotation.y,
+              z: object.rotation.z
+            },
+            scale: {
+              x: object.scale.x,
+              y: object.scale.y,
+              z: object.scale.z
+            },
+            userData: _objectSpread2(_objectSpread2({}, child.userData), {}, {
+              worldBoundingBox: {
+                min: boundingBox.min.toArray(),
+                max: boundingBox.max.toArray()
+              }
+            }),
+            // Update children's bounding boxes if they exist
+            children: child.children ? _updateChildrenBoundingBoxes(child.children, object.children) : child.children
+          });
+          console.log('onTransformEnd updated child at index:', _i2, 'and its children');
+          objectFound = true;
+          return 1; // break
+          // Exit loop once we find the match
+        }
+      };
+      for (var _i2 = 0; _i2 < currentSceneData.scene.object.children.length; _i2++) {
+        if (_loop()) break;
+      }
+      if (!objectFound) {
+        console.warn('⚠️ Could not find matching object in scene data for:', object.uuid);
+        return false; // Don't proceed with pathfinding if we couldn't update the data
+      }
+      console.log('onTransformEnd worldBoundBox after:', JSON.parse(JSON.stringify(currentSceneData.scene.object.children[2].children[0].userData.worldBoundingBox)));
+      return true;
+    }
+  }]);
+}();
+
+export { SceneOperationsManager };