@2112-lab/central-plant 0.1.4 → 0.1.5

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

@@ -1 +1,1509 @@
-"use strict";Object.defineProperty(exports,"t",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("three"),r=require("../environment/textureConfig.js"),t=require("../../rendering/modelPreloader.js"),i=require("../../core/debugLogger.js");function a(e){if(e&&e.t)return e;var n=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}}),n.default=e,Object.freeze(n)}var o=a(n),u=function(){return e.createClass(function n(r){e.classCallCheck(this,n),this.sceneViewer=r},[{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 i,a,o,u,c;0;var l=t===n||(null===(i=t.userData)||void 0===i?void 0:i.isTransformControls)||t.isTransformControls||t.type&&t.type.includes("TransformControls");l&&0,t===e.scene||null!==(a=t.userData)&&void 0!==a&&a.isBrickWall||null!==(o=t.userData)&&void 0!==o&&o.isBaseGround||null!==(u=t.userData)&&void 0!==u&&u.isBaseGrid||l||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:(v=e.asyncToGenerator(e.regenerator().m(function n(r,a,u){var c,l,s,v,f,d,h,y,m,w,b,k,p,M,g,x;return e.regenerator().w(function(n){for(;;)switch(n.n){case 0:if(c=this.sceneViewer,n.p=1,i.modelLogger.info("Loading library GLB model for ".concat(null===(l=a.userData)||void 0===l?void 0:l.libraryId,"...")),i.modelLogger.debug("Starting to load GLB model from /library/models/".concat(u.modelKey)),f=r.parent,d=r.position.clone(),h=r.quaternion.clone(),y=r.scale.clone(),m=r.name,w=r.uuid,b=[],r.children.forEach(function(n){var r=n.geometry&&("CONNECTOR-GEO"===n.geometry.uuid||"SphereGeometry"===n.geometry.type&&n.geometry.parameters),t=n.name&&n.name.toLowerCase().includes("connector");if(r&&t){if(n.userData||(n.userData={}),!n.userData.worldBoundingBox){var i=(new o.Box3).setFromObject(n);n.userData.worldBoundingBox={min:i.min.toArray(),max:i.max.toArray()}}var a=n.clone();if(n.userData){a.userData={},n.userData.worldBoundingBox&&(a.userData.worldBoundingBox={min:e.toConsumableArray(n.userData.worldBoundingBox.min),max:e.toConsumableArray(n.userData.worldBoundingBox.max)}),n.userData.direction&&(a.userData.direction=e.toConsumableArray(n.userData.direction));for(var u=0,c=Object.entries(n.userData);u<c.length;u++){var l=e.slicedToArray(c[u],2),s=l[0],v=l[1];"worldBoundingBox"!==s&&"direction"!==s&&(a.userData[s]=v)}a.userData.originalUuid=n.uuid,void 0===a.userData.forExport&&(a.userData.forExport=!0),a.userData.componentType||(n.name&&n.name.toLowerCase().includes("connector")?a.userData.componentType="connector":n.name&&n.name.toLowerCase().includes("gateway")&&(a.userData.componentType="gateway"))}b.push(a)}}),!(k=t.default.getCachedModelWithDimensions(u.modelKey,null===(s=a.userData)||void 0===s?void 0:s.libraryId))){n.n=2;break}n.n=8;break;case 2:if(!t.default.getStatus().isPreloading){n.n=6;break}return n.p=3,n.n=4,t.default.preloadingPromise;case 4:k=t.default.getCachedModelWithDimensions(u.modelKey,null===(p=a.userData)||void 0===p?void 0:p.libraryId),n.n=6;break;case 5:n.p=5,n.v;case 6:if(k){n.n=8;break}return n.n=7,new Promise(function(e,n){c.gltfLoader.load("/library/models/".concat(u.modelKey),function(n){e(n)},function(e){},function(e){n(e)})});case 7:g=n.v,k=g.scene,null!==(M=a.userData)&&void 0!==M&&M.libraryId&&(k=t.default.addDimensionsToModel(k,a.userData.libraryId));case 8:return(x=k.isCachedClone?k:k.clone()).uuid=w,x.name=m,x.quaternion.copy(h),x.scale.copy(y),x.userData||(x.userData={}),x.userData.originalUuid=w,x.userData.componentType="component",x.userData.libraryId=null===(v=a.userData)||void 0===v?void 0:v.libraryId,u.boundingBox&&(x.userData.dimensions={x:u.boundingBox.x,y:u.boundingBox.y,z:u.boundingBox.z}),u.adaptedBoundingBox&&(x.userData.adaptedBoundingBox={x:u.adaptedBoundingBox.x,y:u.adaptedBoundingBox.y,z:u.adaptedBoundingBox.z}),a.position&&a.rotation?(x.position.set(a.position.x,a.position.y,a.position.z),x.rotation.set(o.MathUtils.degToRad(a.rotation.x),o.MathUtils.degToRad(a.rotation.y),o.MathUtils.degToRad(a.rotation.z))):x.position.copy(d),x.traverse(function(e){e.isMesh&&(e.castShadow=!0,e.receiveShadow=!0,e.material&&(e.material.envMapIntensity=1))}),b.forEach(function(e){x.add(e)}),x.children.forEach(function(e,n){e.name&&e.name.toLowerCase().includes("connector")}),x.children.length>0&&x.children.forEach(function(e,n){}),f&&f.add&&"function"==typeof f.add?(f.remove(r),f.add(x)):(c.scene.remove(r),c.scene.add(x)),n.a(2,x);case 9:return n.p=9,n.v,n.a(2,r)}},n,this,[[3,5],[1,9]])})),function(e,n,r){return v.apply(this,arguments)})},{key:"verifyModelPreloaderCache",value:(s=e.asyncToGenerator(e.regenerator().m(function n(){var r;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:if(!(r=t.default.getStatus()).isPreloading){e.n=4;break}return e.p=1,e.n=2,t.default.preloadingPromise;case 2:e.n=4;break;case 3:e.p=3,e.v;case 4:return e.a(2,r)}},n,null,[[1,3]])})),function(){return s.apply(this,arguments)})},{key:"preloadMissingModels",value:(l=e.asyncToGenerator(e.regenerator().m(function n(r,i){var a,o,u,c,l,s,v,f;return e.regenerator().w(function(n){for(;;)switch(n.n){case 0:return a=new Set,r.scene.object.children.forEach(function(e){var n,r;if(null!==(n=e.userData)&&void 0!==n&&n.libraryId&&i[null===(r=e.userData)||void 0===r?void 0:r.libraryId]){var t,o=i[null===(t=e.userData)||void 0===t?void 0:t.libraryId].modelKey;o&&a.add(o)}}),n.n=1,this.verifyModelPreloaderCache();case 1:if(o=n.v,u=o.cachedModels,!((c=Array.from(a).filter(function(e){return!u.includes(e)})).length>0)){n.n=11;break}l=e.createForOfIteratorHelper(c),n.p=2,l.s();case 3:if((s=l.n()).done){n.n=8;break}return v=s.value,n.p=4,n.n=5,t.default.preloadSingleModel(v);case 5:n.n=7;break;case 6:n.p=6,n.v;case 7:n.n=3;break;case 8:n.n=10;break;case 9:n.p=9,f=n.v,l.e(f);case 10:return n.p=10,l.f(),n.f(10);case 11:return n.a(2)}},n,this,[[4,6],[2,9,10,11]])})),function(e,n){return l.apply(this,arguments)})},{key:"createSceneMaterials",value:(c=e.asyncToGenerator(e.regenerator().m(function n(t){var i,a,o;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return i=this.sceneViewer,a={},o=null,e.p=1,e.n=2,r.loadTextureSet("light_metal",i.textureLoader);case 2:o=e.v,e.n=7;break;case 3:return e.p=3,e.v,e.p=4,e.n=5,r.loadTextureSet("gravel_embedded_concrete",i.textureLoader);case 5:o=e.v,e.n=7;break;case 6:e.p=6,e.v;case 7:return e.a(2,{materials:a,crosscubeTextureSet:o})}},n,this,[[4,6],[1,3]])})),function(e){return c.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 i=n[e.userData.libraryId].boundingBox,a=new o.BoxGeometry(i.x||1,i.y||1,i.z||1);r[e.geometry]=a}else{var u=e.uuid&&(e.uuid.toLowerCase().includes("connector")||e.uuid.toLowerCase().includes("gateway"));r[e.geometry]=u?new o.SphereGeometry(.1,16,16):new o.BoxGeometry(1,1,1)}}),r}},{key:"createSceneObject",value:function(n,r,t){var i=this,a=r[n.geometry],u=t[n.material];u||(u=new o.MeshPhysicalMaterial({color:12632256,roughness:.15,metalness:.9,emissive:0,envMapIntensity:1.5,transparent:!0,opacity:.8}));var c=new o.Mesh(a,u);if(c.uuid=n.uuid,c.name=n.name||n.uuid,c.userData||(c.userData={}),c.userData.originalUuid=n.uuid,n.userData&&(c.userData=e.objectSpread2({},n.userData),c.userData.componentType||(c.userData.libraryId?c.userData.componentType="component":n.uuid&&n.uuid.toLowerCase().includes("connector")?c.userData.componentType="connector":n.uuid&&n.uuid.toLowerCase().includes("gateway")&&(c.userData.componentType="gateway"))),c.isMesh&&(c.castShadow=!0,c.receiveShadow=!0),n.position&&c.position.set(n.position.x||0,n.position.y||0,n.position.z||0),n.rotation){var l=n.rotation.x*(Math.PI/180),s=n.rotation.y*(Math.PI/180),v=n.rotation.z*(Math.PI/180);c.rotation.set(l,s,v)}return n.scale&&c.scale.set(n.scale.x||1,n.scale.y||1,n.scale.z||1),n.children&&n.children.forEach(function(e){c.add(i.createSceneObject(e,r,t))}),c}},{key:"computeWorldBoundingBoxes",value:function(n){this.sceneViewer.scene.traverse(function(r){if(r.isMesh){var t=null,i=function(n){var t,a=e.createForOfIteratorHelper(n);try{for(a.s();!(t=a.n()).done;){var o,u,c=t.value;if(c.uuid===r.uuid||c.uuid===(null===(o=r.userData)||void 0===o?void 0:o.originalUuid)||r.uuid===(null===(u=c.userData)||void 0===u?void 0:u.originalUuid))return c;if(c.children){var l=i(c.children);if(l)return l}}}catch(e){a.e(e)}finally{a.f()}return null};if(t=i(n.scene.object.children)){var a=(new o.Box3).setFromObject(r);t.userData||(t.userData={}),t.userData.worldBoundingBox={min:a.min.toArray(),max:a.max.toArray()}}}})}},{key:"loadSceneData",value:(u=e.asyncToGenerator(e.regenerator().m(function n(r){var t,i,a,u,c,l,s,v,f,d,h,y,m=this,w=arguments;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return t=!(w.length>1&&void 0!==w[1])||w[1],i=this.sceneViewer,e.p=1,a=function(e){e.traverse(function(e){if(e.userData&&e.userData.direction){var n=new o.Matrix4;n.copy(e.matrixWorld),e.userData.worldMatrixOriginal=n.elements}})},t&&(i.transformManager&&i.transformManager.transformControls,this.clearSceneObjects()),i.currentSceneData=r,u={},e.p=2,e.n=3,fetch("./library/component-dictionary.json");case 3:return c=e.v,e.n=4,c.json();case 4:u=e.v,e.n=6;break;case 5:e.p=5,e.v;case 6:return e.n=7,this.preloadMissingModels(r,u);case 7:return e.n=8,this.createSceneMaterials(r);case 8:if(l=e.v,s=l.materials,v=l.crosscubeTextureSet,f=this.createSceneGeometries(r,u),d=[],r.scene.object.children.forEach(function(e,n){var r,t,a,o=m.createSceneObject(e,f,s);i.scene.add(o),null!==(r=e.userData)&&void 0!==r&&r.libraryId&&u[null===(t=e.userData)||void 0===t?void 0:t.libraryId]&&d.push({basicObject:o,jsonData:e,componentData:u[null===(a=e.userData)||void 0===a?void 0:a.libraryId]})}),this.computeWorldBoundingBoxes(r),a(i.scene),h=[],d.forEach(function(e,n){var r=e.basicObject,t=e.jsonData,i=e.componentData,a=m.loadLibraryModel(r,t,i).then(function(e){return d[n].glbModel=e,e}).catch(function(e){return r});h.push(a)}),!(h.length>0)){e.n=10;break}return e.n=9,Promise.all(h);case 9:"undefined"!=typeof window&&(y=new CustomEvent("sceneUpdateComplete",{detail:{timestamp:Date.now()}}),window.dispatchEvent(y));case 10:if(d.forEach(function(e,n){e.basicObject;var r=e.jsonData,t=(e.componentData,e.glbModel);t.userData.associatedJsonObject=r;var i=(new o.Box3).setFromObject(t);r.type="Mesh",r.userData.worldBoundingBox.min=i.min.toArray(),r.userData.worldBoundingBox.max=i.max.toArray()}),r.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]}}}),!i.pathfindingManager){e.n=11;break}return e.n=11,i.pathfindingManager.initializePathfinder(r,v);case 11:i.currentSceneData=r,i.crosscubeTextureSet=v,t&&(i.transformManager&&i.transformManager.transformControls?i.transformManager.transformControls&&(i.transformManager.transformControls.visible=!1):i.initTransformControls(),i.ensureTransformControlsAttached(!1),i.transformManager&&i.transformManager.transformControls&&(i.keepTransformControlsInactive(),i.transformManager.transformControls.visible=!1)),e.n=13;break;case 12:e.p=12,e.v;case 13:return e.a(2)}},n,this,[[2,5],[1,12]])})),function(e){return u.apply(this,arguments)})},{key:"loadScene",value:(a=e.asyncToGenerator(e.regenerator().m(function n(){var r,t,i,a;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return r=this.sceneViewer,e.p=1,t=r.$config.defaultCentralPlantUrl,e.n=2,fetch(t);case 2:return i=e.v,e.n=3,i.json();case 3:return a=e.v,r.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)}},n,this,[[1,5]])})),function(){return a.apply(this,arguments)})},{key:"loadSceneFromData",value:(n=e.asyncToGenerator(e.regenerator().m(function n(r){return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,this.loadSceneData(r,!0);case 1:return e.a(2)}},n,this)})),function(e){return n.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 n,r,t,i,a=this;this.sceneViewer;var o=this.loadSceneFromData.bind(this);null===(n=window.$nuxt)||void 0===n||null===(r=n.$on)||void 0===r||r.call(n,"loadNewScene",function(){var n=e.asyncToGenerator(e.regenerator().m(function n(r){return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,o(r);case 1:return e.a(2)}},n)}));return function(e){return n.apply(this,arguments)}}()),null===(t=window.$nuxt)||void 0===t||null===(i=t.$on)||void 0===i||i.call(t,"createNewScene",function(){a.createEmptyScene()})}},{key:"updateSceneDataAfterTransform",value:function(n,r){var t,i,a=!1;if(this.sceneViewer.pathfindingManager.recomputeWorldBoundingBoxes(r),"gateway"===(null===(t=n.userData)||void 0===t?void 0:t.componentType)&&"computed"===(null===(i=n.userData)||void 0===i?void 0:i.origin)){var u;n.userData.origin="declared";for(var c=0;c<r.scene.object.children.length;c++){var l,s,v=r.scene.object.children[c];if(v.uuid===n.uuid||v.uuid===(null===(l=n.userData)||void 0===l?void 0:l.originalUuid)||n.uuid===(null===(s=v.userData)||void 0===s?void 0:s.originalUuid)){v.userData||(v.userData={}),v.userData.origin="declared";break}}if(null!==(u=n.userData)&&void 0!==u&&u.connections&&r.connections){var f=n.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,i,u,c,l=r.scene.object.children[y],s=!1;if(l.uuid!==n.uuid&&l.uuid!==(null===(t=n.userData)||void 0===t?void 0:t.originalUuid)&&n.uuid!==(null===(i=l.userData)||void 0===i?void 0:i.originalUuid)||(s=!0),!s&&null!==(u=n.userData)&&void 0!==u&&u.libraryId&&null!==(c=l.userData)&&void 0!==c&&c.libraryId&&n.userData.libraryId===l.userData.libraryId){if(l.position&&n.position){var v=Math.abs(n.position.x-l.position.x),f=Math.abs(n.position.y-l.position.y),d=Math.abs(n.position.z-l.position.z);v<1&&f<1&&d<1&&(s=!0)}}if(s){var h=(new o.Box3).setFromObject(n),m=function(n,r){return n&&r?n.map(function(n){var t=r.find(function(e){var r,t,i,a;if(e.uuid===n.uuid||e.uuid===(null===(r=n.userData)||void 0===r?void 0:r.originalUuid)||(null===(t=e.userData)||void 0===t?void 0:t.originalUuid)===n.uuid)return!0;if(null!==(i=e.userData)&&void 0!==i&&i.componentType&&null!==(a=n.userData)&&void 0!==a&&a.componentType&&e.userData.componentType===n.userData.componentType&&"connector"===e.userData.componentType){if(n.position&&e.position){var o=Math.abs(e.position.x-n.position.x),u=Math.abs(e.position.y-n.position.y),c=Math.abs(e.position.z-n.position.z);if(o<.1&&u<.1&&c<.1)return!0}}return!1});if(t&&t.isMesh){var i=(new o.Box3).setFromObject(t);return e.objectSpread2(e.objectSpread2({},n),{},{userData:e.objectSpread2(e.objectSpread2(e.objectSpread2({},n.userData),t.userData),{},{worldBoundingBox:{min:i.min.toArray(),max:i.max.toArray()}}),children:n.children?m(n.children,t.children):n.children})}return e.objectSpread2(e.objectSpread2({},n),{},{children:n.children?m(n.children,r):n.children})}):n};return n.traverse(function(e){if(e.userData&&e.userData.direction&&e.userData.worldMatrixOriginal){e.updateMatrixWorld(!0);var n=new o.Matrix4;n.copy(e.matrixWorld);var r=new o.Matrix4;r.elements=e.userData.worldMatrixOriginal;var t=new o.Matrix4,i=new o.Matrix4;t.extractRotation(n),i.extractRotation(r);var a=new o.Matrix4;a.copy(t),a.multiply(i.invert());var u=(new o.Vector3).fromArray(e.userData.direction);u.applyMatrix4(a),u.normalize();u.x=Math.abs(u.x)>.5?Math.sign(u.x):0,u.y=Math.abs(u.y)>.5?Math.sign(u.y):0,u.z=Math.abs(u.z)>.5?Math.sign(u.z):0,e.userData.direction=u.toArray(),e.userData.worldMatrixOriginal=n.elements}}),r.scene.object.children[y]=e.objectSpread2(e.objectSpread2({},l),{},{matrix:n.matrix.elements,position:{x:n.position.x,y:n.position.y,z:n.position.z},rotation:{x:n.rotation.x,y:n.rotation.y,z:n.rotation.z},scale:{x:n.scale.x,y:n.scale.y,z:n.scale.z},userData:e.objectSpread2(e.objectSpread2({},l.userData),{},{worldBoundingBox:{min:h.min.toArray(),max:h.max.toArray()}}),children:l.children?m(l.children,n.children):l.children}),a=!0,1}},y=0;y<r.scene.object.children.length&&!h();y++);return!!a}}]);var n,a,u,c,l,s,v}();exports.SceneOperationsManager=u;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var THREE = require('three');
+var textureConfig = require('../environment/textureConfig.js');
+var modelPreloader = require('../../rendering/modelPreloader.js');
+var debugLogger = require('../../core/debugLogger.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
+
+var SceneOperationsManager = /*#__PURE__*/function () {
+  function SceneOperationsManager(sceneViewer) {
+    _rollupPluginBabelHelpers.classCallCheck(this, SceneOperationsManager);
+    this.sceneViewer = sceneViewer;
+  }
+
+  /**
+   * Clear scene objects while preserving base environment
+   */
+  return _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.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 _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              component = this.sceneViewer;
+              _context.p = 1;
+              debugLogger.modelLogger.info("Loading library GLB model for ".concat((_jsonEntry$userData = jsonEntry.userData) === null || _jsonEntry$userData === void 0 ? void 0 : _jsonEntry$userData.libraryId, "..."));
+              debugLogger.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__namespace.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: _rollupPluginBabelHelpers.toConsumableArray(child.userData.worldBoundingBox.min),
+                        max: _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.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["default"].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["default"].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["default"].preloadingPromise;
+            case 4:
+              console.log("\u2705 Preloading completed, retrying cache lookup...");
+
+              // Try cache again after preloading completes with dimensions
+              gltfScene = modelPreloader["default"].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["default"].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__namespace.MathUtils.degToRad(jsonEntry.rotation.x), THREE__namespace.MathUtils.degToRad(jsonEntry.rotation.y), THREE__namespace.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 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2() {
+        var preloaderStatus, _t3;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              console.log('🔍 Verifying model preloader cache state...');
+              preloaderStatus = modelPreloader["default"].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["default"].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 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3(data, componentDictionary) {
+        var requiredModels, preloaderStatus, cachedModels, missingModels, _iterator, _step, modelKey, _t4, _t5;
+        return _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.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["default"].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 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee4(data) {
+        var component, materials, crosscubeTextureSet, _t6, _t7;
+        return _rollupPluginBabelHelpers.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 textureConfig.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 textureConfig.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__namespace.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__namespace.SphereGeometry(0.1, 16, 16);
+          } else {
+            // Default fallback geometry
+            geometries[child.geometry] = new THREE__namespace.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__namespace.MeshPhysicalMaterial({
+          color: 0xC0C0C0,
+          roughness: 0.15,
+          metalness: 0.9,
+          emissive: 0x000000,
+          envMapIntensity: 1.5,
+          transparent: true,
+          opacity: 0.8
+        });
+      }
+      var mesh = new THREE__namespace.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 = _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.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__namespace.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 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.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 _rollupPluginBabelHelpers.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__namespace.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__namespace.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 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee6() {
+        var component, defaultCentralPlantUrl, response, data, _t0;
+        return _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee7(data) {
+        return _rollupPluginBabelHelpers.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 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee8(newSceneData) {
+          return _rollupPluginBabelHelpers.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__namespace.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__namespace.Box3().setFromObject(matchingThreeChild);
+                console.log("\uD83D\uDD04 Updated bounding box for child: ".concat(sceneChild.uuid));
+                return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, sceneChild), {}, {
+                  userData: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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 _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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__namespace.Matrix4();
+              currentMatrix.copy(child.matrixWorld);
+
+              // Get original world matrix
+              var originalMatrix = new THREE__namespace.Matrix4();
+              originalMatrix.elements = child.userData.worldMatrixOriginal;
+              console.log('onTransformEnd currentMatrix', currentMatrix);
+              console.log('onTransformEnd originalMatrix', originalMatrix);
+
+              // Extract rotation matrices
+              var currentRotation = new THREE__namespace.Matrix4();
+              var originalRotation = new THREE__namespace.Matrix4();
+              currentRotation.extractRotation(currentMatrix);
+              originalRotation.extractRotation(originalMatrix);
+
+              // Calculate the rotational difference matrix
+              var rotationDifference = new THREE__namespace.Matrix4();
+              rotationDifference.copy(currentRotation);
+              rotationDifference.multiply(originalRotation.invert());
+
+              // Create direction vector from array
+              var directionVector = new THREE__namespace.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] = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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;
+    }
+  }]);
+}();
+
+exports.SceneOperationsManager = SceneOperationsManager;