senangwebs-aframe-editor 1.6.9 → 1.6.14

package/dist/sw-webverse.js

@@ -1,18 +1,6 @@
 /******/ (() => {
   // webpackBootstrap
   /******/ var __webpack_modules__ = {
-    /***/ './assets/gltf.svg':
-      /*!*************************!*\
-  !*** ./assets/gltf.svg ***!
-  \*************************/
-      /***/ (module) => {
-        'use strict';
-        module.exports =
-          'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIENyZWF0ZWQgd2l0aCBJbmtzY2FwZSAoaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvKSAtLT4NCjxzdmcgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgd2lkdGg9Ijg2MS45NTM5OCIgaGVpZ2h0PSI0NTEuOTk5MDIiIHZpZXdCb3g9IjAgMCAyMjguMDU4NjYgMTE5LjU5MTQiIHZlcnNpb249IjEuMSIgaWQ9InN2ZzEwNDAiIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMCByMTUyOTkiIHNvZGlwb2RpOmRvY25hbWU9ImdpdGYuc3ZnIj4NCiAgPGRlZnMgaWQ9ImRlZnMxMDM0Ii8+DQogIDxzb2RpcG9kaTpuYW1lZHZpZXcgaWQ9ImJhc2UiIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgaW5rc2NhcGU6em9vbT0iMC40NzQ4MjQ2NCIgaW5rc2NhcGU6Y3g9IjMzMS45MDc4MyIgaW5rc2NhcGU6Y3k9IjQ0My41NzEzNSIgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIiBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiIHNob3dncmlkPSJmYWxzZSIgZml0LW1hcmdpbi10b3A9IjAiIGZpdC1tYXJnaW4tbGVmdD0iMCIgZml0LW1hcmdpbi1yaWdodD0iMCIgZml0LW1hcmdpbi1ib3R0b209IjAiIHVuaXRzPSJweCIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMjgwIiBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NDQiIGlua3NjYXBlOndpbmRvdy14PSItNCIgaW5rc2NhcGU6d2luZG93LXk9Ii00IiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIi8+DQogIDxtZXRhZGF0YSBpZD0ibWV0YWRhdGExMDM3Ij4NCiAgICA8cmRmOlJERj4NCiAgICAgIDxjYzpXb3JrIHJkZjphYm91dD0iIj4NCiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+DQogICAgICAgIDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz4NCiAgICAgICAgPGRjOnRpdGxlLz4NCiAgICAgIDwvY2M6V29yaz4NCiAgICA8L3JkZjpSREY+DQogIDwvbWV0YWRhdGE+DQogIDxnIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIiBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcuMTgyNzIsLTIxNS43NjUyNCkiPg0KICAgIDxnIGlkPSJnMTMyNyIgdHJhbnNmb3JtPSJtYXRyaXgoMC4yNjQ1ODMzMywwLDAsMC4yNjQ1ODMzMywtMS45MDc3NjIxLDIwOS40MTUyNCkiPg0KICAgICAgPGcgaWQ9ImcxMjk5Ij4NCgk8ZyBpZD0iZzEyODUiPg0KCQk8cGF0aCBpZD0icGF0aDEyODEiIGQ9Im0gNDE5LjY3MSw0MDMuNzI3IGMgMTQuNzU3LC0xNi41NTQgMjIuNTYxLC00MC43MzUgMjIuNTYxLC03My4zMTYgViAxNDguMzcgaCAtMzEuMTc0IHYgMjguNDggaCAtMC4zODUgYyAtNS45MDUsLTExLjAyOSAtMTQuMTEzLC0xOS4zMDMgLTI0LjYzMSwtMjQuODIzIC0xMC41MjQsLTUuNTE1IC0yMi4wNjksLTguMjc1IC0zNC42MzcsLTguMjc1IC0xNy4xOTMsMCAtMzEuNjkxLDMuMjcxIC00My40OSw5LjgxNCAtMTEuODA0LDYuNTQzIC0yMS4yOTksMTQuOTUgLTI4LjQ3OSwyNS4yMDkgLTcuMTg3LDEwLjI2NCAtMTIuMzE1LDIxLjU1MiAtMTUuMzk1LDMzLjg2OCAtMy4wNzksMTIuMzE1IC00LjYxOCwyNC4zNzggLTQuNjE4LDM2LjE3NyAwLDEzLjYwMyAxLjg1OCwyNi40OTYgNS41ODEsMzguNjc5IDMuNzE2LDEyLjE5IDkuMjk2LDIyLjkgMTYuNzQxLDMyLjEzNyA3LjQzOSw5LjIzNiAxNi42NzUsMTYuNTQ4IDI3LjcxLDIxLjkzNiAxMS4wMzUsNS4zODggMjMuOTk0LDguMDgyIDM4Ljg3Nyw4LjA4MiA2LjE1OCwwIDEyLjM3NiwtMC43NjkgMTguNjY1LC0yLjMwOSA2LjI5MSwtMS41MzkgMTIuMTksLTMuNzgyIDE3LjcxLC02LjczNSA1LjUxNCwtMi45NDYgMTAuNDUyLC02LjY2OSAxNC44MTcsLTExLjE2IDQuMzYsLTQuNDg3IDcuOTUsLTkuODEzIDEwLjc3NiwtMTUuOTcyIGggMC43NTcgdiAxMy4wODQgYyAwLDExLjI5MyAtMS4wOTQsMjEuNTUzIC0zLjI3MiwzMC43OSAtMi4xODIsOS4yMzcgLTUuNzEyLDE3LjEyNyAtMTAuNTgzLDIzLjY2OCAtNC44NzcsNi41NDMgLTExLjAzNSwxMS42NzIgLTE4LjQ3NCwxNS4zOTUgLTcuNDQ1LDMuNzE3IC0xNi41NDksNS41ODEgLTI3LjMyNSw1LjU4MSAtNS4zODksMCAtMTEuMDM1LC0wLjU3OSAtMTYuOTM1LC0xLjczMiAtMi4xMywtMC40MTYgLTQuMiwtMC45MjggLTYuMjExLC0xLjUzIC0yLjE4OCwtMC43NzIgLTQuMzU4LC0xLjU1NyAtNi41MSwtMi4zNTYgLTAuMiwtMC4wODUgLTAuMzk5LC0wLjE3MiAtMC41OTgsLTAuMjU5IHYgMC4wMzYgQyAyMzYuNjIyLDM2NC41ODMgMTgwLjk5MiwzMTAuOTA5IDE4MC45OTIsMjUwLjAwMyBjIDAsLTk3LjE0NyAxNDEuNTIzLC0xNzUuODk5IDMxNi4xLC0xNzUuODk5IDk3LjI1MywwIDE4NC40NTEsMjIuMTUgMjQyLjQzNiw2MC41OTMgQyA2NzYuMjQsNzAuMjgzIDU2Mi43NTcsMjUuMDIyIDQzMy4wMDUsMjUgMjM0LjI4MiwyNC45NjUgNzMuMTcsMTI1LjY3NCA3My4xNTMsMjQ5LjkzOCBjIC0wLjAxMiw4NC44MjEgNzUuMDQyLDE1OC42OTcgMTg1Ljg5MywxOTcuMDU4IDg4LjkxOSwzLjA0NCAxMzQuMDQ4LC0xMy40NTkgMTYwLjYyNSwtNDMuMjY5IHogTSA0MDYuMjQ4LDI3MS41MjYgYyAtMi4xODIsOS4yMzYgLTUuNTgsMTcuNTEyIC0xMC4xOTksMjQuODIzIC00LjYxNyw3LjMxNCAtMTAuNzE1LDEzLjIxOSAtMTguMjgsMTcuNzAzIC03LjU3MSw0LjQ5MyAtMTYuNzQyLDYuNzM1IC0yNy41MTcsNi43MzUgLTEwLjc3NywwIC0xOS43NjEsLTIuMjQyIC0yNi45NDEsLTYuNzM1IC03LjE4NiwtNC40ODQgLTEyLjk1OSwtMTAuMzkgLTE3LjMxOSwtMTcuNzAzIC00LjM2NiwtNy4zMTEgLTcuNDQ0LC0xNS40NTQgLTkuMjM3LC0yNC40MzkgLTEuNzk3LC04Ljk3OCAtMi42OTQsLTE3Ljk1NiAtMi42OTQsLTI2Ljk0IDAsLTkuNDg5IDEuMDg4LC0xOC42IDMuMjcxLC0yNy4zMjYgMi4xNzgsLTguNzE5IDUuNjQxLC0xNi40MTcgMTAuMzkyLC0yMy4wOTIgNC43NDUsLTYuNjY5IDEwLjgzNywtMTEuOTkxIDE4LjI4MSwtMTUuOTcyIDcuNDM5LC0zLjk3NSAxNi40MTcsLTUuOTY1IDI2Ljk0MSwtNS45NjUgMTAuMjU5LDAgMTguOTg0LDIuMDU3IDI2LjE3LDYuMTU4IDcuMTgsNC4xMDcgMTMuMDE5LDkuNTYxIDE3LjUxMSwxNi4zNTYgNC40ODYsNi44MDEgNy43NTgsMTQuNDMyIDkuODE0LDIyLjg5OSAyLjA1MSw4LjQ2NyAzLjA3OSwxNy4wNjYgMy4wNzksMjUuNzg2IDAsOS4yMzggLTEuMDk1LDE4LjQ3NSAtMy4yNzIsMjcuNzEyIHoiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIHN0eWxlPSJmaWxsOiNmYWZhZmEiLz4NCg0KCQk8cGF0aCBpZD0icGF0aDEyODMiIGQ9Im0gNDM0Ljg0OSw0MjIuNDg1IGMgLTE4Ljg1NCwxNy4xMTMgLTUyLjUzMiwzNi42NDcgLTk4LjM5Nyw0NC4zMTYgMzAuNzA3LDUuMzM5IDYzLjA2NSw4LjE5NCA5Ni40OSw4LjE5OCAxMjkuMjM2LDAuMDI1IDI0Mi40MjUsLTQ1LjA5MSAzMDUuODgxLC0xMDkuMDU1IC01Ny45ODQsMzguMjA2IC0xNDQuODMsNTkuOTUxIC0yNDEuNzI4LDU5Ljk1MSAtMjMuMDE4LDAuMDAyIC00MC42MjYsLTAuODA5IC02Mi4yNDYsLTMuNDEgeiIgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgc3R5bGU9ImZpbGw6I2ZhZmFmYSIvPg0KDQoJPC9nPg0KDQoJPGcgaWQ9ImcxMjk1Ij4NCgkJPGcgaWQ9ImcxMjg5Ij4NCgkJCTxwYXRoIGlkPSJwYXRoMTI4NyIgZD0iTSA2MzMuODQsMzQ3LjkwOCBIIDU4Ni44NzUgViAxODkuNzA1IGggLTU4LjkyMiB2IC00MC4yMzQgaCAxNjQuODEgdiA0MC4yMzQgSCA2MzMuODQgWiIgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgc3R5bGU9ImZpbGw6I2ZhZmFmYSIvPg0KDQoJCTwvZz4NCg0KCQk8ZyBpZD0iZzEyOTMiPg0KCQkJPHBhdGggaWQ9InBhdGgxMjkxIiBkPSJNIDc2NC4xNzMsMzQ3LjkwOCBIIDcxNy4yMDYgViAxNDkuNDcxIGggMTQ0Ljk4OCB2IDQwLjIzNCBoIC05OC4wMjEgdiAzNy4xMjggaCA4NS44MDMgdiA0MC4yMzMgaCAtODUuODAzIHoiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIHN0eWxlPSJmaWxsOiNmYWZhZmEiLz4NCg0KCQk8L2c+DQoNCgk8L2c+DQoNCgk8cGF0aCBpZD0icGF0aDEyOTciIGQ9Im0gNDY5LjU1NCwxMDAuMDMxIGggMzIuNzE0IHYgMjQ3LjMxMyBoIC0zMi43MTQgeiIgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgc3R5bGU9ImZpbGw6I2ZhZmFmYSIvPg0KDQo8L2c+DQogICAgICA8ZyBpZD0iZzEzMDUiPg0KCTxwb2x5Z29uIGlkPSJwb2x5Z29uMTMwMSIgcG9pbnRzPSI4OTUuNDM1LDE1NS4yODkgODk1LjQzNSwxNzQuNCA4ODkuMDE3LDE3NC40IDg4OS4wMTcsMTU1LjI4OSA4ODEuNjcsMTU1LjI4OSA4ODEuNjcsMTQ5Ljc2OSA5MDIuNzgyLDE0OS43NjkgOTAyLjc4MiwxNTUuMjg5IDkwMi43ODMsMTU1LjI4OSAiIHN0eWxlPSJmaWxsOiNmYWZhZmEiLz4NCg0KCTxwb2x5Z29uIGlkPSJwb2x5Z29uMTMwMyIgcG9pbnRzPSI5MTkuNDExLDE2Ni4xOSA5MjMuNjU0LDE0OS43NjkgOTMzLjEwNywxNDkuNzY5IDkzMy4xMDcsMTc0LjQgOTI3LjA2OSwxNzQuNCA5MjcuMDY5LDE1NS43MDMgOTI3LjAwMSwxNTUuNzAzIDkyMS44MjYsMTc0LjQgOTE2LjkyOSwxNzQuNCA5MTEuNzUyLDE1NS43MDMgOTExLjY4MywxNTUuNzAzIDkxMS42ODMsMTc0LjQgOTA1LjY0NywxNzQuNCA5MDUuNjQ3LDE0OS43NjkgOTE1LjEsMTQ5Ljc2OSA5MTkuMzQyLDE2Ni4xOSAiIHN0eWxlPSJmaWxsOiNmYWZhZmEiLz4NCg0KPC9nPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=';
-
-        /***/
-      },
-
     /***/ './node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js':
       /*!*********************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***!
@@ -35119,81 +35107,6 @@ styleSheet.flush()
         /***/
       },
 
-    /***/ './node_modules/clipboard-copy/index.js':
-      /*!**********************************************!*\
-  !*** ./node_modules/clipboard-copy/index.js ***!
-  \**********************************************/
-      /***/ (module) => {
-        /*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
-        /* global DOMException */
-
-        module.exports = clipboardCopy;
-
-        function makeError() {
-          return new DOMException(
-            'The request is not allowed',
-            'NotAllowedError'
-          );
-        }
-
-        async function copyClipboardApi(text) {
-          // Use the Async Clipboard API when available. Requires a secure browsing
-          // context (i.e. HTTPS)
-          if (!navigator.clipboard) {
-            throw makeError();
-          }
-          return navigator.clipboard.writeText(text);
-        }
-
-        async function copyExecCommand(text) {
-          // Put the text to copy into a <span>
-          const span = document.createElement('span');
-          span.textContent = text;
-
-          // Preserve consecutive spaces and newlines
-          span.style.whiteSpace = 'pre';
-          span.style.webkitUserSelect = 'auto';
-          span.style.userSelect = 'all';
-
-          // Add the <span> to the page
-          document.body.appendChild(span);
-
-          // Make a selection object representing the range of text selected by the user
-          const selection = window.getSelection();
-          const range = window.document.createRange();
-          selection.removeAllRanges();
-          range.selectNode(span);
-          selection.addRange(range);
-
-          // Copy text to the clipboard
-          let success = false;
-          try {
-            success = window.document.execCommand('copy');
-          } finally {
-            // Cleanup
-            selection.removeAllRanges();
-            window.document.body.removeChild(span);
-          }
-
-          if (!success) throw makeError();
-        }
-
-        async function clipboardCopy(text) {
-          try {
-            await copyClipboardApi(text);
-          } catch (err) {
-            // ...Otherwise, use document.execCommand() fallback
-            try {
-              await copyExecCommand(text);
-            } catch (err2) {
-              throw err2 || err || makeError();
-            }
-          }
-        }
-
-        /***/
-      },
-
     /***/ './node_modules/clsx/dist/clsx.mjs':
       /*!*****************************************!*\
   !*** ./node_modules/clsx/dist/clsx.mjs ***!
@@ -36005,64 +35918,151 @@ body.aframe-inspector-opened {
   padding: 16px;
   height: inherit;
 }
+#aframeInspector .modal-body::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+#aframeInspector .modal-body::-webkit-scrollbar-track {
+  background: #18181b;
+  border-radius: 4px;
+}
+#aframeInspector .modal-body::-webkit-scrollbar-thumb {
+  background: #3f3f46;
+  border-radius: 4px;
+  -webkit-transition: background 0.2s ease;
+  transition: background 0.2s ease;
+}
+#aframeInspector .modal-body::-webkit-scrollbar-thumb:hover {
+  background: #52525b;
+}
+#aframeInspector .modal-body::-webkit-scrollbar-corner {
+  background: #18181b;
+}
 #aframeInspector .modal-footer {
   color: #fff;
   padding: 2px 16px;
 }
 #aframeInspector .gallery {
-  background: #232323;
   display: flex;
   flex-wrap: wrap;
-  margin: 15px auto 0;
   overflow: auto;
-  padding: 15px 3px 3px;
+  gap: 12px;
+  padding: 2px;
 }
-#aframeInspector .newimage .gallery {
-  padding: 8px;
+#aframeInspector .newimage .gallery,
+#aframeInspector .texture-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+  max-height: 65vh;
+}
+#aframeInspector .url-input-group {
+  flex: 1;
+  display: flex;
+  gap: 8px;
+  align-items: center;
 }
-#aframeInspector .gallery li {
+#aframeInspector .url-input-group .imageUrl {
+  flex: 1;
+  height: 32px;
+  padding: 0 12px;
+  border-radius: 8px;
+  border: none;
+  background: #232323;
+  color: #0f9;
+  font-size: 13px;
+}
+#aframeInspector .url-input-group .imageUrl::-moz-placeholder {
+  color: #666;
+}
+#aframeInspector .url-input-group .imageUrl::placeholder {
+  color: #666;
+}
+#aframeInspector .url-input-group .load-url-btn {
+  height: 32px;
+  padding: 0 16px;
+  white-space: nowrap;
+  font-size: 12px;
+}
+#aframeInspector .registry-section {
+  margin-bottom: 12px;
+}
+#aframeInspector .section-label {
+  display: block;
+  margin-bottom: 8px;
+  color: #888;
+  font-size: 13px;
+}
+#aframeInspector .gallery-item {
   border-radius: 8px;
   box-shadow: 0 0 6px rgba(0,0,0,0.6);
   cursor: pointer;
-  margin: 8px;
   overflow: hidden;
   width: 155px;
+  transition: box-shadow 0.15s ease;
 }
-#aframeInspector .gallery li.selected,
-#aframeInspector .gallery li:hover {
+#aframeInspector .gallery-item.selected,
+#aframeInspector .gallery-item:hover {
   box-shadow: 0 0 0 2px #0f9;
 }
-#aframeInspector .gallery li .detail {
+#aframeInspector .gallery-item .detail {
   background-color: #323232;
   margin: 0;
   min-height: 60px;
   padding: 4px 8px 8px 8px;
 }
 #aframeInspector .preview {
-  padding: 10px;
-  width: 150px;
+  width: 250px;
+}
+#aframeInspector .preview label {
+  color: #888;
+  font-size: 12px;
+  display: block;
+  margin-bottom: 4px;
 }
 #aframeInspector .preview input {
   display: block;
-  margin: 8px 0;
-  width: 144px;
+  margin: 0 0 12px 0;
+  height: 24px;
+  width: 230px;
+  border-radius: 8px;
+}
+#aframeInspector .preview img {
+  border-radius: 8px;
+  margin-bottom: 8px;
 }
 #aframeInspector .preview button {
-  width: 155px;
+  width: 242px;
+  margin-top: 8px;
+}
+#aframeInspector .preview button:hover {
+  background-color: #0f9;
+  color: #000;
+}
+#aframeInspector .preview .detail {
+  margin-bottom: 8px;
 }
 #aframeInspector .preview .detail .title {
   color: #fff;
-  display: inline-block;
-  max-width: 155px;
+  display: block;
+  max-width: 230px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  font-size: 13px;
+}
+#aframeInspector .preview .detail .dimensions {
+  color: #888;
+  font-size: 12px;
+  display: block;
+  margin-top: 4px;
 }
-#aframeInspector .gallery li.selected .detail,
-#aframeInspector .gallery li:hover .detail {
+#aframeInspector .gallery-item.selected .detail,
+#aframeInspector .gallery-item:hover .detail {
   background-color: #444;
 }
-#aframeInspector .gallery li .detail span {
+#aframeInspector .gallery-item .detail span {
   color: #777;
   display: block;
   margin-top: 4px;
@@ -36071,13 +36071,25 @@ body.aframe-inspector-opened {
   white-space: nowrap;
   width: 140px;
 }
-#aframeInspector .gallery li.selected .detail span,
-#aframeInspector .gallery li:hover .detail span {
+#aframeInspector .gallery-item.selected .detail span,
+#aframeInspector .gallery-item:hover .detail span {
   color: #888;
 }
-#aframeInspector .gallery li .detail span.title {
+#aframeInspector .gallery-item .detail span.title {
   color: #fff !important;
 }
+#aframeInspector .gallery .loading-indicator {
+  background: transparent;
+  box-shadow: none;
+  color: #888;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  padding: 40px 20px;
+  font-size: 14px;
+  animation: pulse 1.5s ease-in-out infinite;
+}
 #aframeInspector .modal button {
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -36102,6 +36114,11 @@ body.aframe-inspector-opened {
   font-weight: 500;
   padding: 8px 16px;
   text-transform: capitalize;
+  transition: all 0.2s ease-in-out;
+}
+#aframeInspector .modal button:hover {
+  background-color: #0f9;
+  color: #000;
 }
 #aframeInspector .modal buttonhover,
 #aframeInspector .modal button.hover {
@@ -36118,15 +36135,13 @@ body.aframe-inspector-opened {
   cursor: none;
 }
 #aframeInspector .newimage {
-  background-color: #323232;
   color: #a3a3a3;
   display: flex;
+  gap: 24px;
   font-size: 14px;
   justify-content: space-between;
-  margin-top: 16px;
   overflow: auto;
-  padding: 8px;
-  border-radius: 8px;
+  max-height: 74vh;
 }
 #aframeInspector .newimage input {
   color: #0f9;
@@ -36143,16 +36158,22 @@ body.aframe-inspector-opened {
 }
 #aframeInspector .assets.search {
   position: relative;
-  margin-top: 10px;
-  width: 200px;
+  margin-top: 8px;
+  width: 100%;
 }
 #aframeInspector .assets.search svg {
   position: absolute;
-  right: 0px;
-  top: 5px;
+  right: 10px;
+  top: 8px;
+}
+#aframeInspector .assets.search input {
+  width: calc(100% - 12px);
+  height: 20px;
+  padding: 5px;
+  border-radius: 8px;
 }
 #aframeInspector .new_asset_options {
-  margin: 10px;
+  width: 100%;
 }
 #aframeInspector .new_asset_options > ul {
   margin-left: 10px;
@@ -36164,12 +36185,22 @@ body.aframe-inspector-opened {
 #aframeInspector .new_asset_options .imageUrl {
   margin-left: 5px;
   width: 350px;
+  height: 24px;
+  border-radius: 8px;
 }
 #aframeInspector .texture canvas {
   border: 1px solid rgba(255,255,255,0.15);
   border-radius: 8px;
   cursor: pointer;
 }
+@keyframes pulse {
+  0%, 100% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 1;
+  }
+}
 #aframeInspector svg:not(:root).svg-inline--fa,
 #aframeInspector svg:not(:host).svg-inline--fa {
   overflow: visible;
@@ -36538,6 +36569,59 @@ body.aframe-inspector-opened {
 #aframeInspector .modal-close-button:hover {
   background-color: #888;
 }
+#aframeInspector .error-boundary {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0,0,0,0.9);
+  z-index: 9999;
+  pointer-events: all;
+}
+#aframeInspector .error-boundary .error-content {
+  background: #1e1e1e;
+  border: 1px solid #f44;
+  border-radius: 8px;
+  padding: 24px 32px;
+  max-width: 500px;
+  text-align: center;
+}
+#aframeInspector .error-boundary .error-content h2 {
+  color: #f44;
+  margin: 0 0 16px 0;
+  font-size: 18px;
+}
+#aframeInspector .error-boundary .error-content p {
+  color: #a3a3a3;
+  margin: 0 0 16px 0;
+}
+#aframeInspector .error-boundary .error-content pre {
+  background: #0d0d0d;
+  color: #ff6b6b;
+  padding: 12px;
+  border-radius: 4px;
+  font-size: 12px;
+  overflow-x: auto;
+  text-align: left;
+  margin: 0 0 16px 0;
+}
+#aframeInspector .error-boundary .error-content button {
+  background: #0f9;
+  color: #000;
+  border: none;
+  padding: 10px 24px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 14px;
+}
+#aframeInspector .error-boundary .error-content button:hover {
+  background: #00cc7a;
+}
 #aframeInspector .Select,
 #aframeInspector code,
 #aframeInspector pre,
@@ -36904,16 +36988,16 @@ body.aframe-inspector-opened {
             ],
             names: [],
             mappings:
-              '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',
+              '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',
             sourcesContent: [
               '$primary=#00FF99\n$primaryhover=lighten(#00FF99, 35%)\n\n$bg=#18181B\n$bgdark=#09090B\n$bglight=#18181B\n$bglighter=lighten(#18181B, 10%)\n\n$red=#00FF99\n$green=#22D3EE\n$orange=#d66853\n\n$black=#222\n$gray=#262626\n$grayalt=#323232\n$grayhover=#444\n\n$lightgray=#AAA\n$white=#A3A3A3\n\n$normalfont=system-ui, BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif\n$monospace=system-ui, BlinkMacSystemFont, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif\n\nmedia--1024() {\n  @media (min-width: 1024px) {\n    {block}\n  }\n}\n\n/* CSS rules from the original FontAwesomeIcon component */\nsvg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {\n  overflow: visible;\n  box-sizing: content-box;\n}\n\n.svg-inline--fa {\n  display: inline-block;\n  height: 1em;\n  overflow: visible;\n  vertical-align: -0.125em;\n}\n',
-              "@import './lib';\r\n\r\nbody.aframe-inspector-opened,\r\n.toggle-edit\r\n  font-family BlinkMacSystemFont, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif\r\n\r\n.wf-roboto-n4-active body.aframe-inspector-opened,\r\n.wf-roboto-n4-active .toggle-edit\r\n  font-family BlinkMacSystemFont, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif\r\n\r\nbody.aframe-inspector-opened\r\n  background $bgdark\r\n  color #fff\r\n  font-size 12px\r\n  margin 0\r\n  overflow hidden\r\n\r\n#aframeInspector\r\n  @import './scenegraph';\r\n  @import './components';\r\n  @import './entity';\r\n  @import './help';\r\n  @import './select';\r\n  @import './textureModal';\r\n  @import './viewport';\r\n  @import './widgets';\r\n  @import './primitiveModal';\r\n\r\n  .Select,\r\n  code,\r\n  pre,\r\n  input,\r\n  textarea,\r\n  select\r\n    font-family $monospace\r\n    font-size 14px\r\n\r\n  .wf-robotomono-n4-active .Select,\r\n  .wf-robotomono-n4-active code,\r\n  .wf-robotomono-n4-active pre,\r\n  .wf-robotomono-n4-active input,\r\n  .wf-robotomono-n4-active textarea,\r\n  .wf-robotomono-n4-active select\r\n    font-family Roboto Mono, Consolas, Andale Mono, Monaco, Courier New, monospace\r\n\r\n  hr\r\n    border 0\r\n    border-top 1px solid #ccc\r\n\r\n  a\r\n    cursor pointer\r\n\r\n  button\r\n    position relative\r\n\r\n  code\r\n    font-family Consolas, Andale Mono, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace\r\n\r\n  textarea\r\n    tab-size 4\r\n    white-space pre\r\n    word-wrap normal\r\n\r\n  textarea.success\r\n    border-color #8b8 !important\r\n\r\n  textarea.fail\r\n    background-color rgba(255, 0, 0, 0.05)\r\n    border-color #f00 !important\r\n\r\n  textarea,\r\n  input\r\n    outline none /* osx */\r\n\r\n  .gltfIcon img\r\n    box-sizing content-box\r\n    display inline\r\n    height 20px\r\n    left 5px\r\n    padding 0 5px\r\n    position relative\r\n    top 4px\r\n    vertical-align baseline\r\n    width 20px\r\n\r\n  #sidebar,\r\n  #scenegraph,\r\n    .panel\r\n      cursor default\r\n      user-select none\r\n\r\n  #sceneActions\r\n    display flex\r\n    flex-direction row\r\n    position absolute\r\n    bottom 0\r\n    z-index 40\r\n    width calc(20rem - 48px)\r\n    height 48px\r\n    background $bg\r\n    padding-left 48px\r\n\r\n  #sceneActions .sceneActionsTitle\r\n    letter-spacing 0.1em\r\n    line-height 1rem\r\n    font-size 0.75rem\r\n    padding 0.25rem\r\n    text-align center\r\n    background #303032\r\n    color #989899\r\n    font-weight 500\r\n\r\n  #sceneActions .sceneActionsButton\r\n    display flex\r\n\r\n  .toggle-edit\r\n    background-color $bg\r\n    box-sizing content-box\r\n    color white\r\n    font-size 12px\r\n    left 0px\r\n    bottom 0px\r\n    line-height normal\r\n    margin 0\r\n    position absolute\r\n    text-align center\r\n    text-decoration none\r\n    width 48px\r\n    height 48px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    z-index 40\r\n\r\n  .toggle-edit:hover\r\n    background-color #141417\r\n    color white\r\n\r\n    svg\r\n      color $red\r\n\r\n  .toggle-save,\r\n  .toggle-live\r\n    background-color $bg\r\n    color white\r\n    height 40px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    border 0\r\n    font-size 16px\r\n    font-weight 500\r\n    cursor pointer\r\n\r\n  .toggle-save:hover,\r\n  .toggle-live:hover\r\n    background-color $bgdark\r\n\r\n  #saveSceneBtn\r\n    width 10rem\r\n\r\n  #liveSceneBtn\r\n    width 10rem\r\n\r\n  input\r\n    border 1px solid #555\r\n    color #fff\r\n\r\n  input,\r\n  .texture canvas\r\n    transition 0.1s background-color ease-in-out, 0.1s border-color ease-in-out, 0.1s color ease-in-out\r\n\r\n  input[type=text],\r\n  input[type=number],\r\n  input.string,\r\n  input.number\r\n    min-height 14px\r\n    outline none\r\n\r\n  input[type=\"checkbox\"]\r\n    appearance auto\r\n    cursor pointer\r\n    margin 0\r\n    height 18px\r\n    width 18px\r\n\r\n  input[type=\"checkbox\"]:focus\r\n    box-shadow none\r\n\r\n  input.number\r\n    border 0\r\n    color white !important\r\n    cursor col-resize\r\n    font-size 14px\r\n    padding 2px\r\n\r\n  input.stringfocus,\r\n  input.numberfocus\r\n    border 1px solid #00FF99\r\n    color #fff\r\n    cursor auto\r\n\r\n  input.error\r\n    border 1px solid #a00\r\n\r\n  #sidebar\r\n    background $bg\r\n    width 100%\r\n    flex-grow 1\r\n    overflow-y auto\r\n\r\n  #sidebar *\r\n    vertical-align middle\r\n\r\n  input,\r\n  textarea,\r\n  select\r\n    background $black\r\n    border 1px solid transparent\r\n    color #888\r\n\r\n  select\r\n    background $bglighter\r\n\r\n  input[type=color]\r\n    background-color #333\r\n    border 1px solid #111\r\n    height 28px\r\n    cursor pointer\r\n\r\n  input[type=color]\r\n    cursor pointer\r\n    height 25px\r\n    padding 0\r\n    width 50px\r\n\r\n  /* Note these vendor-prefixed selectors cannot be grouped! */\r\n  input[type=color]-webkit-color-swatch\r\n    border 0  /* To remove the gray border. */\r\n\r\n  input[type=color]-webkit-color-swatch-wrapper\r\n    padding 0  /* To remove the inner padding. */\r\n\r\n  input[type=color]-moz-color-swatch\r\n    border 0\r\n\r\n  input[type=color]-moz-focus-inner\r\n    border 0  /* To remove the inner border (specific to Firefox). */\r\n    padding 0\r\n\r\n  .hidden\r\n    visibility hidden\r\n\r\n  a.button\r\n    color #A3A3A3\r\n    font-size 16px\r\n    margin-left 8px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    text-decoration none\r\n\r\n  a.buttonhover\r\n    color #00FF99\r\n\r\n  @keyframes animateopacity\r\n    from { opacity: 0 }\r\n    to { opacity: 1 }\r\n\r\n  .hide\r\n    display none\r\n\r\n  .a-canvas.state-dragging\r\n    cursor grabbing\r\n\r\n  #rightPanel\r\n    top 0\r\n    width 20rem\r\n    display flex\r\n    flex-direction column\r\n    height calc(100vh - 48px)\r\n\r\n  #actionBar\r\n    width 100vw\r\n    height 48px\r\n    background $bg\r\n    bottom 0\r\n    position absolute\r\n\r\n    #sw-info\r\n      display flex\r\n      flex-direction column\r\n      justify-content center\r\n      align-items end\r\n      width max-content\r\n      height 100%\r\n      padding 0 10px\r\n      margin-left auto\r\n      color $lightgray\r\n\r\n  #inspectorContainer\r\n    display flex\r\n    justify-content space-between\r\n    left 0\r\n    height 100%\r\n    pointer-events none\r\n    position fixed\r\n    top 0\r\n    width 100%\r\n    z-index 20\r\n\r\n  #scenegraph,\r\n  #viewportBar,\r\n  #actionBar,\r\n  #leftPanel,\r\n  #rightPanel\r\n    pointer-events all\r\n\r\n  .aframe-inspector-opened a-scene .a-canvas\r\n    background-color #191919\r\n    z-index 9999\r\n\r\n  .toggle-sidebar\r\n    align-items center\r\n    display flex\r\n    height 100%\r\n    position absolute\r\n    z-index 40\r\n\r\n    a\r\n      background-color #262626\r\n      color #A3A3A3\r\n      padding 5px\r\n      z-index 40\r\n\r\n    a.hover\r\n      background-color #007370\r\n      color #fff\r\n\r\n  .toggle-sidebar.left\r\n    top 0\r\n    left 0\r\n\r\n  .toggle-sidebar.right\r\n    top 0\r\n    right 0\r\n\r\n#rightPanel ::-webkit-scrollbar\r\n#leftPanel ::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n\r\n#rightPanel ::-webkit-scrollbar-track\r\n#leftPanel ::-webkit-scrollbar-track {\r\n    background: #18181B;\r\n}\r\n\r\n#rightPanel ::-webkit-scrollbar-thumb\r\n#leftPanel ::-webkit-scrollbar-thumb {\r\n    background: rgba(0, 0, 0, 0.5);\r\n    border-radius: 0;\r\n}\r\n\r\n#rightPanel ::-webkit-scrollbar-thumb:hover\r\n#leftPanel ::-webkit-scrollbar-thumb:hover {\r\n    background: rgba(0, 0, 0, 0.75);\r\n}\r\n",
+              "@import './lib';\r\n\r\nbody.aframe-inspector-opened,\r\n.toggle-edit\r\n  font-family BlinkMacSystemFont, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif\r\n\r\n.wf-roboto-n4-active body.aframe-inspector-opened,\r\n.wf-roboto-n4-active .toggle-edit\r\n  font-family BlinkMacSystemFont, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif\r\n\r\nbody.aframe-inspector-opened\r\n  background $bgdark\r\n  color #fff\r\n  font-size 12px\r\n  margin 0\r\n  overflow hidden\r\n\r\n#aframeInspector\r\n  @import './scenegraph';\r\n  @import './components';\r\n  @import './entity';\r\n  @import './help';\r\n  @import './select';\r\n  @import './textureModal';\r\n  @import './viewport';\r\n  @import './widgets';\r\n  @import './primitiveModal';\r\n\r\n  .error-boundary\r\n    position fixed\r\n    top 0\r\n    left 0\r\n    width 100%\r\n    height 100%\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    background rgba(0, 0, 0, 0.9)\r\n    z-index 9999\r\n    pointer-events all\r\n\r\n    .error-content\r\n      background #1e1e1e\r\n      border 1px solid #ff4444\r\n      border-radius 8px\r\n      padding 24px 32px\r\n      max-width 500px\r\n      text-align center\r\n\r\n      h2\r\n        color #ff4444\r\n        margin 0 0 16px 0\r\n        font-size 18px\r\n\r\n      p\r\n        color #a3a3a3\r\n        margin 0 0 16px 0\r\n\r\n      pre\r\n        background #0d0d0d\r\n        color #ff6b6b\r\n        padding 12px\r\n        border-radius 4px\r\n        font-size 12px\r\n        overflow-x auto\r\n        text-align left\r\n        margin 0 0 16px 0\r\n\r\n      button\r\n        background #00ff99\r\n        color #000\r\n        border none\r\n        padding 10px 24px\r\n        border-radius 4px\r\n        cursor pointer\r\n        font-weight 500\r\n        font-size 14px\r\n\r\n        &:hover\r\n          background #00cc7a\r\n\r\n  .Select,\r\n  code,\r\n  pre,\r\n  input,\r\n  textarea,\r\n  select\r\n    font-family $monospace\r\n    font-size 14px\r\n\r\n  .wf-robotomono-n4-active .Select,\r\n  .wf-robotomono-n4-active code,\r\n  .wf-robotomono-n4-active pre,\r\n  .wf-robotomono-n4-active input,\r\n  .wf-robotomono-n4-active textarea,\r\n  .wf-robotomono-n4-active select\r\n    font-family Roboto Mono, Consolas, Andale Mono, Monaco, Courier New, monospace\r\n\r\n  hr\r\n    border 0\r\n    border-top 1px solid #ccc\r\n\r\n  a\r\n    cursor pointer\r\n\r\n  button\r\n    position relative\r\n\r\n  code\r\n    font-family Consolas, Andale Mono, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace\r\n\r\n  textarea\r\n    tab-size 4\r\n    white-space pre\r\n    word-wrap normal\r\n\r\n  textarea.success\r\n    border-color #8b8 !important\r\n\r\n  textarea.fail\r\n    background-color rgba(255, 0, 0, 0.05)\r\n    border-color #f00 !important\r\n\r\n  textarea,\r\n  input\r\n    outline none /* osx */\r\n\r\n  .gltfIcon img\r\n    box-sizing content-box\r\n    display inline\r\n    height 20px\r\n    left 5px\r\n    padding 0 5px\r\n    position relative\r\n    top 4px\r\n    vertical-align baseline\r\n    width 20px\r\n\r\n  #sidebar,\r\n  #scenegraph,\r\n    .panel\r\n      cursor default\r\n      user-select none\r\n\r\n  #sceneActions\r\n    display flex\r\n    flex-direction row\r\n    position absolute\r\n    bottom 0\r\n    z-index 40\r\n    width calc(20rem - 48px)\r\n    height 48px\r\n    background $bg\r\n    padding-left 48px\r\n\r\n  #sceneActions .sceneActionsTitle\r\n    letter-spacing 0.1em\r\n    line-height 1rem\r\n    font-size 0.75rem\r\n    padding 0.25rem\r\n    text-align center\r\n    background #303032\r\n    color #989899\r\n    font-weight 500\r\n\r\n  #sceneActions .sceneActionsButton\r\n    display flex\r\n\r\n  .toggle-edit\r\n    background-color $bg\r\n    box-sizing content-box\r\n    color white\r\n    font-size 12px\r\n    left 0px\r\n    bottom 0px\r\n    line-height normal\r\n    margin 0\r\n    position absolute\r\n    text-align center\r\n    text-decoration none\r\n    width 48px\r\n    height 48px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    z-index 40\r\n\r\n  .toggle-edit:hover\r\n    background-color #141417\r\n    color white\r\n\r\n    svg\r\n      color $red\r\n\r\n  .toggle-save,\r\n  .toggle-live\r\n    background-color $bg\r\n    color white\r\n    height 40px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    border 0\r\n    font-size 16px\r\n    font-weight 500\r\n    cursor pointer\r\n\r\n  .toggle-save:hover,\r\n  .toggle-live:hover\r\n    background-color $bgdark\r\n\r\n  #saveSceneBtn\r\n    width 10rem\r\n\r\n  #liveSceneBtn\r\n    width 10rem\r\n\r\n  input\r\n    border 1px solid #555\r\n    color #fff\r\n\r\n  input,\r\n  .texture canvas\r\n    transition 0.1s background-color ease-in-out, 0.1s border-color ease-in-out, 0.1s color ease-in-out\r\n\r\n  input[type=text],\r\n  input[type=number],\r\n  input.string,\r\n  input.number\r\n    min-height 14px\r\n    outline none\r\n\r\n  input[type=\"checkbox\"]\r\n    appearance auto\r\n    cursor pointer\r\n    margin 0\r\n    height 18px\r\n    width 18px\r\n\r\n  input[type=\"checkbox\"]:focus\r\n    box-shadow none\r\n\r\n  input.number\r\n    border 0\r\n    color white !important\r\n    cursor col-resize\r\n    font-size 14px\r\n    padding 2px\r\n\r\n  input.stringfocus,\r\n  input.numberfocus\r\n    border 1px solid #00FF99\r\n    color #fff\r\n    cursor auto\r\n\r\n  input.error\r\n    border 1px solid #a00\r\n\r\n  #sidebar\r\n    background $bg\r\n    width 100%\r\n    flex-grow 1\r\n    overflow-y auto\r\n\r\n  #sidebar *\r\n    vertical-align middle\r\n\r\n  input,\r\n  textarea,\r\n  select\r\n    background $black\r\n    border 1px solid transparent\r\n    color #888\r\n\r\n  select\r\n    background $bglighter\r\n\r\n  input[type=color]\r\n    background-color #333\r\n    border 1px solid #111\r\n    height 28px\r\n    cursor pointer\r\n\r\n  input[type=color]\r\n    cursor pointer\r\n    height 25px\r\n    padding 0\r\n    width 50px\r\n\r\n  /* Note these vendor-prefixed selectors cannot be grouped! */\r\n  input[type=color]-webkit-color-swatch\r\n    border 0  /* To remove the gray border. */\r\n\r\n  input[type=color]-webkit-color-swatch-wrapper\r\n    padding 0  /* To remove the inner padding. */\r\n\r\n  input[type=color]-moz-color-swatch\r\n    border 0\r\n\r\n  input[type=color]-moz-focus-inner\r\n    border 0  /* To remove the inner border (specific to Firefox). */\r\n    padding 0\r\n\r\n  .hidden\r\n    visibility hidden\r\n\r\n  a.button\r\n    color #A3A3A3\r\n    font-size 16px\r\n    margin-left 8px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    text-decoration none\r\n\r\n  a.buttonhover\r\n    color #00FF99\r\n\r\n  @keyframes animateopacity\r\n    from { opacity: 0 }\r\n    to { opacity: 1 }\r\n\r\n  .hide\r\n    display none\r\n\r\n  .a-canvas.state-dragging\r\n    cursor grabbing\r\n\r\n  #rightPanel\r\n    top 0\r\n    width 20rem\r\n    display flex\r\n    flex-direction column\r\n    height calc(100vh - 48px)\r\n\r\n  #actionBar\r\n    width 100vw\r\n    height 48px\r\n    background $bg\r\n    bottom 0\r\n    position absolute\r\n\r\n    #sw-info\r\n      display flex\r\n      flex-direction column\r\n      justify-content center\r\n      align-items end\r\n      width max-content\r\n      height 100%\r\n      padding 0 10px\r\n      margin-left auto\r\n      color $lightgray\r\n\r\n  #inspectorContainer\r\n    display flex\r\n    justify-content space-between\r\n    left 0\r\n    height 100%\r\n    pointer-events none\r\n    position fixed\r\n    top 0\r\n    width 100%\r\n    z-index 20\r\n\r\n  #scenegraph,\r\n  #viewportBar,\r\n  #actionBar,\r\n  #leftPanel,\r\n  #rightPanel\r\n    pointer-events all\r\n\r\n  .aframe-inspector-opened a-scene .a-canvas\r\n    background-color #191919\r\n    z-index 9999\r\n\r\n  .toggle-sidebar\r\n    align-items center\r\n    display flex\r\n    height 100%\r\n    position absolute\r\n    z-index 40\r\n\r\n    a\r\n      background-color #262626\r\n      color #A3A3A3\r\n      padding 5px\r\n      z-index 40\r\n\r\n    a.hover\r\n      background-color #007370\r\n      color #fff\r\n\r\n  .toggle-sidebar.left\r\n    top 0\r\n    left 0\r\n\r\n  .toggle-sidebar.right\r\n    top 0\r\n    right 0\r\n\r\n#rightPanel ::-webkit-scrollbar\r\n#leftPanel ::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n\r\n#rightPanel ::-webkit-scrollbar-track\r\n#leftPanel ::-webkit-scrollbar-track {\r\n    background: #18181B;\r\n}\r\n\r\n#rightPanel ::-webkit-scrollbar-thumb\r\n#leftPanel ::-webkit-scrollbar-thumb {\r\n    background: rgba(0, 0, 0, 0.5);\r\n    border-radius: 0;\r\n}\r\n\r\n#rightPanel ::-webkit-scrollbar-thumb:hover\r\n#leftPanel ::-webkit-scrollbar-thumb:hover {\r\n    background: rgba(0, 0, 0, 0.75);\r\n}\r\n",
               "@import './lib';\r\n\r\n#toolbar\r\n  background-color $bgdark\r\n\r\n  .toolbarActions\r\n    padding 0\r\n    height 48px\r\n    display grid\r\n    grid-template-columns repeat(2, minmax(0, 1fr))\r\n\r\n    a.button\r\n      display flex\r\n      justify-content center\r\n      align-items center\r\n      flex-direction column\r\n      margin 0\r\n\r\n      svg\r\n        color inherit\r\n\r\n      span\r\n        font-size 12px\r\n\r\n    a.button:hover\r\n      color $primary\r\n\r\n    a.disabled\r\n      color #666\r\n      cursor default\r\n\r\n#leftPanel\r\n  display flex\r\n  flex-direction column\r\n  width 20rem\r\n  height calc(100vh - 48px)\r\n\r\n.scenegraph-menubar\r\n    display flex\r\n    height 40px\r\n    width 100%\r\n    justify-content space-between\r\n    background-color $bg\r\n    \r\n#githubLink\r\n    display flex\r\n    align-items center\r\n    gap 8px\r\n    font-size 14px\r\n    height 100%\r\n    width 320px\r\n    color $lightgray\r\n    padding 0 10px\r\n    text-decoration none\r\n\r\n    svg\r\n        height 18px\r\n\r\n#githubLink:hover\r\n    color $primary\r\n\r\n    svg\r\n        color $primary\r\n    \r\n#scenegraph\r\n  background $bg\r\n  border-top 1px solid #111\r\n  display flex\r\n  flex-direction column\r\n  overflow auto\r\n  width 100%\r\n  height calc(100vh - 40px)\r\n\r\n  .entity\r\n    background $bg\r\n    cursor pointer\r\n    display flex\r\n    justify-content space-between\r\n    padding 10px\r\n    white-space nowrap\r\n\r\n    &:hover\r\n      background $bgdark\r\n\r\n    &.active\r\n      background-color #09090B\r\n      color #fff\r\n      .component:hover\r\n        color rgba(0, 0, 0, 0.5)\r\n      .entityActions\r\n        display flex\r\n\r\n    &.novisible\r\n      &.active\r\n        span,\r\n        svg,\r\n        .collapsespace,\r\n        .id\r\n          color #999\r\n\r\n      &:not(.active)\r\n        span,\r\n        svg,\r\n        .collapsespace,\r\n        .id\r\n          color #626262\r\n\r\n    &.drag-before\r\n      border-top 2px solid $primary\r\n\r\n    &.drag-after\r\n      border-bottom 2px solid $primary\r\n\r\n    &.drag-inside\r\n      background-color $primary\r\n      color $bgdark\r\n\r\n  .component:hover\r\n    color rgba(0, 0, 0, 0.5)\r\n\r\n  .entityIcons\r\n    margin-left 2px\r\n\r\n  .entityActions\r\n    display none\r\n    margin 0 4px\r\n\r\n    .button\r\n      color #fff\r\n      font-size 12px\r\n      margin-left 6px\r\n\r\n  svg\r\n    color #CCC\r\n\r\n  .entityActions svg:hover\r\n    color $primary\r\n\r\n  .active svg\r\n    color #FAFAFA\r\n\r\n  .id\r\n    color #ccc\r\n\r\n  .option.active .id\r\n    color #fff\r\n\r\n  .collapsespace\r\n    color #eee\r\n    display inline-block\r\n    text-align center\r\n    width 14px\r\n    margin-left 8px\r\n\r\n  .fa-eye\r\n    color #bbb\r\n\r\n  .icons a.button\r\n    color #fff\r\n\r\n  .search\r\n    padding 0px\r\n    font-size 16px\r\n    position relative\r\n    overflow hidden\r\n\r\n    input\r\n      color $white\r\n      background $bg\r\n      border-radius 0px\r\n      border-bottom 1px solid $bgdark\r\n      height 40px\r\n      text-indent 10px\r\n      width 100%\r\n\r\n    svg\r\n      position absolute\r\n      right 12px\r\n      top 12px\r\n\r\n  .outliner\r\n    background $bg\r\n    color $white\r\n    cursor default\r\n    flex 1 1 auto\r\n    font-size 14px\r\n    line-height normal\r\n    outline none\r\n    overflow-y auto\r\n    padding 0px\r\n    width 100%\r\n\r\n.scenegraph-bottom\r\n  background-color #323232\r\n  border-top 1px solid #111\r\n  bottom 10\r\n  height 40px\r\n  left 0\r\n  z-index 100\r\n\r\n  a\r\n    float right\r\n    margin 10px\r\n",
               '@import \'./lib\';\n\npropertyRowDefined() {\n  .propertyRowDefined {\n    {block}\n  }\n}\n\n.sidebar-header\n  height 16px\n  font-weight 600\n  color white\n\n.componentHeader.title\n  height 40px\n  width 100%\n  display flex\n  align-items center\n  justify-content space-between\n  background-color $bg\n\n  h3\n    margin 0px auto 0px 15px\n    font-size 14px\n    font-family ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n\n  a\n    width 40px\n    height 40px\n    display flex\n    align-items center\n    justify-content center\n    font-size 16px\n    cursor pointer\n\n.components\n  background-color $bg\n  color #A3A3A3\n  overflow auto\n  width 100%\n\ndiv.vec2,\ndiv.vec3,\ndiv.vec4\n  display flex\n  gap 4px\n\n.vec2 input.number,\n.vec3 input.number\n  width 50px\n\n.vec4 input.number\n  width 34px\n\n.collapsible-header\n  align-items center\n  display flex\n  justify-content space-between\n  .entityPrint\n    color #fff\n\n.collapsible-content\n  padding 5px 0\n  display flex\n  flex-direction column\n  gap 8px\n\n.componentTitle span\n  max-width 200px\n  overflow hidden\n  text-overflow ellipsis\n  text-transform uppercase\n  white-space nowrap\n  color #fff\n  font-weight 600\n  vertical-align bottom !important\n  display flex\n\n.collapsible .static\n  background $bglight\n  border-bottom 2px solid $bg\n  box-sizing content-box\n  cursor pointer\n  padding 12px 10px\n  vertical-align bottom\n  font-size 12px\n  &:hover\n    background $bglighter\n/*\n.collapsible\n  &.collapsed\n    background-color $grayalt\n    .static,\n    .componentHeaderActions\n      color #dedede\n    &:hover\n      background-color $grayhover\n*/\n.collapsible .menu\n  text-align right\n\n.collapsible .menuafter\n  color #bbb\n  content \'\\2807\'\n  font-size 12px\n  padding 5px\n  text-align right\n\n.collapsible .static\n  margin 0\n\n.collapsible .static .collapse-button\n  border 6px solid transparent\n  float left\n  height 0\n  margin-right 10px\n  margin-left 2px\n  width 0\n\n.collapsible.collapsed .static .collapse-button\n  border-left-color $white\n  margin-top 4px\n\n.collapsible:not(.collapsed) .static .collapse-button\n  border-top-color $white\n  margin-top 7px\n\n.propertyRow\n  display flex\n  flex-direction column\n  font-size 12px\n  min-height 30px\n  padding 2px 15px\n\n  .text\n    cursor default\n    display inline-block\n    overflow hidden\n    padding-bottom 4px\n    text-overflow ellipsis\n    vertical-align middle\n    width 180px\n    text-transform capitalize\n\n  .map_value\n    margin 0 0 0 5px\n    width 68px\n\n  .Select-control\n    font-size 11px\n    height 24px\n\n  .Select-placeholder,\n  .Select--single > .Select-control .Select-value\n    line-height 19px\n\n  .Select-input\n    height 22px\n\n  input[type=text],\n  input[type=number],\n  input.string,\n  input.number\n    background $bgdark\n    border-radius 8px\n    color white\n    min-height 32px\n    padding-bottom 1px\n    padding-left 8px\n    padding-right 8px\n    padding-top 1px\n    &:last-child\n      padding-right 0\n\n  input.string\n    padding-left 8px\n    box-sizing border-box\n    width 100%\n\n  input[type=text]:focus,\n  input.string:focus\n    box-shadow none\n\n  .color_value\n    margin 0 0 0 5px\n    width 68px\n    letter-spacing 1px\n\n.propertyRowDefined .text\n  color $red\n  font-weight 500\n\n.components *\n  vertical-align middle\n\nspan.subcomponent\n  color #999\n  float none !important\n  margin-left 10px\n  vertical-align top !important\n\na.help-link\n  opacity 0.4\n\na.help-linkhover\n  opacity 1\n\n#addComponentContainer\n  align-items center\n  display flex\n  flex-direction column\n  justify-content center\n  padding 20px 10px\n  background $bgdark\n\n  #addComponent\n    text-align left\n    width 200px\n    .select__control\n      background #161616\n      height 35px\n      color $primary\n    .option\n      display flex\n      justify-content space-between\n      span\n        color $primary\n\n  #addComponentHeader\n    font-size 15px\n    margin 5px 0 10px 0\n\n  input[type=text]:focus\n    box-shadow none\n\n.Select-menu-outer .is-focused span\n  color #fff\n\n.component-title\n  align-items center\n  display flex\n\n#componentEntityHeader\n  .collapsible-header\n    position relative\n  .collapse-button\n    display none\n  .static\n    height 14px\n    background $bgdark\n  .entityPrint\n    font-size 14px\n    padding-left 5px\n  .entityName\n    max-width 160px\n    top 0\n  .entityIcons\n    color #FAFAFA\n\n#mixinSelect\n  width 100%\n\n.propertyRow .texture\n  display flex\n  gap 4px\n  input\n    margin-left 0\n\n#componentEntityHeader .gltfIcon img\n  top 0\n\nsvg\n  color $white\n  &:hover\n    color $primary\n',
               '@import \'./lib\';\n\n.entityPrint\n  font-family $normalfont\n  line-height 1.15em\n\n.entityName\n  display inline-block\n  overflow hidden\n  position relative\n  text-overflow ellipsis\n  top 3px\n  white-space nowrap\n\n[data-entity-name-type="id"]\n  color $red\n\n[data-entity-name-type="class"]\n  color $green\n\n[data-entity-name-type="mixin"]\n  color $orange\n',
               '.help-lists\r\n  display flex\r\n  justify-content space-around\r\n\r\n.help-list\r\n  list-style none\r\n  margin 0\r\n  padding 0 0 10px\r\n  width 350px\r\n\r\n.help-list li\r\n  margin-right 40px\r\n\r\n.help-key-unit\r\n  line-height 1.8\r\n  margin-right 2em\r\n  padding 5px 0\r\n\r\n.help-key\r\n  bottom 2px\r\n  margin-right 4px\r\n  min-width 60px\r\n  position relative\r\n\r\n.help-key span\r\n  background-color #2e2e2e\r\n  background-repeat repeat-x\r\n  border 1px solid #666\r\n  border-radius 3px\r\n  box-shadow 0 0 5px #000\r\n  color #999\r\n  display inline-block\r\n  font-size 12px\r\n  padding 0 8px\r\n  text-align center\r\n\r\n.help-key-def\r\n  color #bbb\r\n  display inline-block\r\n  margin-left 1em\r\n',
               "@import './lib';\n\n.select__control\n  border 0\n  border-radius 8px\n  cursor pointer\n  min-height 32px\n  font-family $monospace\n  font-size 14px\n\n.select__indicator\n  height 26px\n\n.select__indicator-separator\n  display none\n\n.select__input\n  min-height auto !important\n\n.select__control,\n.select__menu\n  background $bgdark\n\n.select__option\n  padding 5px 10px\n\n.select__placeholder,\n.select__menu\n  color $white\n\n.select__single-value\n  color white\n\n.select__control--is-focused\n  box-shadow none !important\n\n.select__option\n  cursor pointer\n\n.select__clear-indicator\n  display none\n\n.select__label\n  font-size 14px\n\n.select__option--is-focused\n  background $bg\n\n.select__value-container\n  height 32px\n  position static\n  &.select__value-container--is-multi\n    height auto\n    padding 6px\n\n.select__dropdown-indicator\n  padding 3px 8px\n\n.select__multi-value\n  background $bg\n  color $primary\n\n.select__multi-value__label\n  color $primary\n\n.select__value-container--is-multi > :last-child\n  display none\n\n.select__multi-value__remove:hover\n  color #fff\n  background $bg\n",
-              '.modal\n  animation animateopacity 0.2s ease-out\n  display flex\n  height 100%\n  left 0\n  overflow auto\n  position fixed\n  top 0\n  width 100%\n  z-index 9999999999\n  backdrop-filter blur(4px)\n  background-color rgba(0, 0, 0, .5)\n\n.modal h3\n  font-size 16px\n  font-weight 500\n  margin 0.6em 0\n\n#textureModal .modal-content\n  height calc(100% - 96px)\n  max-width calc(100% - 96px)\n  border-radius 8px\n\n.modal-content\n  animation animatetop 0.2s ease-out\n  animation-duration 0.2s\n  animation-name animatetop\n  background-color #18181B\n  margin auto\n  overflow hidden\n  padding 0\n\n.close\n  color #ffffff80\n  float right\n  font-size 24px\n  font-weight bold\n\n  &:hover\n    cursor pointer\n    color #ffffff\n\n.closehover,\n.closefocus\n  color #08f\n  cursor pointer\n  text-decoration none\n\n.modal-header\n  color white\n  padding 2px 16px\n\n.modal-body\n  overflow auto\n  padding 16px\n  height inherit\n\n.modal-footer\n  color white\n  padding 2px 16px\n\n/* Gallery */\n.gallery\n  background #232323\n  display flex\n  flex-wrap wrap\n  margin 15px auto 0\n  overflow auto\n  padding 15px 3px 3px\n\n.newimage .gallery\n  padding 8px\n\n.gallery li\n  border-radius 8px\n  box-shadow 0 0 6px rgba(0, 0, 0, 0.6)\n  cursor pointer\n  margin 8px\n  overflow hidden\n  width 155px\n\n.gallery li.selected,\n.gallery li:hover\n  box-shadow 0 0 0 2px #00ff99\n\n.gallery li .detail\n  background-color #323232\n  margin 0\n  min-height 60px\n  padding 4px 8px 8px 8px\n\n.preview\n  padding 10px\n  width 150px\n\n.preview input\n  display block\n  margin 8px 0\n  width 144px\n\n.preview button\n  width 155px\n\n.preview .detail .title\n  color #fff\n  display inline-block\n  max-width 155px\n  overflow hidden\n  text-overflow ellipsis\n  white-space nowrap\n\n.gallery li.selected .detail,\n.gallery li:hover .detail\n  background-color #444\n\n.gallery li .detail span\n  color #777\n  display block\n  margin-top 4px\n  overflow hidden\n  text-overflow ellipsis\n  white-space nowrap\n  width 140px\n\n.gallery li.selected .detail span,\n.gallery li:hover .detail span\n  color #888\n\n.gallery li .detail span.title\n  color #fff !important\n\n.modal button\n  appearance none\n  border-radius 0\n  box-shadow none\n  cursor pointer\n  display inline-block\n  font-size 12px\n  line-height 1.8\n  margin 0 0 0 0\n  padding 5px 10px\n\n.modal buttonfocus\n  outline none\n\n.modal button\n  background-color #09090b\n  border none\n  color #fff\n  border-radius 8px\n  font-weight 500\n  padding 8px 16px\n  text-transform capitalize\n\n.modal buttonhover,\n.modal button.hover\n  background-color #346392\n  text-shadow -1px 1px #27496d\n\n.modal buttonactive,\n.modal button.active\n  background-color #27496d\n  text-shadow -1px 1px #193047\n\n.modal buttondisabled\n  background-color #888\n  cursor none\n\n.newimage\n  background-color #323232\n  color #A3A3A3\n  display flex\n  font-size 14px\n  justify-content space-between\n  margin-top 16px\n  overflow auto\n  padding 8px\n  border-radius 8px\n\n.newimage input\n  color #00ff99\n  padding 3px 5px\n\n.texture canvas + input\n  margin-left 5px\n\n.texture svg\n  padding-right 5px\n\n.uploader-normal-button .hidden\n  display none\n\n.assets.search\n  position relative\n  margin-top 10px\n  width 200px\n\n.assets.search svg\n  position absolute\n  right 0px\n  top 5px\n\n.new_asset_options\n  margin 10px\n\n.new_asset_options > ul\n  margin-left 10px\n  padding 5px\n\n.new_asset_options > ul > li\n  padding 10px 0\n\n.new_asset_options .imageUrl\n  margin-left 5px\n  width 350px\n\n.texture canvas\n  border 1px solid rgba(255, 255, 255, .15)\n  border-radius 8px\n  cursor pointer\n',
+              '.modal\r\n  animation animateopacity 0.2s ease-out\r\n  display flex\r\n  height 100%\r\n  left 0\r\n  overflow auto\r\n  position fixed\r\n  top 0\r\n  width 100%\r\n  z-index 9999999999\r\n  backdrop-filter blur(4px)\r\n  background-color rgba(0, 0, 0, .5)\r\n\r\n.modal h3\r\n  font-size 16px\r\n  font-weight 500\r\n  margin 0.6em 0\r\n\r\n#textureModal .modal-content\r\n  height calc(100% - 96px)\r\n  max-width calc(100% - 96px)\r\n  border-radius 8px\r\n\r\n.modal-content\r\n  animation animatetop 0.2s ease-out\r\n  animation-duration 0.2s\r\n  animation-name animatetop\r\n  background-color #18181B\r\n  margin auto\r\n  overflow hidden\r\n  padding 0\r\n\r\n.close\r\n  color #ffffff80\r\n  float right\r\n  font-size 24px\r\n  font-weight bold\r\n\r\n  &:hover\r\n    cursor pointer\r\n    color #ffffff\r\n\r\n.closehover,\r\n.closefocus\r\n  color #08f\r\n  cursor pointer\r\n  text-decoration none\r\n\r\n.modal-header\r\n  color white\r\n  padding 2px 16px\r\n\r\n.modal-body\r\n  overflow auto\r\n  padding 16px\r\n  height inherit\r\n\r\n  &::-webkit-scrollbar\r\n    width 8px\r\n    height 8px\r\n\r\n  &::-webkit-scrollbar-track\r\n    background #18181B\r\n    border-radius 4px\r\n\r\n  &::-webkit-scrollbar-thumb\r\n    background #3f3f46\r\n    border-radius 4px\r\n    transition background 0.2s ease\r\n\r\n  &::-webkit-scrollbar-thumb:hover\r\n    background #52525b\r\n\r\n  &::-webkit-scrollbar-corner\r\n    background #18181B\r\n\r\n.modal-footer\r\n  color white\r\n  padding 2px 16px\r\n\r\n/* Gallery */\r\n.gallery\r\n  display flex\r\n  flex-wrap wrap\r\n  overflow auto\r\n  gap 12px\r\n  padding 2px\r\n\r\n.newimage .gallery\r\n\r\n/* Toolbar */\r\n.texture-toolbar\r\n  display flex\r\n  align-items center\r\n  gap 12px\r\n  margin-bottom 12px\r\n  max-height 65vh\r\n\r\n.url-input-group\r\n  flex 1\r\n  display flex\r\n  gap 8px\r\n  align-items center\r\n\r\n.url-input-group .imageUrl\r\n  flex 1\r\n  height 32px\r\n  padding 0 12px\r\n  border-radius 8px\r\n  border none\r\n  background #232323\r\n  color #00ff99\r\n  font-size 13px\r\n\r\n.url-input-group .imageUrl::placeholder\r\n  color #666\r\n\r\n.url-input-group .load-url-btn\r\n  height 32px\r\n  padding 0 16px\r\n  white-space nowrap\r\n  font-size 12px\r\n\r\n.registry-section\r\n  margin-bottom 12px\r\n\r\n.section-label\r\n  display block\r\n  margin-bottom 8px\r\n  color #888\r\n  font-size 13px\r\n\r\n.gallery-item\r\n  border-radius 8px\r\n  box-shadow 0 0 6px rgba(0, 0, 0, 0.6)\r\n  cursor pointer\r\n  overflow hidden\r\n  width 155px\r\n  transition box-shadow 0.15s ease\r\n\r\n.gallery-item.selected,\r\n.gallery-item:hover\r\n  box-shadow 0 0 0 2px #00ff99\r\n\r\n.gallery-item .detail\r\n  background-color #323232\r\n  margin 0\r\n  min-height 60px\r\n  padding 4px 8px 8px 8px\r\n\r\n.preview\r\n  width 250px\r\n\r\n.preview label\r\n  color #888\r\n  font-size 12px\r\n  display block\r\n  margin-bottom 4px\r\n\r\n.preview input\r\n  display block\r\n  margin 0 0 12px 0\r\n  height 24px\r\n  width 230px\r\n  border-radius 8px\r\n\r\n.preview img\r\n  border-radius 8px\r\n  margin-bottom 8px\r\n\r\n.preview button\r\n  width 242px\r\n  margin-top 8px\r\n\r\n.preview button:hover\r\n  background-color #00ff99\r\n  color #000\r\n\r\n.preview .detail\r\n  margin-bottom 8px\r\n\r\n.preview .detail .title\r\n  color #fff\r\n  display block\r\n  max-width 230px\r\n  overflow hidden\r\n  text-overflow ellipsis\r\n  white-space nowrap\r\n  font-size 13px\r\n\r\n.preview .detail .dimensions\r\n  color #888\r\n  font-size 12px\r\n  display block\r\n  margin-top 4px\r\n\r\n.gallery-item.selected .detail,\r\n.gallery-item:hover .detail\r\n  background-color #444\r\n\r\n.gallery-item .detail span\r\n  color #777\r\n  display block\r\n  margin-top 4px\r\n  overflow hidden\r\n  text-overflow ellipsis\r\n  white-space nowrap\r\n  width 140px\r\n\r\n.gallery-item.selected .detail span,\r\n.gallery-item:hover .detail span\r\n  color #888\r\n\r\n.gallery-item .detail span.title\r\n  color #fff !important\r\n\r\n.gallery .loading-indicator\r\n  background transparent\r\n  box-shadow none\r\n  color #888\r\n  display flex\r\n  align-items center\r\n  justify-content center\r\n  width 100%\r\n  padding 40px 20px\r\n  font-size 14px\r\n  animation pulse 1.5s ease-in-out infinite\r\n\r\n@keyframes pulse\r\n  0%, 100%\r\n    opacity 0.5\r\n  50%\r\n    opacity 1\r\n\r\n.modal button\r\n  appearance none\r\n  border-radius 0\r\n  box-shadow none\r\n  cursor pointer\r\n  display inline-block\r\n  font-size 12px\r\n  line-height 1.8\r\n  margin 0 0 0 0\r\n  padding 5px 10px\r\n\r\n.modal buttonfocus\r\n  outline none\r\n\r\n.modal button\r\n  background-color #09090b\r\n  border none\r\n  color #fff\r\n  border-radius 8px\r\n  font-weight 500\r\n  padding 8px 16px\r\n  text-transform capitalize\r\n  transition all 0.2s ease-in-out\r\n\r\n.modal button:hover\r\n  background-color #00ff99\r\n  color #000\r\n\r\n.modal buttonhover,\r\n.modal button.hover\r\n  background-color #346392\r\n  text-shadow -1px 1px #27496d\r\n\r\n.modal buttonactive,\r\n.modal button.active\r\n  background-color #27496d\r\n  text-shadow -1px 1px #193047\r\n\r\n.modal buttondisabled\r\n  background-color #888\r\n  cursor none\r\n\r\n.newimage\r\n  color #A3A3A3\r\n  display flex\r\n  gap 24px\r\n  font-size 14px\r\n  justify-content space-between\r\n  overflow auto\r\n  max-height 74vh\r\n\r\n.newimage input\r\n  color #00ff99\r\n  padding 3px 5px\r\n\r\n.texture canvas + input\r\n  margin-left 5px\r\n\r\n.texture svg\r\n  padding-right 5px\r\n\r\n.uploader-normal-button .hidden\r\n  display none\r\n\r\n.assets.search\r\n  position relative\r\n  margin-top 8px\r\n  width 100%\r\n\r\n.assets.search svg\r\n  position absolute\r\n  right 10px\r\n  top 8px\r\n\r\n.assets.search input\r\n  width calc(100% - 12px)\r\n  height 20px\r\n  padding 5px\r\n  border-radius 8px\r\n\r\n.new_asset_options\r\n  width 100%\r\n\r\n.new_asset_options > ul\r\n  margin-left 10px\r\n  padding 5px\r\n\r\n.new_asset_options > ul > li\r\n  padding 10px 0\r\n\r\n.new_asset_options .imageUrl\r\n  margin-left 5px\r\n  width 350px\r\n  height 24px\r\n  border-radius 8px\r\n\r\n.texture canvas\r\n  border 1px solid rgba(255, 255, 255, .15)\r\n  border-radius 8px\r\n  cursor pointer\r\n',
               "@import './lib';\n\n#viewportBar\n  align-items center\n  color $white\n  position absolute\n  top 0\n  left 50%\n  transform translateX(-50%)\n  flex-grow 2\n  display flex\n  height 40px\n  font-size 14px\n  justify-content space-between\n  margin 8px auto\n  width auto\n  background $bg\n  border-radius 8px\n\n  .viewportHud-menubar\n    display flex\n    height 40px\n    width 240px\n    align-items center\n    justify-content flex-end\n\n#viewportHud\n  padding 0px 4px\n  margin 0 4px\n  background $bgdark\n  overflow-x auto\n  overflow-y hidden\n  height 30px\n  width 230px\n  border-radius 8px\n  display flex!important\n  align-items center\n  justify-content end\n\n  p\n    margin 0\n    font-size 14px\n\n#pageToolbar\n  display flex\n  align-items center\n  height 48px\n\n  .button\n    width 48px\n    height 48px\n    border 0\n    background none\n    font-size 16px\n    cursor pointer\n\n  .button:hover\n    background #141417\n\n    svg\n      color $primary\n\n.toolbarButtons\n  display flex\n  align-items center\n  height 40px\n\n  *\n    margin-left 0 !important\n    vertical-align middle\n    height 48px\n    display flex\n    align-items center\n\n  a.button\n    & svg\n      padding 12px\n\n    &:not(.active) svg:hover\n      background-color #141417\n\n  .active svg\n    background-color #141417!important\n    color $primary\n\n  .active:hover svg\n    color #fff !important\n\n.local-transform\n  padding-left 10px\n  padding-right 20px\n\n.local-transform label\n  color $lightgray\n  padding-left 8px\n  font-size 14px\n\n.local-transform a.button\n  padding-top 0\n\n#cameraSelect\n  cursor pointer\n  width 120px\n  .select__dropdown-indicator\n    padding-left 3px\n    padding-right 3px\n\n#cameraToolbar\n  align-items center\n  height 40px\n  padding 0 5px\n  display flex\n\n  #cameraSelect\n    width 160px // Adjust width to accommodate icon + text\n    .select__control\n      background-color $bgdark\n      border none\n      min-height 30px // Adjust height\n      height 30px\n      box-shadow none\n      &:hover\n        border-color $grey\n    .select__value-container\n      padding 0 4px\n    .select__single-value\n      color $white\n      display flex\n      align-items center\n      svg\n        margin-right 8px\n        width 16px\n        height 16px\n    .select__indicator-separator\n      display none\n    .select__dropdown-indicator\n      padding 4px\n      color $grey\n      &:hover\n        color $white\n    .select__menu\n      background-color $bgdark\n    .select__option\n      background-color $bgdark\n      color $white\n      display flex\n      align-items center\n      svg\n        margin-right 8px\n        width 24px\n        height 24px\n      &:hover\n        background-color #141417\n        color $primary\n        svg\n          fill $primary\n      &--is-focused\n        background-color #141417 // Keep focus style consistent with hover\n      &--is-selected\n        background-color $bgdark // Keep selected background subtle if needed\n        color $primary\n        svg\n          fill $primary\n\n#viewportHud\n  display none\n  +media--1024()\n    display block\n",
               "@import './lib';\n\n.Select-control\n  background-color #222 !important\n  border none\n  border-radius 0\n  color $primary\n  font-family $monosapce\n\n.Select-menu-outer\n  border none\n\n.Select-menu-outer .is-focused\n  background-color $primary !important\n  color $white\n\n.Select-option\n  background-color #222 !important\n\n.select-widget\n  display inline-block\n  width 100%\n  border-radius 8px\n\n.Select-placeholder,\n.Select--single > .Select-control .Select-value\n  color $primary !important\n\n.Select-value-label\n  color $primary !important\n\n/* Dropdown menu */\n.dropbtn\n  border none\n  color $white\n  cursor pointer\n\n.dropdown\n  display inline-block\n  position relative\n\n.dropdown-content\n  background-color #f9f9f9\n  box-shadow 0 8px 16px 0 rgba(0, 0, 0, 0.2)\n  display none\n  left 8px\n  min-width 38px\n  position absolute\n  z-index 999\n\n.dropdown-content a\n  background-color #232323\n  color #7d7d7d\n  display block\n  padding 10px 14px\n  text-decoration none\n\n.dropdown-content a:hover\n  background-color #007370\n  color $white\n\n.dropdownhover .dropdown-content\n  display block\n\n.dropdownhover .dropbtn\n  color $primary\n\n.color-widget\n  display flex\n  justify-content space-between\n  align-items center\n",
               '.modal-overlay\n  position fixed\n  top 0\n  left 0\n  right 0\n  bottom 0\n  backdrop-filter blur(4px)\n  background-color rgba(0, 0, 0, .5)\n  display flex\n  justify-content center\n  align-items center\n  z-index 1000 /* Ensure modal is on top */\n\n.modal-content\n  color #eee /* Light text */\n  border-radius 8px\n  min-width 300px\n  max-width 600px\n  width 100%\n  box-shadow 0 4px 15px rgba(0, 0, 0, 0.2)\n\n#primitive-modal .modal-header\n  display flex\n  justify-content space-between\n  align-items center\n\n.modal-body\n  display flex\n  flex-direction column\n\n#primitive-modal h3\n  text-align center\n  color #fff\n  font-size 16px\n  font-weight 500\n  margin 0.6em 0\n\n.primitive-grid\n  display grid\n  grid-template-columns repeat(auto-fit, minmax(100px, 1fr)) /* Responsive grid */\n  gap 16px\n\n.primitive-button\n  background-color #09090B\n  color white\n  padding 8px\n  border-radius 8px\n  cursor pointer\n  transition background-color 0.2s ease, transform 0.1s ease\n  text-align center\n  aspect-ratio 1\n  border none\n  display flex\n  flex-direction column\n  gap 8px\n  justify-content center\n  align-items center\n\n  svg\n    width 48px\n    height 48px\n    margin 4px auto\n    color red\n    opacity .4\n\n.primitive-button:hover\n  border 1px solid #00FF99\n\n  svg\n    opacity 1\n\n\n.primitive-button:active\n  border 1px solid #00FF99\n\n  svg\n    opacity 1\n\n.modal-close-button\n  background-color #777 /* Different color for cancel */\n  color #eee\n  border 1px solid #999\n  padding 8px 15px\n  border-radius 4px\n  cursor pointer\n  transition background-color 0.2s ease\n  align-self flex-end /* Position cancel button to the right */\n\n.modal-close-button:hover\n  background-color #888\n'
@@ -95007,7 +95091,7 @@ object-assign
       /***/ (module) => {
         'use strict';
         module.exports = /*#__PURE__*/ JSON.parse(
-          '{"name":"senangwebs-aframe-editor","version":"1.6.9","description":"A fork of A-Frame Inspector designed to be use as visual editor used in SenangWebs.","main":"dist/aframe-inspector.min.js","scripts":{"build":"webpack --progress","deploy":"npm run ghpages","dist":"npm run dist:max && npm run dist:min","dist:max":"npm run build","dist:min":"cross-env MINIFY=true npm run build","ghpages":"npm run preghpages && ghpages -p gh-pages","lint":"npm run lintfile src/","lint:css":"stylelint src/css/main.css","lintfile":"eslint","preghpages":"npm run dist && shx rm -rf gh-pages && shx mkdir gh-pages && shx cp -r assets dist examples index.html gh-pages && shx sed -i http://localhost:3333 .. gh-pages/examples/index.html","prepare":"husky install","prepublish":"npm run dist","prettier":"prettier --write \'src/**/*.js\'","start":"webpack serve --progress -d eval-source-map","test":"jest --watch","test:ci":"jest"},"repository":"aframevr/aframe-inspector","license":"MIT","dependencies":{"@fortawesome/free-solid-svg-icons":"^6.5.1","@fortawesome/free-brands-svg-icons":"^6.5.1","clipboard-copy":"^4.0.1","clsx":"^2.1.0","lodash.debounce":"^4.0.8","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","react-select":"^5.8.0","three":"0.168.0"},"devDependencies":{"@babel/core":"^7.24.0","@babel/eslint-parser":"^7.23.10","@babel/preset-env":"^7.24.0","@babel/preset-react":"^7.23.3","autoprefixer":"^10.4.17","babel-jest":"^29.7.0","babel-loader":"^9.1.3","cross-env":"^7.0.3","css-loader":"^6.10.0","eslint":"^8.57.0","eslint-config-standard":"^17.1.0","eslint-plugin-react":"^7.33.2","ghpages":"0.0.10","husky":"^8.0.1","jest":"^29.7.0","lint-staged":"^13.0.3","postcss-loader":"^8.1.1","prettier":"^3.2.5","react-test-renderer":"^18.2.0","shx":"^0.3.4","style-loader":"^3.3.4","stylelint":"^16.2.1","stylelint-config-standard":"^36.0.0","stylelint-order":"^6.0.4","stylus":"^0.62.0","stylus-loader":"^8.1.0","webpack":"^5.91.0","webpack-cli":"^5.1.4","webpack-dev-server":"^5.0.4"},"keywords":["3d","aframe","editor","inspector","three.js","tool","unity","vr","virtualreality","webvr","wysiwyg"],"lint-staged":{"*.js":"prettier --write"}}'
+          '{"name":"senangwebs-aframe-editor","version":"1.6.14","description":"A fork of A-Frame Inspector designed to be use as visual editor used in SenangWebs.","main":"dist/aframe-inspector.min.js","scripts":{"build":"webpack --progress","deploy":"npm run ghpages","dist":"npm run dist:max && npm run dist:min","dist:max":"npm run build","dist:min":"cross-env MINIFY=true npm run build","ghpages":"npm run preghpages && ghpages -p gh-pages","lint":"npm run lintfile src/","lint:css":"stylelint src/css/main.css","lintfile":"eslint","preghpages":"npm run dist && shx rm -rf gh-pages && shx mkdir gh-pages && shx cp -r assets dist examples index.html gh-pages && shx sed -i http://localhost:3333 .. gh-pages/examples/index.html","prepare":"husky install","prepublish":"npm run dist","prettier":"prettier --write \'src/**/*.js\'","start":"webpack serve --progress -d eval-source-map","test":"jest --watch","test:ci":"jest"},"repository":"aframevr/aframe-inspector","license":"MIT","dependencies":{"@fortawesome/free-solid-svg-icons":"^6.5.1","@fortawesome/free-brands-svg-icons":"^6.5.1","clipboard-copy":"^4.0.1","clsx":"^2.1.0","lodash.debounce":"^4.0.8","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0","react-select":"^5.8.0","three":"0.168.0"},"devDependencies":{"@babel/core":"^7.24.0","@babel/eslint-parser":"^7.23.10","@babel/preset-env":"^7.24.0","@babel/preset-react":"^7.23.3","autoprefixer":"^10.4.17","babel-jest":"^29.7.0","babel-loader":"^9.1.3","cross-env":"^7.0.3","css-loader":"^6.10.0","eslint":"^8.57.0","eslint-config-standard":"^17.1.0","eslint-plugin-react":"^7.33.2","ghpages":"0.0.10","husky":"^8.0.1","jest":"^29.7.0","lint-staged":"^13.0.3","postcss-loader":"^8.1.1","prettier":"^3.2.5","react-test-renderer":"^18.2.0","shx":"^0.3.4","style-loader":"^3.3.4","stylelint":"^16.2.1","stylelint-config-standard":"^36.0.0","stylelint-order":"^6.0.4","stylus":"^0.62.0","stylus-loader":"^8.1.0","webpack":"^5.91.0","webpack-cli":"^5.1.4","webpack-dev-server":"^5.0.4"},"keywords":["3d","aframe","editor","inspector","three.js","tool","unity","vr","virtualreality","webvr","wysiwyg"],"lint-staged":{"*.js":"prettier --write"}}'
         );
 
         /***/
@@ -95846,6 +95930,283 @@ object-assign
         /***/
       },
 
+    /***/ './src/components/ErrorBoundary.js':
+      /*!*****************************************!*\
+  !*** ./src/components/ErrorBoundary.js ***!
+  \*****************************************/
+      /***/ (
+        __unused_webpack_module,
+        __webpack_exports__,
+        __webpack_require__
+      ) => {
+        'use strict';
+        __webpack_require__.r(__webpack_exports__);
+        /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+          /* harmony export */ default: () => /* binding */ ErrorBoundary
+          /* harmony export */
+        });
+        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
+          __webpack_require__(/*! react */ './node_modules/react/index.js');
+        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
+          /*#__PURE__*/ __webpack_require__.n(
+            react__WEBPACK_IMPORTED_MODULE_0__
+          );
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ =
+          __webpack_require__(
+            /*! prop-types */ './node_modules/prop-types/index.js'
+          );
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default =
+          /*#__PURE__*/ __webpack_require__.n(
+            prop_types__WEBPACK_IMPORTED_MODULE_2__
+          );
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
+          __webpack_require__(
+            /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
+          );
+        function _typeof(o) {
+          '@babel/helpers - typeof';
+          return (
+            (_typeof =
+              'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
+                ? function (o) {
+                    return typeof o;
+                  }
+                : function (o) {
+                    return o &&
+                      'function' == typeof Symbol &&
+                      o.constructor === Symbol &&
+                      o !== Symbol.prototype
+                      ? 'symbol'
+                      : typeof o;
+                  }),
+            _typeof(o)
+          );
+        }
+        function _classCallCheck(a, n) {
+          if (!(a instanceof n))
+            throw new TypeError('Cannot call a class as a function');
+        }
+        function _defineProperties(e, r) {
+          for (var t = 0; t < r.length; t++) {
+            var o = r[t];
+            (o.enumerable = o.enumerable || !1),
+              (o.configurable = !0),
+              'value' in o && (o.writable = !0),
+              Object.defineProperty(e, _toPropertyKey(o.key), o);
+          }
+        }
+        function _createClass(e, r, t) {
+          return (
+            r && _defineProperties(e.prototype, r),
+            t && _defineProperties(e, t),
+            Object.defineProperty(e, 'prototype', { writable: !1 }),
+            e
+          );
+        }
+        function _callSuper(t, o, e) {
+          return (
+            (o = _getPrototypeOf(o)),
+            _possibleConstructorReturn(
+              t,
+              _isNativeReflectConstruct()
+                ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor)
+                : o.apply(t, e)
+            )
+          );
+        }
+        function _possibleConstructorReturn(t, e) {
+          if (e && ('object' == _typeof(e) || 'function' == typeof e)) return e;
+          if (void 0 !== e)
+            throw new TypeError(
+              'Derived constructors may only return object or undefined'
+            );
+          return _assertThisInitialized(t);
+        }
+        function _assertThisInitialized(e) {
+          if (void 0 === e)
+            throw new ReferenceError(
+              "this hasn't been initialised - super() hasn't been called"
+            );
+          return e;
+        }
+        function _isNativeReflectConstruct() {
+          try {
+            var t = !Boolean.prototype.valueOf.call(
+              Reflect.construct(Boolean, [], function () {})
+            );
+          } catch (t) {}
+          return (_isNativeReflectConstruct =
+            function _isNativeReflectConstruct() {
+              return !!t;
+            })();
+        }
+        function _getPrototypeOf(t) {
+          return (
+            (_getPrototypeOf = Object.setPrototypeOf
+              ? Object.getPrototypeOf.bind()
+              : function (t) {
+                  return t.__proto__ || Object.getPrototypeOf(t);
+                }),
+            _getPrototypeOf(t)
+          );
+        }
+        function _inherits(t, e) {
+          if ('function' != typeof e && null !== e)
+            throw new TypeError(
+              'Super expression must either be null or a function'
+            );
+          (t.prototype = Object.create(e && e.prototype, {
+            constructor: { value: t, writable: !0, configurable: !0 }
+          })),
+            Object.defineProperty(t, 'prototype', { writable: !1 }),
+            e && _setPrototypeOf(t, e);
+        }
+        function _setPrototypeOf(t, e) {
+          return (
+            (_setPrototypeOf = Object.setPrototypeOf
+              ? Object.setPrototypeOf.bind()
+              : function (t, e) {
+                  return (t.__proto__ = e), t;
+                }),
+            _setPrototypeOf(t, e)
+          );
+        }
+        function _defineProperty(e, r, t) {
+          return (
+            (r = _toPropertyKey(r)) in e
+              ? Object.defineProperty(e, r, {
+                  value: t,
+                  enumerable: !0,
+                  configurable: !0,
+                  writable: !0
+                })
+              : (e[r] = t),
+            e
+          );
+        }
+        function _toPropertyKey(t) {
+          var i = _toPrimitive(t, 'string');
+          return 'symbol' == _typeof(i) ? i : i + '';
+        }
+        function _toPrimitive(t, r) {
+          if ('object' != _typeof(t) || !t) return t;
+          var e = t[Symbol.toPrimitive];
+          if (void 0 !== e) {
+            var i = e.call(t, r || 'default');
+            if ('object' != _typeof(i)) return i;
+            throw new TypeError('@@toPrimitive must return a primitive value.');
+          }
+          return ('string' === r ? String : Number)(t);
+        }
+
+        var ErrorBoundary = /*#__PURE__*/ (function (_React$Component) {
+          function ErrorBoundary(props) {
+            var _this;
+            _classCallCheck(this, ErrorBoundary);
+            _this = _callSuper(this, ErrorBoundary, [props]);
+            _defineProperty(_this, 'handleRetry', function () {
+              _this.setState({
+                hasError: false,
+                error: null
+              });
+            });
+            _this.state = {
+              hasError: false,
+              error: null
+            };
+            return _this;
+          }
+          _inherits(ErrorBoundary, _React$Component);
+          return _createClass(
+            ErrorBoundary,
+            [
+              {
+                key: 'componentDidCatch',
+                value: function componentDidCatch(error, errorInfo) {
+                  console.error(
+                    '[A-Frame Inspector] Error caught by boundary:',
+                    error
+                  );
+                  console.error('Component stack:', errorInfo.componentStack);
+                }
+              },
+              {
+                key: 'render',
+                value: function render() {
+                  if (this.state.hasError) {
+                    var _this$state$error;
+                    return /*#__PURE__*/ (0,
+                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('div', {
+                      className: 'error-boundary',
+                      children: /*#__PURE__*/ (0,
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+                        'div',
+                        {
+                          className: 'error-content',
+                          children: [
+                            /*#__PURE__*/ (0,
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
+                              'h2',
+                              {
+                                children: 'Something went wrong'
+                              }
+                            ),
+                            /*#__PURE__*/ (0,
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
+                              'p',
+                              {
+                                children: 'The inspector encountered an error.'
+                              }
+                            ),
+                            /*#__PURE__*/ (0,
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
+                              'pre',
+                              {
+                                children:
+                                  (_this$state$error = this.state.error) ===
+                                    null || _this$state$error === void 0
+                                    ? void 0
+                                    : _this$state$error.message
+                              }
+                            ),
+                            /*#__PURE__*/ (0,
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
+                              'button',
+                              {
+                                onClick: this.handleRetry,
+                                children: 'Try Again'
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    });
+                  }
+                  return this.props.children;
+                }
+              }
+            ],
+            [
+              {
+                key: 'getDerivedStateFromError',
+                value: function getDerivedStateFromError(error) {
+                  return {
+                    hasError: true,
+                    error: error
+                  };
+                }
+              }
+            ]
+          );
+        })(react__WEBPACK_IMPORTED_MODULE_0___default().Component);
+        _defineProperty(ErrorBoundary, 'propTypes', {
+          children:
+            prop_types__WEBPACK_IMPORTED_MODULE_2___default().node.isRequired
+        });
+
+        /***/
+      },
+
     /***/ './src/components/Main.js':
       /*!********************************!*\
   !*** ./src/components/Main.js ***!
@@ -96091,6 +96452,46 @@ object-assign
             var _this;
             _classCallCheck(this, Main);
             _this = _callSuper(this, Main, [props]);
+            _defineProperty(
+              _this,
+              'handleOpenTexturesModal',
+              function (selectedTexture, textureOnClose) {
+                _this.setState({
+                  selectedTexture: selectedTexture,
+                  isModalTexturesOpen: true,
+                  textureOnClose: textureOnClose
+                });
+              }
+            );
+            _defineProperty(_this, 'handleEntitySelect', function (entity) {
+              // Set the selected entity and ensure the attributes sidebar is visible
+              _this.setState({
+                entity: entity,
+                visible: _objectSpread(
+                  _objectSpread({}, _this.state.visible),
+                  {},
+                  {
+                    attributes: true
+                  }
+                )
+              });
+            });
+            _defineProperty(_this, 'handleInspectorToggle', function (enabled) {
+              _this.setState({
+                inspectorEnabled: enabled
+              });
+            });
+            _defineProperty(_this, 'handleSceneReload', function (newSceneEl) {
+              _this.setState({
+                entity: null,
+                sceneEl: newSceneEl
+              });
+            });
+            _defineProperty(_this, 'handleOpenHelpModal', function () {
+              _this.setState({
+                isHelpOpen: true
+              });
+            });
             _defineProperty(_this, 'handleClose', function () {
               _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].emit(
                 'togglesidebar',
@@ -96185,48 +96586,50 @@ object-assign
             {
               key: 'componentDidMount',
               value: function componentDidMount() {
-                var _this2 = this;
                 _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
                   'opentexturesmodal',
-                  function (selectedTexture, textureOnClose) {
-                    this.setState({
-                      selectedTexture: selectedTexture,
-                      isModalTexturesOpen: true,
-                      textureOnClose: textureOnClose
-                    });
-                  }.bind(this)
+                  this.handleOpenTexturesModal
                 );
                 _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
                   'entityselect',
-                  function (entity) {
-                    // Set the selected entity and ensure the attributes sidebar is visible
-                    _this2.setState({
-                      entity: entity,
-                      visible: _objectSpread(
-                        _objectSpread({}, _this2.state.visible),
-                        {},
-                        {
-                          attributes: true
-                        }
-                      )
-                    });
-                  }
+                  this.handleEntitySelect
                 );
                 _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
                   'inspectortoggle',
-                  function (enabled) {
-                    _this2.setState({
-                      inspectorEnabled: enabled
-                    });
-                  }
+                  this.handleInspectorToggle
                 );
                 _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
                   'openhelpmodal',
-                  function () {
-                    _this2.setState({
-                      isHelpOpen: true
-                    });
-                  }
+                  this.handleOpenHelpModal
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
+                  'scenereload',
+                  this.handleSceneReload
+                );
+              }
+            },
+            {
+              key: 'componentWillUnmount',
+              value: function componentWillUnmount() {
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].off(
+                  'opentexturesmodal',
+                  this.handleOpenTexturesModal
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].off(
+                  'entityselect',
+                  this.handleEntitySelect
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].off(
+                  'inspectortoggle',
+                  this.handleInspectorToggle
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].off(
+                  'openhelpmodal',
+                  this.handleOpenHelpModal
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].off(
+                  'scenereload',
+                  this.handleSceneReload
                 );
               }
             },
@@ -96268,8 +96671,6 @@ object-assign
               key: 'render',
               value: function render() {
                 var scene = this.state.sceneEl;
-                // Simplified toggle button text logic
-                var buttonText = this.state.inspectorEnabled ? 'Show' : 'Edit';
                 return /*#__PURE__*/ (0,
                 react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)('div', {
                   children: [
@@ -96884,65 +97285,45 @@ object-assign
           /*#__PURE__*/ __webpack_require__.n(
             react__WEBPACK_IMPORTED_MODULE_0__
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_15__ =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11__ =
           __webpack_require__(
             /*! prop-types */ './node_modules/prop-types/index.js'
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_15___default =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_11___default =
           /*#__PURE__*/ __webpack_require__.n(
-            prop_types__WEBPACK_IMPORTED_MODULE_15__
+            prop_types__WEBPACK_IMPORTED_MODULE_11__
           );
-        /* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_14__ =
-          __webpack_require__(
-            /*! @fortawesome/free-solid-svg-icons */ './node_modules/@fortawesome/free-solid-svg-icons/index.mjs'
-          );
-        /* harmony import */ var _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__ =
-          __webpack_require__(
-            /*! ../AwesomeIcon */ './src/components/AwesomeIcon.js'
-          );
-        /* harmony import */ var _widgets__WEBPACK_IMPORTED_MODULE_2__ =
+        /* harmony import */ var _widgets__WEBPACK_IMPORTED_MODULE_1__ =
           __webpack_require__(
             /*! ../widgets */ './src/components/widgets/index.js'
           );
-        /* harmony import */ var _DefaultComponents__WEBPACK_IMPORTED_MODULE_3__ =
+        /* harmony import */ var _DefaultComponents__WEBPACK_IMPORTED_MODULE_2__ =
           __webpack_require__(
             /*! ./DefaultComponents */ './src/components/components/DefaultComponents.js'
           );
-        /* harmony import */ var _PropertyRow__WEBPACK_IMPORTED_MODULE_4__ =
+        /* harmony import */ var _PropertyRow__WEBPACK_IMPORTED_MODULE_3__ =
           __webpack_require__(
             /*! ./PropertyRow */ './src/components/components/PropertyRow.js'
           );
-        /* harmony import */ var _Collapsible__WEBPACK_IMPORTED_MODULE_5__ =
+        /* harmony import */ var _Collapsible__WEBPACK_IMPORTED_MODULE_4__ =
           __webpack_require__(
             /*! ../Collapsible */ './src/components/Collapsible.js'
           );
-        /* harmony import */ var _Mixins__WEBPACK_IMPORTED_MODULE_6__ =
+        /* harmony import */ var _Mixins__WEBPACK_IMPORTED_MODULE_5__ =
           __webpack_require__(
             /*! ./Mixins */ './src/components/components/Mixins.js'
           );
-        /* harmony import */ var _lib_entity__WEBPACK_IMPORTED_MODULE_7__ =
+        /* harmony import */ var _lib_entity__WEBPACK_IMPORTED_MODULE_6__ =
           __webpack_require__(/*! ../../lib/entity */ './src/lib/entity.js');
-        /* harmony import */ var _EntityRepresentation__WEBPACK_IMPORTED_MODULE_8__ =
+        /* harmony import */ var _EntityRepresentation__WEBPACK_IMPORTED_MODULE_7__ =
           __webpack_require__(
             /*! ../EntityRepresentation */ './src/components/EntityRepresentation.js'
           );
-        /* harmony import */ var _lib_Events__WEBPACK_IMPORTED_MODULE_9__ =
+        /* harmony import */ var _lib_Events__WEBPACK_IMPORTED_MODULE_8__ =
           __webpack_require__(/*! ../../lib/Events */ './src/lib/Events.js');
-        /* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_10__ =
-          __webpack_require__(
-            /*! clipboard-copy */ './node_modules/clipboard-copy/index.js'
-          );
-        /* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_10___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            clipboard_copy__WEBPACK_IMPORTED_MODULE_10__
-          );
-        /* harmony import */ var _lib_utils__WEBPACK_IMPORTED_MODULE_11__ =
+        /* harmony import */ var _lib_utils__WEBPACK_IMPORTED_MODULE_9__ =
           __webpack_require__(/*! ../../lib/utils */ './src/lib/utils.js');
-        /* harmony import */ var _assets_gltf_svg__WEBPACK_IMPORTED_MODULE_12__ =
-          __webpack_require__(
-            /*! ../../../assets/gltf.svg */ './assets/gltf.svg'
-          );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -97088,7 +97469,7 @@ object-assign
           var entity = AFRAME.INSPECTOR.selectedEntity;
           if (entity.id !== value) {
             entity.id = value;
-            _lib_Events__WEBPACK_IMPORTED_MODULE_9__['default'].emit(
+            _lib_Events__WEBPACK_IMPORTED_MODULE_8__['default'].emit(
               'entityidchange',
               entity
             );
@@ -97105,14 +97486,14 @@ object-assign
               key: 'componentDidMount',
               value: function componentDidMount() {
                 var _this = this;
-                _lib_Events__WEBPACK_IMPORTED_MODULE_9__['default'].on(
+                _lib_Events__WEBPACK_IMPORTED_MODULE_8__['default'].on(
                   'entityupdate',
                   function (detail) {
                     if (detail.entity !== _this.props.entity) {
                       return;
                     }
                     if (
-                      _DefaultComponents__WEBPACK_IMPORTED_MODULE_3__[
+                      _DefaultComponents__WEBPACK_IMPORTED_MODULE_2__[
                         'default'
                       ].indexOf(detail.component) !== -1 ||
                       detail.component === 'mixin'
@@ -97139,11 +97520,11 @@ object-assign
                       };
                     }
                     return /*#__PURE__*/ (0,
-                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
-                      _PropertyRow__WEBPACK_IMPORTED_MODULE_4__['default'],
+                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
+                      _PropertyRow__WEBPACK_IMPORTED_MODULE_3__['default'],
                       {
                         onChange:
-                          _lib_entity__WEBPACK_IMPORTED_MODULE_7__.updateEntity,
+                          _lib_entity__WEBPACK_IMPORTED_MODULE_6__.updateEntity,
                         name: componentName,
                         showHelp: true,
                         schema: schema,
@@ -97168,7 +97549,7 @@ object-assign
                     var blob = new Blob([buffer], {
                       type: 'application/octet-stream'
                     });
-                    (0, _lib_utils__WEBPACK_IMPORTED_MODULE_11__.saveBlob)(
+                    (0, _lib_utils__WEBPACK_IMPORTED_MODULE_9__.saveBlob)(
                       blob,
                       (entity.id || 'entity') + '.glb'
                     );
@@ -97185,47 +97566,29 @@ object-assign
             {
               key: 'render',
               value: function render() {
-                var _this2 = this;
                 var entity = this.props.entity;
                 if (!entity) {
                   return /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
                     'div',
                     {}
                   );
                 }
-                var entityButtons = /*#__PURE__*/ (0,
-                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)('div', {
-                  children: /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)('a', {
-                    title: 'Close components',
-                    onClick: function onClick(event) {
-                      _this2.handleClose();
-                    },
-                    children: /*#__PURE__*/ (0,
-                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
-                      _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__.AwesomeIcon,
-                      {
-                        icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_14__.faTimes
-                      }
-                    )
-                  })
-                });
                 return /*#__PURE__*/ (0,
-                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(
-                  _Collapsible__WEBPACK_IMPORTED_MODULE_5__['default'],
+                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(
+                  _Collapsible__WEBPACK_IMPORTED_MODULE_4__['default'],
                   {
                     id: 'componentEntityHeader',
                     className: 'commonComponents',
                     children: [
                       /*#__PURE__*/ (0,
-                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
                         'div',
                         {
                           className: 'collapsible-header sidebar-header',
                           children: /*#__PURE__*/ (0,
-                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
-                            _EntityRepresentation__WEBPACK_IMPORTED_MODULE_8__[
+                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
+                            _EntityRepresentation__WEBPACK_IMPORTED_MODULE_7__[
                               'default'
                             ],
                             {
@@ -97235,19 +97598,19 @@ object-assign
                         }
                       ),
                       /*#__PURE__*/ (0,
-                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(
                         'div',
                         {
                           className: 'collapsible-content',
                           children: [
                             /*#__PURE__*/ (0,
-                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(
                               'div',
                               {
                                 className: 'propertyRow',
                                 children: [
                                   /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
+                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
                                     'label',
                                     {
                                       htmlFor: 'id',
@@ -97256,8 +97619,8 @@ object-assign
                                     }
                                   ),
                                   /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
-                                    _widgets__WEBPACK_IMPORTED_MODULE_2__.InputWidget,
+                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
+                                    _widgets__WEBPACK_IMPORTED_MODULE_1__.InputWidget,
                                     {
                                       onChange: changeId,
                                       entity: entity,
@@ -97269,13 +97632,13 @@ object-assign
                               }
                             ),
                             /*#__PURE__*/ (0,
-                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)(
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(
                               'div',
                               {
                                 className: 'propertyRow',
                                 children: [
                                   /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
+                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
                                     'label',
                                     {
                                       className: 'text',
@@ -97283,7 +97646,7 @@ object-assign
                                     }
                                   ),
                                   /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
+                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
                                     'span',
                                     {
                                       children: entity.getAttribute('class')
@@ -97294,8 +97657,8 @@ object-assign
                             ),
                             this.renderCommonAttributes(),
                             /*#__PURE__*/ (0,
-                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(
-                              _Mixins__WEBPACK_IMPORTED_MODULE_6__['default'],
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
+                              _Mixins__WEBPACK_IMPORTED_MODULE_5__['default'],
                               {
                                 entity: entity
                               }
@@ -97311,7 +97674,7 @@ object-assign
           ]);
         })(react__WEBPACK_IMPORTED_MODULE_0___default().Component);
         _defineProperty(CommonComponents, 'propTypes', {
-          entity: prop_types__WEBPACK_IMPORTED_MODULE_15___default().object
+          entity: prop_types__WEBPACK_IMPORTED_MODULE_11___default().object
         });
 
         /***/
@@ -97338,15 +97701,15 @@ object-assign
           /*#__PURE__*/ __webpack_require__.n(
             react__WEBPACK_IMPORTED_MODULE_0__
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9__ =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ =
           __webpack_require__(
             /*! prop-types */ './node_modules/prop-types/index.js'
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_9___default =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default =
           /*#__PURE__*/ __webpack_require__.n(
-            prop_types__WEBPACK_IMPORTED_MODULE_9__
+            prop_types__WEBPACK_IMPORTED_MODULE_7__
           );
-        /* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_8__ =
+        /* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__ =
           __webpack_require__(
             /*! @fortawesome/free-solid-svg-icons */ './node_modules/@fortawesome/free-solid-svg-icons/index.mjs'
           );
@@ -97362,19 +97725,9 @@ object-assign
           __webpack_require__(
             /*! ../Collapsible */ './src/components/Collapsible.js'
           );
-        /* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_4__ =
-          __webpack_require__(
-            /*! clipboard-copy */ './node_modules/clipboard-copy/index.js'
-          );
-        /* harmony import */ var clipboard_copy__WEBPACK_IMPORTED_MODULE_4___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            clipboard_copy__WEBPACK_IMPORTED_MODULE_4__
-          );
-        /* harmony import */ var _lib_entity__WEBPACK_IMPORTED_MODULE_5__ =
-          __webpack_require__(/*! ../../lib/entity */ './src/lib/entity.js');
-        /* harmony import */ var _lib_Events__WEBPACK_IMPORTED_MODULE_6__ =
+        /* harmony import */ var _lib_Events__WEBPACK_IMPORTED_MODULE_4__ =
           __webpack_require__(/*! ../../lib/Events */ './src/lib/Events.js');
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -97535,7 +97888,7 @@ object-assign
                 )
               ) {
                 _this.props.entity.removeAttribute(componentName);
-                _lib_Events__WEBPACK_IMPORTED_MODULE_6__['default'].emit(
+                _lib_Events__WEBPACK_IMPORTED_MODULE_4__['default'].emit(
                   'componentremove',
                   {
                     entity: _this.props.entity,
@@ -97554,7 +97907,7 @@ object-assign
                 var schema =
                   AFRAME.components[componentName.split('__')[0]].schema;
                 return /*#__PURE__*/ (0,
-                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(
+                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                   _PropertyRow__WEBPACK_IMPORTED_MODULE_2__['default'],
                   {
                     name: componentName,
@@ -97571,7 +97924,7 @@ object-assign
                 .sort()
                 .map(function (propertyName) {
                   return /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                     _PropertyRow__WEBPACK_IMPORTED_MODULE_2__['default'],
                     {
                       name: propertyName,
@@ -97599,7 +97952,7 @@ object-assign
                 key: 'componentDidMount',
                 value: function componentDidMount() {
                   var _this2 = this;
-                  _lib_Events__WEBPACK_IMPORTED_MODULE_6__['default'].on(
+                  _lib_Events__WEBPACK_IMPORTED_MODULE_4__['default'].on(
                     'entityupdate',
                     function (detail) {
                       if (detail.entity !== _this2.props.entity) {
@@ -97625,25 +97978,25 @@ object-assign
                     );
                   }
                   return /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
                     _Collapsible__WEBPACK_IMPORTED_MODULE_3__['default'],
                     {
                       collapsed: this.props.isCollapsed,
                       children: [
                         /*#__PURE__*/ (0,
-                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(
+                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
                           'div',
                           {
                             className: 'componentHeader collapsible-header',
                             children: [
                               /*#__PURE__*/ (0,
-                              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(
+                              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                 'span',
                                 {
                                   className: 'componentTitle',
                                   title: subComponentName || componentName,
                                   children: /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(
+                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                     'span',
                                     {
                                       children:
@@ -97653,22 +98006,22 @@ object-assign
                                 }
                               ),
                               /*#__PURE__*/ (0,
-                              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(
+                              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                 'div',
                                 {
                                   className: 'componentHeaderActions',
                                   children: /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(
+                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                     'a',
                                     {
                                       title: 'Remove component',
                                       className: 'button',
                                       onClick: this.removeComponent,
                                       children: /*#__PURE__*/ (0,
-                                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(
+                                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                         _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__.AwesomeIcon,
                                         {
-                                          icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_8__.faTrashAlt
+                                          icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faTrashAlt
                                         }
                                       )
                                     }
@@ -97679,7 +98032,7 @@ object-assign
                           }
                         ),
                         /*#__PURE__*/ (0,
-                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(
+                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                           'div',
                           {
                             className: 'collapsible-content',
@@ -97713,10 +98066,10 @@ object-assign
           );
         })(react__WEBPACK_IMPORTED_MODULE_0___default().Component);
         _defineProperty(Component, 'propTypes', {
-          component: prop_types__WEBPACK_IMPORTED_MODULE_9___default().any,
-          entity: prop_types__WEBPACK_IMPORTED_MODULE_9___default().object,
-          isCollapsed: prop_types__WEBPACK_IMPORTED_MODULE_9___default().bool,
-          name: prop_types__WEBPACK_IMPORTED_MODULE_9___default().string
+          component: prop_types__WEBPACK_IMPORTED_MODULE_7___default().any,
+          entity: prop_types__WEBPACK_IMPORTED_MODULE_7___default().object,
+          isCollapsed: prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,
+          name: prop_types__WEBPACK_IMPORTED_MODULE_7___default().string
         });
 
         /***/
@@ -98847,29 +99200,21 @@ object-assign
           /*#__PURE__*/ __webpack_require__.n(
             react__WEBPACK_IMPORTED_MODULE_0__
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ =
           __webpack_require__(
             /*! prop-types */ './node_modules/prop-types/index.js'
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default =
           /*#__PURE__*/ __webpack_require__.n(
-            prop_types__WEBPACK_IMPORTED_MODULE_6__
-          );
-        /* harmony import */ var _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__ =
-          __webpack_require__(
-            /*! ../AwesomeIcon */ './src/components/AwesomeIcon.js'
+            prop_types__WEBPACK_IMPORTED_MODULE_4__
           );
-        /* harmony import */ var _ComponentsContainer__WEBPACK_IMPORTED_MODULE_2__ =
+        /* harmony import */ var _ComponentsContainer__WEBPACK_IMPORTED_MODULE_1__ =
           __webpack_require__(
             /*! ./ComponentsContainer */ './src/components/components/ComponentsContainer.js'
           );
-        /* harmony import */ var _EntityRepresentation__WEBPACK_IMPORTED_MODULE_3__ =
-          __webpack_require__(
-            /*! ../EntityRepresentation */ './src/components/EntityRepresentation.js'
-          );
-        /* harmony import */ var _lib_Events__WEBPACK_IMPORTED_MODULE_4__ =
+        /* harmony import */ var _lib_Events__WEBPACK_IMPORTED_MODULE_2__ =
           __webpack_require__(/*! ../../lib/Events */ './src/lib/Events.js');
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -99009,20 +99354,21 @@ object-assign
           return ('string' === r ? String : Number)(t);
         }
 
-        // Assuming AwesomeIcon is in the parent directory
-
         var Sidebar = /*#__PURE__*/ (function (_React$Component) {
           function Sidebar(props) {
             var _this;
             _classCallCheck(this, Sidebar);
             _this = _callSuper(this, Sidebar, [props]);
+            _defineProperty(_this, 'handleComponentChange', function () {
+              _this.forceUpdate();
+            });
             _defineProperty(_this, 'handleToggle', function () {
               _this.setState({
                 open: !_this.state.open
               });
             });
             _defineProperty(_this, 'handleClose', function () {
-              _lib_Events__WEBPACK_IMPORTED_MODULE_4__['default'].emit(
+              _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].emit(
                 'togglesidebar',
                 {
                   which: 'attributes'
@@ -99039,18 +99385,26 @@ object-assign
             {
               key: 'componentDidMount',
               value: function componentDidMount() {
-                var _this2 = this;
-                _lib_Events__WEBPACK_IMPORTED_MODULE_4__['default'].on(
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
                   'componentremove',
-                  function (event) {
-                    _this2.forceUpdate();
-                  }
+                  this.handleComponentChange
                 );
-                _lib_Events__WEBPACK_IMPORTED_MODULE_4__['default'].on(
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
                   'componentadd',
-                  function (event) {
-                    _this2.forceUpdate();
-                  }
+                  this.handleComponentChange
+                );
+              }
+            },
+            {
+              key: 'componentWillUnmount',
+              value: function componentWillUnmount() {
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].off(
+                  'componentremove',
+                  this.handleComponentChange
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].off(
+                  'componentadd',
+                  this.handleComponentChange
                 );
               }
             },
@@ -99061,11 +99415,11 @@ object-assign
                 var visible = this.props.visible;
                 if (entity && visible) {
                   return /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)('div', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)('div', {
                     id: 'sidebar',
                     children: /*#__PURE__*/ (0,
-                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                      _ComponentsContainer__WEBPACK_IMPORTED_MODULE_2__[
+                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(
+                      _ComponentsContainer__WEBPACK_IMPORTED_MODULE_1__[
                         'default'
                       ],
                       {
@@ -99075,7 +99429,7 @@ object-assign
                   });
                 } else {
                   return /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(
                     'div',
                     {}
                   );
@@ -99085,8 +99439,8 @@ object-assign
           ]);
         })(react__WEBPACK_IMPORTED_MODULE_0___default().Component);
         _defineProperty(Sidebar, 'propTypes', {
-          entity: prop_types__WEBPACK_IMPORTED_MODULE_6___default().object,
-          visible: prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool
+          entity: prop_types__WEBPACK_IMPORTED_MODULE_4___default().object,
+          visible: prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool
         });
 
         /***/
@@ -99107,13 +99461,7 @@ object-assign
           /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__
           /* harmony export */
         });
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
-          __webpack_require__(/*! react */ './node_modules/react/index.js');
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            react__WEBPACK_IMPORTED_MODULE_0__
-          );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -99200,7 +99548,7 @@ object-assign
 
         var BackViewIcon = function BackViewIcon(props) {
           return /*#__PURE__*/ (0,
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
             'svg',
             _objectSpread(
               _objectSpread(
@@ -99218,38 +99566,38 @@ object-assign
               {
                 children: [
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 10 2 L 24 2 L 24 16 L 10 16 Z',
                     fill: '#00ff99'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 5 19'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 19 L 10 16'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 24 2'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 19 19'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 19 L 24 16'
                   }),
                   ' '
@@ -99279,13 +99627,7 @@ object-assign
           /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__
           /* harmony export */
         });
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
-          __webpack_require__(/*! react */ './node_modules/react/index.js');
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            react__WEBPACK_IMPORTED_MODULE_0__
-          );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -99372,7 +99714,7 @@ object-assign
 
         var BottomViewIcon = function BottomViewIcon(props) {
           return /*#__PURE__*/ (0,
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
             'svg',
             _objectSpread(
               _objectSpread(
@@ -99390,32 +99732,32 @@ object-assign
               {
                 children: [
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 19 5 L 19 19 L 5 19 Z'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2 L 24 2 L 19 5'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 24 2 L 24 16 L 19 19'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 19 L 10 16 L 10 2'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 10 16 L 24 16'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 19 L 19 19 L 24 16 L 10 16 Z',
                     fill: '#00ff99'
                   })
@@ -99445,13 +99787,7 @@ object-assign
           /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__
           /* harmony export */
         });
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
-          __webpack_require__(/*! react */ './node_modules/react/index.js');
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            react__WEBPACK_IMPORTED_MODULE_0__
-          );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -99538,7 +99874,7 @@ object-assign
 
         var FrontViewIcon = function FrontViewIcon(props) {
           return /*#__PURE__*/ (0,
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
             'svg',
             _objectSpread(
               _objectSpread(
@@ -99556,28 +99892,28 @@ object-assign
               {
                 children: [
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 19 5 L 19 19 L 5 19 Z',
                     fill: '#00ff99'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2 L 24 2 L 19 5'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 24 2 L 24 16 L 19 19'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 19 L 10 16 L 10 2'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 10 16 L 24 16'
                   }),
                   ' '
@@ -99607,13 +99943,7 @@ object-assign
           /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__
           /* harmony export */
         });
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
-          __webpack_require__(/*! react */ './node_modules/react/index.js');
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            react__WEBPACK_IMPORTED_MODULE_0__
-          );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -99700,7 +100030,7 @@ object-assign
 
         var LeftViewIcon = function LeftViewIcon(props) {
           return /*#__PURE__*/ (0,
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
             'svg',
             _objectSpread(
               _objectSpread(
@@ -99718,32 +100048,32 @@ object-assign
               {
                 children: [
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 19 5 L 19 19 L 5 19 Z'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2 L 24 2 L 19 5'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 24 2 L 24 16 L 19 19'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 19 L 10 16 L 10 2'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 10 16 L 24 16'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2 L 10 16 L 5 19 Z',
                     fill: '#00ff99'
                   })
@@ -99773,13 +100103,7 @@ object-assign
           /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__
           /* harmony export */
         });
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
-          __webpack_require__(/*! react */ './node_modules/react/index.js');
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            react__WEBPACK_IMPORTED_MODULE_0__
-          );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -99866,7 +100190,7 @@ object-assign
 
         var PerspectiveIcon = function PerspectiveIcon(props) {
           return /*#__PURE__*/ (0,
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
             'svg',
             _objectSpread(
               _objectSpread(
@@ -99884,17 +100208,17 @@ object-assign
               {
                 children: [
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 19 5 L 19 19 L 5 19 Z'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2 L 24 2 L 19 5'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 24 2 L 24 16 L 19 19'
                   }),
                   ' '
@@ -99988,13 +100312,7 @@ object-assign
           /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__
           /* harmony export */
         });
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
-          __webpack_require__(/*! react */ './node_modules/react/index.js');
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            react__WEBPACK_IMPORTED_MODULE_0__
-          );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -100081,7 +100399,7 @@ object-assign
 
         var RightViewIcon = function RightViewIcon(props) {
           return /*#__PURE__*/ (0,
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
             'svg',
             _objectSpread(
               _objectSpread(
@@ -100099,32 +100417,32 @@ object-assign
               {
                 children: [
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 19 5 L 19 19 L 5 19 Z'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2 L 24 2 L 19 5'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 24 2 L 24 16 L 19 19'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 19 L 10 16 L 10 2'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 10 16 L 24 16'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 24 2 L 24 16 L 19 19 Z',
                     fill: '#00ff99'
                   })
@@ -100154,13 +100472,7 @@ object-assign
           /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__
           /* harmony export */
         });
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
-          __webpack_require__(/*! react */ './node_modules/react/index.js');
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            react__WEBPACK_IMPORTED_MODULE_0__
-          );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -100247,7 +100559,7 @@ object-assign
 
         var TopViewIcon = function TopViewIcon(props) {
           return /*#__PURE__*/ (0,
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
             'svg',
             _objectSpread(
               _objectSpread(
@@ -100265,32 +100577,32 @@ object-assign
               {
                 children: [
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 19 5 L 19 19 L 5 19 Z'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2 L 24 2 L 19 5'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 19 5 L 24 2 L 24 16 L 19 19'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 19 L 10 16 L 10 2'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 10 16 L 24 16'
                   }),
                   ' ',
                   /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('path', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)('path', {
                     d: 'M 5 5 L 10 2 L 24 2 L 19 5 Z',
                     fill: '#00ff99'
                   })
@@ -101050,25 +101362,19 @@ object-assign
           /* harmony export */ default: () => /* binding */ ModalPrimitive
           /* harmony export */
         });
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ =
-          __webpack_require__(/*! react */ './node_modules/react/index.js');
-        /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default =
-          /*#__PURE__*/ __webpack_require__.n(
-            react__WEBPACK_IMPORTED_MODULE_0__
-          );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ =
           __webpack_require__(
             /*! prop-types */ './node_modules/prop-types/index.js'
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default =
           /*#__PURE__*/ __webpack_require__.n(
-            prop_types__WEBPACK_IMPORTED_MODULE_3__
+            prop_types__WEBPACK_IMPORTED_MODULE_2__
           );
-        /* harmony import */ var _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__ =
+        /* harmony import */ var _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__ =
           __webpack_require__(
             /*! ../icons/Primitives */ './src/components/icons/Primitives.js'
           );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -101077,58 +101383,58 @@ object-assign
           {
             type: 'a-box',
             label: 'Box',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default'].BOX
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default'].BOX
           },
           {
             type: 'a-sphere',
             label: 'Sphere',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default']
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default']
               .SPHERE
           },
           {
             type: 'a-cylinder',
             label: 'Cylinder',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default']
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default']
               .CYLINDER
           },
           {
             type: 'a-cone',
             label: 'Cone',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default'].CONE
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default'].CONE
           },
           {
             type: 'a-torus',
             label: 'Torus',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default']
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default']
               .TORUS
           },
           {
             type: 'a-plane',
             label: 'Plane',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default']
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default']
               .PLANE
           },
           {
             type: 'a-image',
             label: 'Image',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default']
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default']
               .IMAGE
           },
           {
             type: 'a-text',
             label: 'Text',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default'].TEXT
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default'].TEXT
           },
           {
             type: 'a-light',
             label: 'Light',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default']
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default']
               .LIGHT
           },
           {
             type: 'a-entity',
             label: 'Empty Entity',
-            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_1__['default']
+            icon: _icons_Primitives__WEBPACK_IMPORTED_MODULE_0__['default']
               .EMPTY
           }
         ];
@@ -101148,25 +101454,25 @@ object-assign
             e.stopPropagation();
           };
           return /*#__PURE__*/ (0,
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)('div', {
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('div', {
             className: 'modal-overlay',
             onClick: onClose,
             children: /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)('div', {
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)('div', {
               className: 'modal-content',
               id: 'primitive-modal',
               onClick: handleModalContentClick,
               children: [
                 /*#__PURE__*/ (0,
-                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)('div', {
+                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)('div', {
                   className: 'modal-header',
                   children: [
                     /*#__PURE__*/ (0,
-                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)('h3', {
+                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('h3', {
                       children: 'Select Primitive'
                     }),
                     /*#__PURE__*/ (0,
-                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(
+                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
                       'span',
                       {
                         className: 'close',
@@ -101177,14 +101483,14 @@ object-assign
                   ]
                 }),
                 /*#__PURE__*/ (0,
-                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)('div', {
+                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('div', {
                   className: 'modal-body',
                   children: /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)('div', {
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)('div', {
                     className: 'primitive-grid',
                     children: PRIMITIVES.map(function (primitive) {
                       return /*#__PURE__*/ (0,
-                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(
                         'button',
                         {
                           className: 'primitive-button',
@@ -101195,7 +101501,7 @@ object-assign
                           children: [
                             typeof primitive.icon === 'string'
                               ? /*#__PURE__*/ (0,
-                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(
+                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(
                                   'div',
                                   {
                                     style: {
@@ -101223,11 +101529,11 @@ object-assign
         }
         ModalPrimitive.propTypes = {
           isOpen:
-            prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool.isRequired,
+            prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool.isRequired,
           onClose:
-            prop_types__WEBPACK_IMPORTED_MODULE_3___default().func.isRequired,
+            prop_types__WEBPACK_IMPORTED_MODULE_2___default().func.isRequired,
           onSelectPrimitive:
-            prop_types__WEBPACK_IMPORTED_MODULE_3___default().func.isRequired
+            prop_types__WEBPACK_IMPORTED_MODULE_2___default().func.isRequired
         };
 
         /***/
@@ -101254,15 +101560,15 @@ object-assign
           /*#__PURE__*/ __webpack_require__.n(
             react__WEBPACK_IMPORTED_MODULE_0__
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ =
           __webpack_require__(
             /*! prop-types */ './node_modules/prop-types/index.js'
           );
-        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default =
+        /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default =
           /*#__PURE__*/ __webpack_require__.n(
-            prop_types__WEBPACK_IMPORTED_MODULE_7__
+            prop_types__WEBPACK_IMPORTED_MODULE_6__
           );
-        /* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__ =
+        /* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_7__ =
           __webpack_require__(
             /*! @fortawesome/free-solid-svg-icons */ './node_modules/@fortawesome/free-solid-svg-icons/index.mjs'
           );
@@ -101303,6 +101609,83 @@ object-assign
             _typeof(o)
           );
         }
+        function _toConsumableArray(r) {
+          return (
+            _arrayWithoutHoles(r) ||
+            _iterableToArray(r) ||
+            _unsupportedIterableToArray(r) ||
+            _nonIterableSpread()
+          );
+        }
+        function _nonIterableSpread() {
+          throw new TypeError(
+            'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.'
+          );
+        }
+        function _unsupportedIterableToArray(r, a) {
+          if (r) {
+            if ('string' == typeof r) return _arrayLikeToArray(r, a);
+            var t = {}.toString.call(r).slice(8, -1);
+            return (
+              'Object' === t && r.constructor && (t = r.constructor.name),
+              'Map' === t || 'Set' === t
+                ? Array.from(r)
+                : 'Arguments' === t ||
+                    /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)
+                  ? _arrayLikeToArray(r, a)
+                  : void 0
+            );
+          }
+        }
+        function _iterableToArray(r) {
+          if (
+            ('undefined' != typeof Symbol && null != r[Symbol.iterator]) ||
+            null != r['@@iterator']
+          )
+            return Array.from(r);
+        }
+        function _arrayWithoutHoles(r) {
+          if (Array.isArray(r)) return _arrayLikeToArray(r);
+        }
+        function _arrayLikeToArray(r, a) {
+          (null == a || a > r.length) && (a = r.length);
+          for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+          return n;
+        }
+        function ownKeys(e, r) {
+          var t = Object.keys(e);
+          if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            r &&
+              (o = o.filter(function (r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+              })),
+              t.push.apply(t, o);
+          }
+          return t;
+        }
+        function _objectSpread(e) {
+          for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2
+              ? ownKeys(Object(t), !0).forEach(function (r) {
+                  _defineProperty(e, r, t[r]);
+                })
+              : Object.getOwnPropertyDescriptors
+                ? Object.defineProperties(
+                    e,
+                    Object.getOwnPropertyDescriptors(t)
+                  )
+                : ownKeys(Object(t)).forEach(function (r) {
+                    Object.defineProperty(
+                      e,
+                      r,
+                      Object.getOwnPropertyDescriptor(t, r)
+                    );
+                  });
+          }
+          return e;
+        }
         function _classCallCheck(a, n) {
           if (!(a instanceof n))
             throw new TypeError('Cannot call a class as a function');
@@ -101420,24 +101803,21 @@ object-assign
           return ('string' === r ? String : Number)(t);
         }
 
-        function getFilename(url) {
+        // Regex compiled once for performance
+
+        var VALID_ID_REGEX = /^[A-Za-z]+[\w-]*$/;
+        var getFilename = function getFilename(url) {
           var converted =
             arguments.length > 1 && arguments[1] !== undefined
               ? arguments[1]
               : false;
           var filename = url.split('/').pop();
-          if (converted) {
-            filename = getValidId(filename);
-          }
-          return filename;
-        }
-        function isValidId(id) {
-          // The correct re should include : and . but A-frame seems to fail while accessing them
-          var re = /^[A-Za-z]+[\w-]*$/;
-          return re.test(id);
-        }
-        function getValidId(name) {
-          // info.name.replace(/\.[^/.]+$/, '').replace(/\s+/g, '')
+          return converted ? getValidId(filename) : filename;
+        };
+        var isValidId = function isValidId(id) {
+          return VALID_ID_REGEX.test(id);
+        };
+        var getValidId = function getValidId(name) {
           return name
             .split('.')
             .shift()
@@ -101445,57 +101825,205 @@ object-assign
             .replace(/^\d+\s*/, '')
             .replace(/[\W]/, '')
             .toLowerCase();
-        }
+        };
+
+        // Default preview state - reusable constant
+        var DEFAULT_PREVIEW = {
+          width: 0,
+          height: 0,
+          src: 'https://use.senangwebs.com/img/app_icon.png',
+          id: '',
+          name: '',
+          filename: '',
+          type: '',
+          value: '',
+          loaded: false
+        };
+
+        // Reusable ImageItem component to prevent repeated JSX
+        var ImageItem =
+          /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().memo(
+            function (_ref) {
+              var image = _ref.image,
+                onClick = _ref.onClick,
+                isSelected = _ref.isSelected;
+              return /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)('div', {
+                onClick: onClick,
+                className: 'gallery-item'.concat(isSelected ? ' selected' : ''),
+                children: [
+                  /*#__PURE__*/ (0,
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)('img', {
+                    width: '155px',
+                    height: '155px',
+                    src: image.src,
+                    alt: image.name
+                  }),
+                  /*#__PURE__*/ (0,
+                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)('div', {
+                    className: 'detail',
+                    children: [
+                      /*#__PURE__*/ (0,
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                        'span',
+                        {
+                          className: 'title',
+                          children: image.name
+                        }
+                      ),
+                      /*#__PURE__*/ (0,
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                        'span',
+                        {
+                          children: getFilename(image.src)
+                        }
+                      ),
+                      /*#__PURE__*/ (0,
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                        'span',
+                        {
+                          children: [image.width, ' x ', image.height]
+                        }
+                      )
+                    ]
+                  })
+                ]
+              });
+            }
+          );
+        ImageItem.displayName = 'ImageItem';
+        ImageItem.propTypes = {
+          image: prop_types__WEBPACK_IMPORTED_MODULE_6___default().shape({
+            src: prop_types__WEBPACK_IMPORTED_MODULE_6___default().string
+              .isRequired,
+            name: prop_types__WEBPACK_IMPORTED_MODULE_6___default().string
+              .isRequired,
+            width: prop_types__WEBPACK_IMPORTED_MODULE_6___default().number,
+            height: prop_types__WEBPACK_IMPORTED_MODULE_6___default().number
+          }).isRequired,
+          onClick:
+            prop_types__WEBPACK_IMPORTED_MODULE_6___default().func.isRequired,
+          isSelected: prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool
+        };
         var ModalTextures = /*#__PURE__*/ (function (_React$Component) {
-          function ModalTextures(props) {
+          function ModalTextures() {
             var _this;
             _classCallCheck(this, ModalTextures);
-            _this = _callSuper(this, ModalTextures, [props]);
-            _defineProperty(_this, 'onClose', function (value) {
-              if (_this.props.onClose) {
-                _this.props.onClose();
-              }
+            for (
+              var _len = arguments.length, args = new Array(_len), _key = 0;
+              _key < _len;
+              _key++
+            ) {
+              args[_key] = arguments[_key];
+            }
+            _this = _callSuper(this, ModalTextures, [].concat(args));
+            _defineProperty(_this, 'state', {
+              filterText: '',
+              assetsImages: [],
+              registryImages: [],
+              addNewDialogOpened: false,
+              newUrl: '',
+              isLoading: false,
+              isGalleryLoading: false,
+              preview: _objectSpread({}, DEFAULT_PREVIEW)
             });
-            _defineProperty(_this, 'selectTexture', function (value) {
-              if (_this.props.onClose) {
-                _this.props.onClose(value);
-              }
+            _defineProperty(
+              _this,
+              'imageName',
+              /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createRef()
+            );
+            _defineProperty(
+              _this,
+              'previewImg',
+              /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createRef()
+            );
+            _defineProperty(_this, 'handleAssetsImagesLoad', function () {
+              _this.generateFromRegistry();
+            });
+            _defineProperty(_this, 'onClose', function () {
+              var _this$props$onClose, _this$props;
+              (_this$props$onClose = (_this$props = _this.props).onClose) ===
+                null ||
+                _this$props$onClose === void 0 ||
+                _this$props$onClose.call(_this$props);
+            });
+            _defineProperty(_this, 'selectTexture', function (image) {
+              var _this$props$onClose2, _this$props2;
+              (_this$props$onClose2 = (_this$props2 = _this.props).onClose) ===
+                null ||
+                _this$props$onClose2 === void 0 ||
+                _this$props$onClose2.call(_this$props2, image);
             });
             _defineProperty(_this, 'generateFromRegistry', function () {
-              var self = _this;
-              AFRAME.INSPECTOR.assetsLoader.images.forEach(
-                function (imageData) {
-                  var image = new Image();
-                  image.addEventListener('load', function () {
-                    self.state.registryImages.push({
-                      id: imageData.id,
-                      src: imageData.fullPath,
-                      width: imageData.width,
-                      height: imageData.height,
-                      name: imageData.id,
-                      type: 'registry',
-                      tags: imageData.tags,
-                      value: 'url(' + imageData.fullPath + ')'
-                    });
-                    self.setState({
-                      registryImages: self.state.registryImages.slice()
-                    });
+              var images = AFRAME.INSPECTOR.assetsLoader.images;
+              var newImages = [];
+              var loadedCount = 0;
+              if (images.length === 0) {
+                _this.setState({
+                  registryImages: [],
+                  isGalleryLoading: false
+                });
+                return;
+              }
+              _this.setState({
+                isGalleryLoading: true
+              });
+              var checkAllLoaded = function checkAllLoaded() {
+                loadedCount++;
+                // Update state when all images are processed (loaded or errored)
+                if (loadedCount === images.length) {
+                  _this.setState({
+                    registryImages: newImages,
+                    isGalleryLoading: false
                   });
-                  image.src = imageData.fullThumbPath;
                 }
-              );
+              };
+              images.forEach(function (imageData) {
+                var image = new Image();
+                image.onload = function () {
+                  newImages.push({
+                    id: imageData.id,
+                    src: imageData.fullPath,
+                    width: imageData.width,
+                    height: imageData.height,
+                    name: imageData.id,
+                    type: 'registry',
+                    tags: imageData.tags,
+                    value: 'url('.concat(imageData.fullPath, ')')
+                  });
+                  checkAllLoaded();
+                };
+                image.onerror = function () {
+                  console.warn(
+                    'Failed to load registry image: '.concat(
+                      imageData.fullThumbPath
+                    )
+                  );
+                  checkAllLoaded();
+                };
+                image.src = imageData.fullThumbPath;
+              });
             });
             _defineProperty(_this, 'generateFromAssets', function () {
-              _this.setState({
-                assetsImages: []
-              });
-              var self = _this;
-              Array.prototype.slice
-                .call(document.querySelectorAll('a-assets img'))
-                .forEach(function (asset) {
-                  var image = new Image();
-                  image.addEventListener('load', function () {
-                    self.state.assetsImages.push({
+              var assets = Array.from(
+                document.querySelectorAll('a-assets img')
+              );
+              var newImages = [];
+              var seenIds = new Set();
+              var loadedCount = 0;
+              if (assets.length === 0) {
+                _this.setState({
+                  assetsImages: []
+                });
+                return;
+              }
+              assets.forEach(function (asset) {
+                var image = new Image();
+                image.onload = function () {
+                  // Prevent duplicates
+                  if (!seenIds.has(asset.id)) {
+                    seenIds.add(asset.id);
+                    newImages.push({
                       id: asset.id,
                       src: image.src,
                       width: image.width,
@@ -101504,38 +102032,49 @@ object-assign
                       type: 'asset',
                       value: '#' + asset.id
                     });
-                    self.setState({
-                      assetsImages: self.state.assetsImages
+                  }
+                  loadedCount++;
+                  // Batch update when all images are loaded
+                  if (loadedCount === assets.length) {
+                    _this.setState({
+                      assetsImages: newImages
                     });
-                  });
-                  image.src = asset.src;
-                });
+                  }
+                };
+                image.src = asset.src;
+              });
             });
             _defineProperty(_this, 'onNewUrl', function (event) {
-              if (event.keyCode !== 13) {
-                return;
-              }
-              var self = _this;
-              function onImageLoaded(img) {
-                var src = self.preview.current.src;
-                self.setState({
+              if (event.keyCode !== 13) return;
+              _this.loadImageFromUrl();
+            });
+            _defineProperty(_this, 'loadImageFromUrl', function () {
+              var _this$imageName$curre;
+              var url = _this.state.newUrl;
+              if (!url) return;
+              var previewEl = _this.previewImg.current;
+              var _handleLoad = function handleLoad() {
+                var src = previewEl.src;
+                _this.setState({
                   preview: {
-                    width: self.preview.current.naturalWidth,
-                    height: self.preview.current.naturalHeight,
+                    width: previewEl.naturalWidth,
+                    height: previewEl.naturalHeight,
                     src: src,
                     id: '',
                     name: getFilename(src, true),
                     filename: getFilename(src),
                     type: 'new',
                     loaded: true,
-                    value: 'url(' + src + ')'
+                    value: 'url('.concat(src, ')')
                   }
                 });
-                self.preview.current.removeEventListener('load', onImageLoaded);
-              }
-              _this.preview.current.addEventListener('load', onImageLoaded);
-              _this.preview.current.src = event.target.value;
-              _this.imageName.current.focus();
+                previewEl.removeEventListener('load', _handleLoad);
+              };
+              previewEl.addEventListener('load', _handleLoad);
+              previewEl.src = url;
+              (_this$imageName$curre = _this.imageName.current) === null ||
+                _this$imageName$curre === void 0 ||
+                _this$imageName$curre.focus();
             });
             _defineProperty(_this, 'onNameKeyUp', function (event) {
               if (event.keyCode === 13 && _this.isValidAsset()) {
@@ -101543,15 +102082,29 @@ object-assign
               }
             });
             _defineProperty(_this, 'onNameChanged', function (event) {
-              var state = _this.state.preview;
-              state.name = event.target.value;
-              _this.setState({
-                preview: state
+              _this.setState(function (prevState) {
+                return {
+                  preview: _objectSpread(
+                    _objectSpread({}, prevState.preview),
+                    {},
+                    {
+                      name: event.target.value
+                    }
+                  )
+                };
               });
             });
             _defineProperty(_this, 'toggleNewDialog', function () {
+              _this.setState(function (prevState) {
+                return {
+                  addNewDialogOpened: !prevState.addNewDialogOpened
+                };
+              });
+            });
+            _defineProperty(_this, 'clear', function () {
               _this.setState({
-                addNewDialogOpened: !_this.state.addNewDialogOpened
+                preview: _objectSpread({}, DEFAULT_PREVIEW),
+                newUrl: ''
               });
             });
             _defineProperty(_this, 'onUrlChange', function (e) {
@@ -101559,19 +102112,27 @@ object-assign
                 newUrl: e.target.value
               });
             });
+            _defineProperty(_this, 'isValidAsset', function () {
+              var preview = _this.state.preview;
+              return preview.loaded && isValidId(preview.name);
+            });
             _defineProperty(_this, 'addNewAsset', function () {
-              var self = _this;
+              _this.setState({
+                isLoading: true
+              });
+              var preview = _this.state.preview;
               (0, _lib_assetsUtils__WEBPACK_IMPORTED_MODULE_4__.insertNewAsset)(
                 'img',
-                _this.state.preview.name,
-                _this.state.preview.src,
+                preview.name,
+                preview.src,
                 true,
                 function () {
-                  self.generateFromAssets();
-                  self.setState({
-                    addNewDialogOpened: false
+                  _this.generateFromAssets();
+                  _this.setState({
+                    addNewDialogOpened: false,
+                    isLoading: false
                   });
-                  self.clear();
+                  _this.clear();
                 }
               );
             });
@@ -101580,630 +102141,407 @@ object-assign
                 filterText: e.target.value
               });
             });
-            _this.state = {
-              filterText: '',
-              isOpen: _this.props.isOpen,
-              loadedTextures: [],
-              assetsImages: [],
-              registryImages: [],
-              addNewDialogOpened: false,
-              newUrl: '',
-              preview: {
-                width: 0,
-                height: 0,
-                src: '',
-                id: '',
-                name: '',
-                filename: '',
-                type: '',
-                value: '',
-                loaded: false
-              }
-            };
-            _this.imageName =
-              /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createRef();
-            _this.preview =
-              /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createRef();
-            _this.registryGallery =
-              /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createRef();
+            _defineProperty(_this, 'selectRegistryImage', function (image) {
+              var _this$imageName$curre2;
+              _this.setState({
+                preview: {
+                  width: image.width,
+                  height: image.height,
+                  src: image.src,
+                  id: '',
+                  name: getFilename(image.name, true),
+                  filename: getFilename(image.src),
+                  type: 'registry',
+                  loaded: true,
+                  value: 'url('.concat(image.src, ')')
+                }
+              });
+              (_this$imageName$curre2 = _this.imageName.current) === null ||
+                _this$imageName$curre2 === void 0 ||
+                _this$imageName$curre2.focus();
+            });
+            _defineProperty(_this, 'getFilteredRegistryImages', function () {
+              var filterText = _this.state.filterText.toUpperCase();
+              if (!filterText) return _this.state.registryImages;
+              return _this.state.registryImages.filter(function (image) {
+                return (
+                  image.id.toUpperCase().includes(filterText) ||
+                  image.name.toUpperCase().includes(filterText) ||
+                  image.tags.includes(filterText)
+                );
+              });
+            });
+            _defineProperty(_this, 'getSortedAssetImages', function () {
+              return _toConsumableArray(_this.state.assetsImages).sort(
+                function (a, b) {
+                  return a.id.localeCompare(b.id);
+                }
+              );
+            });
             return _this;
           }
           _inherits(ModalTextures, _React$Component);
-          return _createClass(
-            ModalTextures,
-            [
-              {
-                key: 'componentDidMount',
-                value: function componentDidMount() {
-                  var _this2 = this;
-                  _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
-                    'assetsimagesload',
-                    function (images) {
-                      _this2.generateFromRegistry();
-                    }
-                  );
-                  this.generateFromAssets();
-                }
-              },
-              {
-                key: 'componentDidUpdate',
-                value: function componentDidUpdate(prevProps) {
-                  if (
-                    this.state.isOpen &&
-                    !AFRAME.INSPECTOR.assetsLoader.hasLoaded
-                  ) {
-                    AFRAME.INSPECTOR.assetsLoader.load();
-                  }
-                  if (
-                    this.state.isOpen &&
-                    this.state.isOpen !== prevProps.isOpen
-                  ) {
-                    this.generateFromAssets();
-                  }
-                }
-              },
-              {
-                key: 'clear',
-                value: function clear() {
-                  this.setState({
-                    preview: {
-                      width: 0,
-                      height: 0,
-                      src: '',
-                      id: '',
-                      filename: '',
-                      name: '',
-                      type: '',
-                      loaded: false,
-                      value: ''
-                    },
-                    newUrl: ''
-                  });
+          return _createClass(ModalTextures, [
+            {
+              key: 'componentDidMount',
+              value: function componentDidMount() {
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].on(
+                  'assetsimagesload',
+                  this.handleAssetsImagesLoad
+                );
+                this.generateFromAssets();
+              }
+            },
+            {
+              key: 'componentWillUnmount',
+              value: function componentWillUnmount() {
+                _lib_Events__WEBPACK_IMPORTED_MODULE_2__['default'].off(
+                  'assetsimagesload',
+                  this.handleAssetsImagesLoad
+                );
+              }
+            },
+            {
+              key: 'componentDidUpdate',
+              value: function componentDidUpdate(prevProps) {
+                var isOpen = this.props.isOpen;
+                if (isOpen && !AFRAME.INSPECTOR.assetsLoader.hasLoaded) {
+                  AFRAME.INSPECTOR.assetsLoader.load();
                 }
-              },
-              {
-                key: 'isValidAsset',
-                value: function isValidAsset() {
-                  var validUrl = isValidId(this.state.preview.name);
-                  var validAsset = this.state.preview.loaded && validUrl;
-                  return validAsset;
+                if (isOpen && isOpen !== prevProps.isOpen) {
+                  this.generateFromAssets();
                 }
-              },
-              {
-                key: 'renderRegistryImages',
-                value: function renderRegistryImages() {
-                  var self = this;
-                  var selectSample = function selectSample(image) {
-                    self.setState({
-                      preview: {
-                        width: image.width,
-                        height: image.height,
-                        src: image.src,
-                        id: '',
-                        name: getFilename(image.name, true),
-                        filename: getFilename(image.src),
-                        type: 'registry',
-                        loaded: true,
-                        value: 'url(' + image.src + ')'
-                      }
-                    });
-                    self.imageName.current.focus();
-                  };
-                  var filterText = this.state.filterText.toUpperCase();
-                  return this.state.registryImages
-                    .filter(function (image) {
-                      return (
-                        image.id.toUpperCase().indexOf(filterText) > -1 ||
-                        image.name.toUpperCase().indexOf(filterText) > -1 ||
-                        image.tags.indexOf(filterText) > -1
-                      );
-                    })
-                    .map(function (image) {
-                      var imageClick = selectSample.bind(this, image);
-                      return /*#__PURE__*/ (0,
+              }
+            },
+            {
+              key: 'render',
+              value: function render() {
+                var _this2 = this;
+                var _this$props3 = this.props,
+                  isOpen = _this$props3.isOpen,
+                  selectedTexture = _this$props3.selectedTexture;
+                var _this$state = this.state,
+                  preview = _this$state.preview,
+                  addNewDialogOpened = _this$state.addNewDialogOpened,
+                  newUrl = _this$state.newUrl,
+                  filterText = _this$state.filterText,
+                  isLoading = _this$state.isLoading;
+                var validUrl = isValidId(preview.name);
+                var validAsset = this.isValidAsset();
+                var addNewAssetButton = addNewDialogOpened
+                  ? 'BACK'
+                  : 'LOAD TEXTURE';
+                return /*#__PURE__*/ (0,
+                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                  _Modal__WEBPACK_IMPORTED_MODULE_3__['default'],
+                  {
+                    id: 'textureModal',
+                    title: 'Textures',
+                    isOpen: isOpen,
+                    onClose: this.onClose,
+                    closeOnClickOutside: false,
+                    children: [
+                      /*#__PURE__*/ (0,
                       react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                        'li',
+                        'div',
                         {
-                          onClick: imageClick,
+                          className: 'texture-toolbar',
                           children: [
                             /*#__PURE__*/ (0,
                             react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                              'img',
+                              'button',
                               {
-                                width: '155px',
-                                height: '155px',
-                                src: image.src
+                                onClick: this.toggleNewDialog,
+                                children: addNewAssetButton
                               }
                             ),
-                            /*#__PURE__*/ (0,
-                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                              'div',
-                              {
-                                className: 'detail',
-                                children: [
-                                  /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                    'span',
-                                    {
-                                      className: 'title',
-                                      children: image.name
-                                    }
-                                  ),
-                                  /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                    'span',
-                                    {
-                                      children: getFilename(image.src)
-                                    }
-                                  ),
-                                  /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                    'span',
-                                    {
-                                      children: [
-                                        image.width,
-                                        ' x ',
-                                        image.height
-                                      ]
-                                    }
-                                  )
-                                ]
-                              }
-                            )
+                            addNewDialogOpened &&
+                              /*#__PURE__*/ (0,
+                              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                                'div',
+                                {
+                                  className: 'url-input-group',
+                                  children: [
+                                    /*#__PURE__*/ (0,
+                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                      'input',
+                                      {
+                                        type: 'text',
+                                        className: 'imageUrl',
+                                        placeholder: 'Paste image URL',
+                                        value: newUrl,
+                                        onChange: this.onUrlChange,
+                                        onKeyUp: this.onNewUrl
+                                      }
+                                    ),
+                                    /*#__PURE__*/ (0,
+                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                      'button',
+                                      {
+                                        className: 'load-url-btn',
+                                        onClick: this.loadImageFromUrl,
+                                        disabled: !newUrl,
+                                        children: 'LOAD'
+                                      }
+                                    )
+                                  ]
+                                }
+                              )
                           ]
-                        },
-                        image.src
-                      );
-                    });
-                }
-              },
-              {
-                key: 'render',
-                value: function render() {
-                  var isOpen = this.state.isOpen;
-                  var loadedTextures = this.state.loadedTextures;
-                  var preview = this.state.preview;
-                  var validUrl = isValidId(this.state.preview.name);
-                  var validAsset = this.isValidAsset();
-                  var addNewAssetButton = this.state.addNewDialogOpened
-                    ? 'BACK'
-                    : 'LOAD TEXTURE';
-                  return /*#__PURE__*/ (0,
-                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                    _Modal__WEBPACK_IMPORTED_MODULE_3__['default'],
-                    {
-                      id: 'textureModal',
-                      title: 'Textures',
-                      isOpen: isOpen,
-                      onClose: this.onClose,
-                      closeOnClickOutside: false,
-                      children: [
-                        /*#__PURE__*/ (0,
-                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                          'button',
-                          {
-                            onClick: this.toggleNewDialog,
-                            children: addNewAssetButton
-                          }
-                        ),
-                        /*#__PURE__*/ (0,
-                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                          'div',
-                          {
-                            className: this.state.addNewDialogOpened
-                              ? ''
-                              : 'hide',
-                            children: /*#__PURE__*/ (0,
-                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                              'div',
-                              {
-                                className: 'newimage',
-                                children: [
-                                  /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                    'div',
-                                    {
-                                      className: 'new_asset_options',
-                                      children: [
-                                        /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                          'span',
-                                          {
-                                            children:
-                                              'Load a new texture from one of these sources:'
-                                          }
-                                        ),
-                                        /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                          'ul',
-                                          {
-                                            children: [
-                                              /*#__PURE__*/ (0,
-                                              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                                'li',
-                                                {
-                                                  children: [
-                                                    /*#__PURE__*/ (0,
-                                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                      'span',
-                                                      {
-                                                        children:
-                                                          'From URL (and press Enter):'
-                                                      }
-                                                    ),
-                                                    ' ',
-                                                    /*#__PURE__*/ (0,
-                                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                      'input',
-                                                      {
-                                                        type: 'text',
-                                                        className: 'imageUrl',
-                                                        value:
-                                                          this.state.newUrl,
-                                                        onChange:
-                                                          this.onUrlChange,
-                                                        onKeyUp: this.onNewUrl
-                                                      }
-                                                    )
-                                                  ]
-                                                }
-                                              ),
-                                              /*#__PURE__*/ (0,
-                                              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                                'li',
-                                                {
-                                                  children: [
-                                                    /*#__PURE__*/ (0,
-                                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                      'span',
-                                                      {
-                                                        children:
-                                                          'From assets registry: '
-                                                      }
-                                                    ),
-                                                    /*#__PURE__*/ (0,
-                                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                                      'div',
-                                                      {
-                                                        className:
-                                                          'assets search',
-                                                        children: [
-                                                          /*#__PURE__*/ (0,
-                                                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                            'input',
-                                                            {
-                                                              placeholder:
-                                                                'Filter...',
-                                                              value:
-                                                                this.state
-                                                                  .filterText,
-                                                              onChange:
-                                                                this
-                                                                  .onChangeFilter
-                                                            }
-                                                          ),
-                                                          /*#__PURE__*/ (0,
-                                                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                            _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__.AwesomeIcon,
-                                                            {
-                                                              icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faSearch
-                                                            }
-                                                          )
-                                                        ]
-                                                      }
-                                                    ),
-                                                    /*#__PURE__*/ (0,
-                                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                      'ul',
-                                                      {
-                                                        ref: this
-                                                          .registryGallery,
-                                                        className: 'gallery',
-                                                        children:
-                                                          this.renderRegistryImages()
-                                                      }
-                                                    )
-                                                  ]
-                                                }
-                                              )
-                                            ]
-                                          }
-                                        )
-                                      ]
-                                    }
-                                  ),
-                                  /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                    'div',
-                                    {
-                                      className: 'preview',
-                                      children: [
-                                        'Name:',
-                                        ' ',
-                                        /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                          'input',
-                                          {
-                                            ref: this.imageName,
-                                            className:
-                                              this.state.preview.name.length >
-                                                0 && !validUrl
-                                                ? 'error'
-                                                : '',
-                                            type: 'text',
-                                            value: this.state.preview.name,
-                                            onChange: this.onNameChanged,
-                                            onKeyUp: this.onNameKeyUp
-                                          }
-                                        ),
-                                        /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                          'img',
-                                          {
-                                            ref: this.preview,
-                                            width: '155px',
-                                            height: '155px',
-                                            src: preview.src
-                                          }
-                                        ),
-                                        this.state.preview.loaded
-                                          ? /*#__PURE__*/ (0,
+                        }
+                      ),
+                      /*#__PURE__*/ (0,
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                        'div',
+                        {
+                          className: addNewDialogOpened ? '' : 'hide',
+                          children: /*#__PURE__*/ (0,
+                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                            'div',
+                            {
+                              className: 'newimage',
+                              children: [
+                                /*#__PURE__*/ (0,
+                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                                  'div',
+                                  {
+                                    className: 'new_asset_options',
+                                    children: [
+                                      /*#__PURE__*/ (0,
+                                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                                        'div',
+                                        {
+                                          className: 'registry-section',
+                                          children: [
+                                            /*#__PURE__*/ (0,
+                                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                              'span',
+                                              {
+                                                className: 'section-label',
+                                                children:
+                                                  'Select from assets registry:'
+                                              }
+                                            ),
+                                            /*#__PURE__*/ (0,
                                             react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
                                               'div',
                                               {
-                                                className: 'detail',
+                                                className: 'assets search',
                                                 children: [
                                                   /*#__PURE__*/ (0,
                                                   react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                    'span',
+                                                    'input',
                                                     {
-                                                      className: 'title',
-                                                      title: preview.filename,
-                                                      children: preview.filename
+                                                      placeholder:
+                                                        'Filter textures...',
+                                                      value: filterText,
+                                                      onChange:
+                                                        this.onChangeFilter
                                                     }
                                                   ),
                                                   /*#__PURE__*/ (0,
                                                   react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                    'br',
-                                                    {}
-                                                  ),
-                                                  /*#__PURE__*/ (0,
-                                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                                    'span',
+                                                    _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__.AwesomeIcon,
                                                     {
-                                                      children: [
-                                                        preview.width,
-                                                        ' x ',
-                                                        preview.height
-                                                      ]
+                                                      icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_7__.faSearch
                                                     }
                                                   )
                                                 ]
                                               }
                                             )
-                                          : /*#__PURE__*/ (0,
-                                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                              'span',
-                                              {}
-                                            ),
-                                        /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                          'br',
-                                          {}
-                                        ),
+                                          ]
+                                        }
+                                      ),
+                                      /*#__PURE__*/ (0,
+                                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                        'div',
+                                        {
+                                          className: 'gallery',
+                                          children: this.state.isGalleryLoading
+                                            ? /*#__PURE__*/ (0,
+                                              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                                'div',
+                                                {
+                                                  className:
+                                                    'loading-indicator',
+                                                  children:
+                                                    'Loading textures...'
+                                                }
+                                              )
+                                            : this.getFilteredRegistryImages().map(
+                                                function (image) {
+                                                  return /*#__PURE__*/ (0,
+                                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                                    ImageItem,
+                                                    {
+                                                      image: image,
+                                                      onClick:
+                                                        function onClick() {
+                                                          return _this2.selectRegistryImage(
+                                                            image
+                                                          );
+                                                        }
+                                                    },
+                                                    image.src
+                                                  );
+                                                }
+                                              )
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /*#__PURE__*/ (0,
+                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                                  'div',
+                                  {
+                                    className: 'preview',
+                                    children: [
+                                      /*#__PURE__*/ (0,
+                                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                        'span',
+                                        {
+                                          className: 'section-label',
+                                          children: 'Name:'
+                                        }
+                                      ),
+                                      /*#__PURE__*/ (0,
+                                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                        'input',
+                                        {
+                                          ref: this.imageName,
+                                          className:
+                                            preview.name.length > 0 && !validUrl
+                                              ? 'error'
+                                              : '',
+                                          type: 'text',
+                                          placeholder: 'Enter texture name',
+                                          value: preview.name,
+                                          onChange: this.onNameChanged,
+                                          onKeyUp: this.onNameKeyUp
+                                        }
+                                      ),
+                                      /*#__PURE__*/ (0,
+                                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                        'img',
+                                        {
+                                          ref: this.previewImg,
+                                          width: '242px',
+                                          height: '242px',
+                                          src: preview.src,
+                                          alt: 'Preview'
+                                        }
+                                      ),
+                                      preview.loaded &&
                                         /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                          'button',
-                                          {
-                                            disabled: !validAsset,
-                                            onClick: this.addNewAsset,
-                                            children: 'LOAD THIS TEXTURE'
-                                          }
-                                        )
-                                      ]
-                                    }
-                                  )
-                                ]
-                              }
-                            )
-                          }
-                        ),
-                        /*#__PURE__*/ (0,
-                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                          'div',
-                          {
-                            className: this.state.addNewDialogOpened
-                              ? 'hide'
-                              : '',
-                            children: /*#__PURE__*/ (0,
-                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                              'ul',
-                              {
-                                className: 'gallery',
-                                children: [
-                                  this.state.assetsImages
-                                    .sort(function (a, b) {
-                                      return a.id > b.id;
-                                    })
-                                    .map(
-                                      function (image) {
-                                        var textureClick =
-                                          this.selectTexture.bind(this, image);
-                                        var selectedClass =
-                                          this.props.selectedTexture ===
-                                          '#' + image.id
-                                            ? 'selected'
-                                            : '';
-                                        return /*#__PURE__*/ (0,
                                         react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                          'li',
+                                          'div',
                                           {
-                                            onClick: textureClick,
-                                            className: selectedClass,
+                                            className: 'detail',
                                             children: [
                                               /*#__PURE__*/ (0,
                                               react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                'img',
+                                                'span',
                                                 {
-                                                  width: '155px',
-                                                  height: '155px',
-                                                  src: image.src
+                                                  className: 'title',
+                                                  title: preview.filename,
+                                                  children: preview.filename
                                                 }
                                               ),
                                               /*#__PURE__*/ (0,
                                               react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                                'div',
+                                                'span',
                                                 {
-                                                  className: 'detail',
+                                                  className: 'dimensions',
                                                   children: [
-                                                    /*#__PURE__*/ (0,
-                                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                      'span',
-                                                      {
-                                                        className: 'title',
-                                                        children: image.name
-                                                      }
-                                                    ),
-                                                    /*#__PURE__*/ (0,
-                                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                      'span',
-                                                      {
-                                                        children: getFilename(
-                                                          image.src
-                                                        )
-                                                      }
-                                                    ),
-                                                    /*#__PURE__*/ (0,
-                                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                                      'span',
-                                                      {
-                                                        children: [
-                                                          image.width,
-                                                          ' x ',
-                                                          image.height
-                                                        ]
-                                                      }
-                                                    )
+                                                    preview.width,
+                                                    ' x ',
+                                                    preview.height
                                                   ]
                                                 }
                                               )
                                             ]
-                                          },
-                                          image.id
-                                        );
-                                      }.bind(this)
-                                    ),
-                                  loadedTextures.map(function (texture) {
-                                    var image = texture.image;
-                                    var textureClick = this.selectTexture.bind(
-                                      this,
-                                      texture
-                                    );
+                                          }
+                                        ),
+                                      /*#__PURE__*/ (0,
+                                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                        'button',
+                                        {
+                                          disabled: !validAsset || isLoading,
+                                          onClick: this.addNewAsset,
+                                          children: isLoading
+                                            ? 'LOADING...'
+                                            : 'LOAD THIS TEXTURE'
+                                        }
+                                      )
+                                    ]
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        }
+                      ),
+                      /*#__PURE__*/ (0,
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                        'div',
+                        {
+                          className: addNewDialogOpened ? 'hide' : '',
+                          children: [
+                            /*#__PURE__*/ (0,
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                              'div',
+                              {
+                                children: /*#__PURE__*/ (0,
+                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                  'span',
+                                  {
+                                    className: 'section-label',
+                                    children:
+                                      'Following are assets loaded in this project:'
+                                  }
+                                )
+                              }
+                            ),
+                            /*#__PURE__*/ (0,
+                            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                              'div',
+                              {
+                                className: 'gallery',
+                                children: this.getSortedAssetImages().map(
+                                  function (image) {
                                     return /*#__PURE__*/ (0,
-                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                      'li',
+                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                                      ImageItem,
                                       {
-                                        onClick: textureClick,
-                                        children: [
-                                          /*#__PURE__*/ (0,
-                                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                            'img',
-                                            {
-                                              width: '155px',
-                                              height: '155px',
-                                              src: image.src
-                                            }
-                                          ),
-                                          /*#__PURE__*/ (0,
-                                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                            'div',
-                                            {
-                                              className: 'detail',
-                                              children: [
-                                                /*#__PURE__*/ (0,
-                                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                  'span',
-                                                  {
-                                                    className: 'title',
-                                                    children: 'Name:'
-                                                  }
-                                                ),
-                                                ' ',
-                                                /*#__PURE__*/ (0,
-                                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                  'span',
-                                                  {
-                                                    children: image.name
-                                                  }
-                                                ),
-                                                /*#__PURE__*/ (0,
-                                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                  'span',
-                                                  {
-                                                    className: 'title',
-                                                    children: 'Filename:'
-                                                  }
-                                                ),
-                                                ' ',
-                                                /*#__PURE__*/ (0,
-                                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
-                                                  'span',
-                                                  {
-                                                    children: getFilename(
-                                                      image.src
-                                                    )
-                                                  }
-                                                ),
-                                                /*#__PURE__*/ (0,
-                                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
-                                                  'span',
-                                                  {
-                                                    children: [
-                                                      image.width,
-                                                      ' x ',
-                                                      image.height
-                                                    ]
-                                                  }
-                                                )
-                                              ]
-                                            }
-                                          )
-                                        ]
+                                        image: image,
+                                        onClick: function onClick() {
+                                          return _this2.selectTexture(image);
+                                        },
+                                        isSelected:
+                                          selectedTexture === '#' + image.id
                                       },
-                                      texture.uuid
+                                      image.id
                                     );
-                                  })
-                                ]
+                                  }
+                                )
                               }
                             )
-                          }
-                        )
-                      ]
-                    }
-                  );
-                }
-              }
-            ],
-            [
-              {
-                key: 'getDerivedStateFromProps',
-                value: function getDerivedStateFromProps(props, state) {
-                  if (state.isOpen !== props.isOpen) {
-                    return {
-                      isOpen: props.isOpen
-                    };
+                          ]
+                        }
+                      )
+                    ]
                   }
-                  return null;
-                }
+                );
               }
-            ]
-          );
+            }
+          ]);
         })(react__WEBPACK_IMPORTED_MODULE_0___default().Component);
         _defineProperty(ModalTextures, 'propTypes', {
-          isOpen: prop_types__WEBPACK_IMPORTED_MODULE_7___default().bool,
-          onClose: prop_types__WEBPACK_IMPORTED_MODULE_7___default().func,
+          isOpen: prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,
+          onClose: prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,
           selectedTexture:
-            prop_types__WEBPACK_IMPORTED_MODULE_7___default().string
+            prop_types__WEBPACK_IMPORTED_MODULE_6___default().string
         });
 
         /***/
@@ -102653,7 +102991,9 @@ object-assign
           isSelected: prop_types__WEBPACK_IMPORTED_MODULE_8___default().bool,
           selectEntity: prop_types__WEBPACK_IMPORTED_MODULE_8___default().func,
           toggleExpandedCollapsed:
-            prop_types__WEBPACK_IMPORTED_MODULE_8___default().func
+            prop_types__WEBPACK_IMPORTED_MODULE_8___default().func,
+          onDragStart: prop_types__WEBPACK_IMPORTED_MODULE_8___default().func,
+          onDrop: prop_types__WEBPACK_IMPORTED_MODULE_8___default().func
         });
 
         /***/
@@ -102898,6 +103238,11 @@ object-assign
             var _this;
             _classCallCheck(this, SceneGraph);
             _this = _callSuper(this, SceneGraph, [props]);
+            _defineProperty(_this, 'handleEntityUpdate', function (detail) {
+              if (detail.component === 'mixin') {
+                _this.rebuildEntityOptions();
+              }
+            });
             _defineProperty(_this, 'selectEntity', function (entity) {
               var found = false;
               for (var i = 0; i < _this.state.filteredEntities.length; i++) {
@@ -103019,7 +103364,7 @@ object-assign
               if (!curr) {
                 return false;
               }
-              while (curr !== undefined && curr.isEntity) {
+              while (curr != null && curr.isEntity) {
                 if (!_this.isExpanded(curr)) {
                   return false;
                 }
@@ -103041,7 +103386,7 @@ object-assign
             _defineProperty(_this, 'expandToRoot', function (x) {
               // Expand element all the way to the scene element
               var curr = x.parentNode;
-              while (curr !== undefined && curr.isEntity) {
+              while (curr != null && curr.isEntity) {
                 _this.state.expandedElements.set(curr, true);
                 curr = curr.parentNode;
               }
@@ -103287,7 +103632,6 @@ object-assign
             {
               key: 'componentDidMount',
               value: function componentDidMount() {
-                var _this2 = this;
                 this.rebuildEntityOptions();
                 _lib_Events__WEBPACK_IMPORTED_MODULE_5__['default'].on(
                   'entityidchange',
@@ -103303,11 +103647,7 @@ object-assign
                 );
                 _lib_Events__WEBPACK_IMPORTED_MODULE_5__['default'].on(
                   'entityupdate',
-                  function (detail) {
-                    if (detail.component === 'mixin') {
-                      _this2.rebuildEntityOptions();
-                    }
-                  }
+                  this.handleEntityUpdate
                 );
 
                 // Listen for DOM changes to keep Scenegraph in sync
@@ -103322,23 +103662,83 @@ object-assign
                   );
                 }
               }
-
-              /**
-               * Selected entity updated from somewhere else in the app.
-               */
             },
             {
-              key: 'componentDidUpdate',
-              value: function componentDidUpdate(prevProps) {
-                if (prevProps.selectedEntity !== this.props.selectedEntity) {
-                  this.selectEntity(this.props.selectedEntity);
+              key: 'componentWillUnmount',
+              value: function componentWillUnmount() {
+                _lib_Events__WEBPACK_IMPORTED_MODULE_5__['default'].off(
+                  'entityidchange',
+                  this.rebuildEntityOptions
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_5__['default'].off(
+                  'entitycreated',
+                  this.rebuildEntityOptions
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_5__['default'].off(
+                  'entityclone',
+                  this.rebuildEntityOptions
+                );
+                _lib_Events__WEBPACK_IMPORTED_MODULE_5__['default'].off(
+                  'entityupdate',
+                  this.handleEntityUpdate
+                );
+                if (this.props.scene) {
+                  this.props.scene.removeEventListener(
+                    'child-attached',
+                    this.rebuildEntityOptions
+                  );
+                  this.props.scene.removeEventListener(
+                    'child-detached',
+                    this.rebuildEntityOptions
+                  );
                 }
               }
             },
+            {
+              key: 'componentDidUpdate',
+              value:
+                /**
+                 * Selected entity or scene updated from somewhere else in the app.
+                 */
+                function componentDidUpdate(prevProps) {
+                  if (prevProps.selectedEntity !== this.props.selectedEntity) {
+                    this.selectEntity(this.props.selectedEntity);
+                  }
+
+                  // Scene element was replaced — re-attach DOM listeners.
+                  if (prevProps.scene !== this.props.scene) {
+                    if (prevProps.scene) {
+                      prevProps.scene.removeEventListener(
+                        'child-attached',
+                        this.rebuildEntityOptions
+                      );
+                      prevProps.scene.removeEventListener(
+                        'child-detached',
+                        this.rebuildEntityOptions
+                      );
+                    }
+                    if (this.props.scene) {
+                      this.props.scene.addEventListener(
+                        'child-attached',
+                        this.rebuildEntityOptions
+                      );
+                      this.props.scene.addEventListener(
+                        'child-detached',
+                        this.rebuildEntityOptions
+                      );
+                    }
+                    // Reset expanded state with new scene root.
+                    this.setState({
+                      expandedElements: new WeakMap([[this.props.scene, true]])
+                    });
+                    this.rebuildEntityOptions();
+                  }
+                }
+            },
             {
               key: 'getFilteredEntities',
               value: function getFilteredEntities(filter, entities) {
-                var _this3 = this;
+                var _this2 = this;
                 entities = entities || this.state.entities;
                 if (!filter) {
                   return entities;
@@ -103346,7 +103746,7 @@ object-assign
                 return entities.filter(function (entityOption) {
                   return filterEntity(
                     entityOption.entity,
-                    filter || _this3.state.filter
+                    filter || _this2.state.filter
                   );
                 });
               }
@@ -103461,15 +103861,23 @@ object-assign
             return true;
           }
 
-          // Check if the ID, tagName, class, selector includes the filter.
+          // Check if the ID, tagName, class includes the filter.
           if (
             entity.id.toUpperCase().indexOf(filter.toUpperCase()) !== -1 ||
             entity.tagName.toUpperCase().indexOf(filter.toUpperCase()) !== -1 ||
-            entity.classList.contains(filter) ||
-            entity.matches(filter)
+            entity.classList.contains(filter)
           ) {
             return true;
           }
+
+          // Try CSS selector match - wrapped in try-catch since invalid selectors throw
+          try {
+            if (entity.matches(filter)) {
+              return true;
+            }
+          } catch (e) {
+            // Invalid CSS selector, ignore
+          }
           return false;
         }
 
@@ -103497,7 +103905,7 @@ object-assign
           /*#__PURE__*/ __webpack_require__.n(
             react__WEBPACK_IMPORTED_MODULE_0__
           );
-        /* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_5__ =
+        /* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__ =
           __webpack_require__(
             /*! @fortawesome/free-solid-svg-icons */ './node_modules/@fortawesome/free-solid-svg-icons/index.mjs'
           );
@@ -103507,11 +103915,13 @@ object-assign
           );
         /* harmony import */ var _lib_Events__WEBPACK_IMPORTED_MODULE_2__ =
           __webpack_require__(/*! ../../lib/Events */ './src/lib/Events.js');
-        /* harmony import */ var _modals_ModalPrimitive__WEBPACK_IMPORTED_MODULE_3__ =
+        /* harmony import */ var _lib_utils__WEBPACK_IMPORTED_MODULE_3__ =
+          __webpack_require__(/*! ../../lib/utils */ './src/lib/utils.js');
+        /* harmony import */ var _modals_ModalPrimitive__WEBPACK_IMPORTED_MODULE_4__ =
           __webpack_require__(
             /*! ../modals/ModalPrimitive */ './src/components/modals/ModalPrimitive.js'
           );
-        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ =
+        /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ =
           __webpack_require__(
             /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
           );
@@ -103651,8 +104061,6 @@ object-assign
           return ('string' === r ? String : Number)(t);
         }
 
-        // Import the new modal component
-
         function filterHelpers(scene, visible) {
           scene.traverse(function (o) {
             if (o.userData.source === 'INSPECTOR') {
@@ -103748,7 +104156,10 @@ object-assign
                     var blob = new Blob([buffer], {
                       type: 'application/octet-stream'
                     });
-                    saveBlob(blob, sceneName + '.glb');
+                    (0, _lib_utils__WEBPACK_IMPORTED_MODULE_3__.saveBlob)(
+                      blob,
+                      sceneName + '.glb'
+                    );
                   },
                   function (error) {
                     console.error(error);
@@ -103765,17 +104176,17 @@ object-assign
                 // const watcherTitle = 'Write changes with aframe-watcher.'; // Keep or remove as needed
 
                 return /*#__PURE__*/ (0,
-                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)('div', {
+                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)('div', {
                   id: 'toolbar',
                   children: [
                     /*#__PURE__*/ (0,
-                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(
+                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
                       'div',
                       {
                         className: 'toolbarActions',
                         children: [
                           /*#__PURE__*/ (0,
-                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(
+                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
                             'a',
                             {
                               className: 'button',
@@ -103783,14 +104194,14 @@ object-assign
                               onClick: this.toggleAddEntityModal, // Changed onClick handler
                               children: [
                                 /*#__PURE__*/ (0,
-                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
+                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                   _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__.AwesomeIcon,
                                   {
-                                    icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_5__.faPlus
+                                    icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faPlus
                                   }
                                 ),
                                 /*#__PURE__*/ (0,
-                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
+                                react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                   'span',
                                   {
                                     children: 'Add Entity'
@@ -103800,7 +104211,7 @@ object-assign
                             }
                           ),
                           /*#__PURE__*/ (0,
-                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
+                          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                             'a',
                             {
                               id: 'playPauseScene',
@@ -103811,19 +104222,19 @@ object-assign
                               onClick: this.toggleScenePlaying,
                               children: this.state.isPlaying
                                 ? /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(
-                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,
+                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,
                                     {
                                       children: [
                                         /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
+                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                           _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__.AwesomeIcon,
                                           {
-                                            icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_5__.faPause
+                                            icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faPause
                                           }
                                         ),
                                         /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
+                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                           'span',
                                           {
                                             children: 'Pause Scene'
@@ -103833,19 +104244,19 @@ object-assign
                                     }
                                   )
                                 : /*#__PURE__*/ (0,
-                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(
-                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment,
+                                  react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(
+                                    react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment,
                                     {
                                       children: [
                                         /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
+                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                           _AwesomeIcon__WEBPACK_IMPORTED_MODULE_1__.AwesomeIcon,
                                           {
-                                            icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_5__.faPlay
+                                            icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_6__.faPlay
                                           }
                                         ),
                                         /*#__PURE__*/ (0,
-                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
+                                        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
                                           'span',
                                           {
                                             children: 'Play Scene'
@@ -103861,8 +104272,8 @@ object-assign
                     ),
                     this.state.isAddEntityModalOpen &&
                       /*#__PURE__*/ (0,
-                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
-                        _modals_ModalPrimitive__WEBPACK_IMPORTED_MODULE_3__[
+                      react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(
+                        _modals_ModalPrimitive__WEBPACK_IMPORTED_MODULE_4__[
                           'default'
                         ],
                         {
@@ -106424,10 +106835,19 @@ object-assign
                     var assetId = insertOrGetImageAsset(image.src);
                     value = '#' + assetId;
                   }
+
+                  // Only call onChange - it will update the entity which triggers
+                  // componentDidUpdate to sync our state. Don't call setValue here
+                  // as that would cause duplicate state updates and potential loops.
                   if (_this.props.onChange) {
                     _this.props.onChange(_this.props.name, value);
                   }
-                  _this.setValue(value);
+
+                  // Update local state directly without triggering the full setValue flow
+                  // to update the preview immediately
+                  _this.setState({
+                    value: value
+                  });
                 }
               );
             });
@@ -106449,6 +106869,7 @@ object-assign
             {
               key: 'componentDidUpdate',
               value: function componentDidUpdate(prevProps) {
+                var _component$attrValue;
                 var component =
                   this.props.entity.components[this.props.componentname];
                 if (!component) {
@@ -106456,11 +106877,14 @@ object-assign
                 }
                 // component.attrValue may be undefined if component is from a mixin
                 var newValue =
-                  component.attrValue && component.attrValue[this.props.name];
+                  (_component$attrValue = component.attrValue) === null ||
+                  _component$attrValue === void 0
+                    ? void 0
+                    : _component$attrValue[this.props.name];
 
-                // This will be triggered typically when the element is changed directly with element.setAttribute
-                // Compare with prevProps.value instead of this.state.value to avoid infinite loops
-                if (newValue && newValue !== prevProps.value) {
+                // Only update if the new value differs from our current state
+                // This prevents infinite loops when setValue triggers re-renders
+                if (newValue && newValue !== this.state.value) {
                   this.setValue(newValue);
                 }
               }
@@ -106845,17 +107269,18 @@ object-assign
           return _createClass(Vec2Widget, [
             {
               key: 'componentDidUpdate',
-              value: function componentDidUpdate() {
-                var props = this.props;
+              value: function componentDidUpdate(prevProps) {
+                // Only update state if props.value actually changed from parent
+                // Comparing to this.state would cause infinite loops when value objects are recreated
                 if (
                   !(0, _lib_utils__WEBPACK_IMPORTED_MODULE_2__.areVectorsEqual)(
-                    props.value,
-                    this.state
+                    this.props.value,
+                    prevProps.value
                   )
                 ) {
                   this.setState({
-                    x: props.value.x,
-                    y: props.value.y
+                    x: this.props.value.x,
+                    y: this.props.value.y
                   });
                 }
               }
@@ -107147,18 +107572,19 @@ object-assign
           return _createClass(Vec3Widget, [
             {
               key: 'componentDidUpdate',
-              value: function componentDidUpdate() {
-                var props = this.props;
+              value: function componentDidUpdate(prevProps) {
+                // Only update state if props.value actually changed from parent
+                // Comparing to this.state would cause infinite loops when value objects are recreated
                 if (
                   !(0, _lib_utils__WEBPACK_IMPORTED_MODULE_2__.areVectorsEqual)(
-                    props.value,
-                    this.state
+                    this.props.value,
+                    prevProps.value
                   )
                 ) {
                   this.setState({
-                    x: props.value.x,
-                    y: props.value.y,
-                    z: props.value.z
+                    x: this.props.value.x,
+                    y: this.props.value.y,
+                    z: this.props.value.z
                   });
                 }
               }
@@ -107462,19 +107888,20 @@ object-assign
           return _createClass(Vec4Widget, [
             {
               key: 'componentDidUpdate',
-              value: function componentDidUpdate() {
-                var props = this.props;
+              value: function componentDidUpdate(prevProps) {
+                // Only update state if props.value actually changed from parent
+                // Comparing to this.state would cause infinite loops when value objects are recreated
                 if (
                   !(0, _lib_utils__WEBPACK_IMPORTED_MODULE_2__.areVectorsEqual)(
-                    props.value,
-                    this.state
+                    this.props.value,
+                    prevProps.value
                   )
                 ) {
                   this.setState({
-                    x: props.value.x,
-                    y: props.value.y,
-                    z: props.value.z,
-                    w: props.value.w
+                    x: this.props.value.x,
+                    y: this.props.value.y,
+                    z: this.props.value.z,
+                    w: this.props.value.w
                   });
                 }
               }
@@ -109628,6 +110055,7 @@ object-assign
         var assetsRelativeUrl = {
           images: 'dist/images.json'
         };
+        var collectionAssetsRoot = window.COLLECTION_ASSETS_ROOT;
 
         /**
          * Asynchronously load and register components from the registry.
@@ -109642,6 +110070,10 @@ object-assign
            */
           load: function load() {
             var _this = this;
+            if (collectionAssetsRoot) {
+              this.loadCollection();
+              return;
+            }
             var xhr = new XMLHttpRequest();
             var url = assetsBaseUrl + assetsRelativeUrl.images;
 
@@ -109668,6 +110100,64 @@ object-assign
             };
             xhr.send();
             this.hasLoaded = true;
+          },
+          /**
+           * XHR the collection assets JSON.
+           */
+          loadCollection: function loadCollection() {
+            var _this2 = this;
+            if (!collectionAssetsRoot) return;
+            var xhr = new XMLHttpRequest();
+            xhr.open('GET', collectionAssetsRoot);
+            xhr.onload = function () {
+              try {
+                var data = JSON.parse(xhr.responseText);
+                if (Array.isArray(data)) {
+                  // Clear all existing assets including those loaded from load()
+                  _this2.images = [];
+                  data.forEach(function (item) {
+                    // Extract filename from URL to use as ID
+                    var filename = item.src.split('/').pop() || '';
+                    var id =
+                      filename
+                        .split('.')
+                        .shift()
+                        .replace(/\s/, '-')
+                        .replace(/^\d+\s*/, '')
+                        .replace(/[\W]/, '')
+                        .toLowerCase() ||
+                      'img' + Math.floor(Math.random() * 10000);
+                    var isDuplicate = _this2.images.some(
+                      function (existingImage) {
+                        return (
+                          existingImage.id === id ||
+                          existingImage.fullPath === item.src
+                        );
+                      }
+                    );
+                    if (!isDuplicate) {
+                      _this2.images.push({
+                        id: id,
+                        fullPath: item.src,
+                        fullThumbPath: item.src,
+                        tags: []
+                      });
+                    }
+                  });
+                  _Events__WEBPACK_IMPORTED_MODULE_0__['default'].emit(
+                    'assetsimagesload',
+                    _this2.images
+                  );
+                }
+              } catch (e) {
+                console.error('Error parsing collection file.', e);
+              }
+            };
+            xhr.onerror = function () {
+              console.error('Error loading collection file.');
+            };
+            xhr.send();
+            this.hasLoaded = true;
           }
         };
 
@@ -109695,7 +110185,8 @@ object-assign
           id,
           src,
           anonymousCrossOrigin,
-          onLoadedCallback
+          onLoadedCallback,
+          onErrorCallback
         ) {
           var element = null;
           switch (type) {
@@ -109716,7 +110207,26 @@ object-assign
                 onLoadedCallback();
               }
             };
-            document.getElementsByTagName('a-assets')[0].appendChild(element);
+            element.onerror = function (error) {
+              console.warn('Failed to load asset: '.concat(src), error);
+              if (onErrorCallback) {
+                onErrorCallback(error);
+              }
+            };
+
+            // Get or create the a-assets container
+            var assetsContainer = document.querySelector('a-assets');
+            if (!assetsContainer) {
+              assetsContainer = document.createElement('a-assets');
+              var scene = document.querySelector('a-scene');
+              if (scene) {
+                scene.insertBefore(assetsContainer, scene.firstChild);
+              } else {
+                console.warn('No a-scene found to insert a-assets');
+                return;
+              }
+            }
+            assetsContainer.appendChild(element);
           }
         }
 
@@ -110697,6 +111207,20 @@ object-assign
                 'dblclick',
                 onDoubleClick
               );
+            },
+            destroy: function destroy() {
+              mouseCursor.removeEventListener('click', handleClick);
+              mouseCursor.removeEventListener('mouseenter', onMouseEnter);
+              mouseCursor.removeEventListener('mouseleave', onMouseLeave);
+              inspector.container.removeEventListener('mousedown', onMouseDown);
+              inspector.container.removeEventListener('mouseup', onMouseUp);
+              inspector.container.removeEventListener(
+                'dblclick',
+                onDoubleClick
+              );
+              if (mouseCursor.parentNode) {
+                mouseCursor.parentNode.removeChild(mouseCursor);
+              }
             }
           };
         }
@@ -111138,6 +111662,7 @@ object-assign
         // Expect v1 and v2 to take format {x: number, y: number, z: number, w:number}
         // Smaller vectors (ie. vec2) should work as well since their z & w vals will be the same (undefined)
         function areVectorsEqual(v1, v2) {
+          if (!v1 || !v2) return v1 === v2;
           return (
             Object.is(v1.x, v2.x) &&
             Object.is(v1.y, v2.y) &&
@@ -111282,10 +111807,16 @@ object-assign
           _Events__WEBPACK_IMPORTED_MODULE_3__['default'].on(
             'entityupdate',
             function (detail) {
+              var _inspector$selectedEn;
               var object = detail.entity.object3D;
               if (
                 inspector.selected === object &&
-                inspector.selectedEntity.object3DMap.mesh
+                (_inspector$selectedEn = inspector.selectedEntity) !== null &&
+                _inspector$selectedEn !== void 0 &&
+                (_inspector$selectedEn = _inspector$selectedEn.object3DMap) !==
+                  null &&
+                _inspector$selectedEn !== void 0 &&
+                _inspector$selectedEn.mesh
               ) {
                 selectionBox.setFromObject(inspector.selected);
               }
@@ -111759,19 +112290,23 @@ object-assign
       );
     /* harmony import */ var _lib_shortcuts__WEBPACK_IMPORTED_MODULE_4__ =
       __webpack_require__(/*! ./lib/shortcuts */ './src/lib/shortcuts.js');
-    /* harmony import */ var _components_Main__WEBPACK_IMPORTED_MODULE_5__ =
+    /* harmony import */ var _components_ErrorBoundary__WEBPACK_IMPORTED_MODULE_5__ =
+      __webpack_require__(
+        /*! ./components/ErrorBoundary */ './src/components/ErrorBoundary.js'
+      );
+    /* harmony import */ var _components_Main__WEBPACK_IMPORTED_MODULE_6__ =
       __webpack_require__(/*! ./components/Main */ './src/components/Main.js');
-    /* harmony import */ var _lib_cameras__WEBPACK_IMPORTED_MODULE_6__ =
+    /* harmony import */ var _lib_cameras__WEBPACK_IMPORTED_MODULE_7__ =
       __webpack_require__(/*! ./lib/cameras */ './src/lib/cameras.js');
-    /* harmony import */ var _lib_entity__WEBPACK_IMPORTED_MODULE_7__ =
+    /* harmony import */ var _lib_entity__WEBPACK_IMPORTED_MODULE_8__ =
       __webpack_require__(/*! ./lib/entity */ './src/lib/entity.js');
-    /* harmony import */ var three_addons_exporters_GLTFExporter__WEBPACK_IMPORTED_MODULE_10__ =
+    /* harmony import */ var three_addons_exporters_GLTFExporter__WEBPACK_IMPORTED_MODULE_11__ =
       __webpack_require__(
         /*! three/addons/exporters/GLTFExporter */ './node_modules/three/examples/jsm/exporters/GLTFExporter.js'
       );
-    /* harmony import */ var _style_index_styl__WEBPACK_IMPORTED_MODULE_8__ =
+    /* harmony import */ var _style_index_styl__WEBPACK_IMPORTED_MODULE_9__ =
       __webpack_require__(/*! ./style/index.styl */ './src/style/index.styl');
-    /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ =
+    /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__ =
       __webpack_require__(
         /*! react/jsx-runtime */ './node_modules/react/jsx-runtime.js'
       );
@@ -111781,7 +112316,7 @@ object-assign
       this.assetsLoader =
         new _lib_assetsLoader__WEBPACK_IMPORTED_MODULE_3__.AssetsLoader();
       this.exporters = {
-        gltf: new three_addons_exporters_GLTFExporter__WEBPACK_IMPORTED_MODULE_10__.GLTFExporter()
+        gltf: new three_addons_exporters_GLTFExporter__WEBPACK_IMPORTED_MODULE_11__.GLTFExporter()
       };
       this.history = __webpack_require__(
         /*! ./lib/history */ './src/lib/history.js'
@@ -111826,7 +112361,7 @@ object-assign
           return;
         }
         this.container = document.querySelector('.a-canvas');
-        (0, _lib_cameras__WEBPACK_IMPORTED_MODULE_6__.initCameras)(this);
+        (0, _lib_cameras__WEBPACK_IMPORTED_MODULE_7__.initCameras)(this);
         this.initUI();
       },
       initUI: function initUI() {
@@ -111843,9 +112378,16 @@ object-assign
         var root = (0,
         react_dom_client__WEBPACK_IMPORTED_MODULE_0__.createRoot)(div);
         root.render(
-          /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(
-            _components_Main__WEBPACK_IMPORTED_MODULE_5__['default'],
-            {}
+          /*#__PURE__*/ (0,
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
+            _components_ErrorBoundary__WEBPACK_IMPORTED_MODULE_5__['default'],
+            {
+              children: /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(
+                _components_Main__WEBPACK_IMPORTED_MODULE_6__['default'],
+                {}
+              )
+            }
           )
         );
         this.scene = this.sceneEl.object3D;
@@ -111907,7 +112449,7 @@ object-assign
             delete _this4.helpers[node.uuid];
             _lib_Events__WEBPACK_IMPORTED_MODULE_1__['default'].emit(
               'helperremove',
-              _this4.helpers[node.uuid]
+              helper
             );
           }
         });
@@ -111969,7 +112511,7 @@ object-assign
         _lib_Events__WEBPACK_IMPORTED_MODULE_1__['default'].on(
           'entitycreate',
           function (definition) {
-            (0, _lib_entity__WEBPACK_IMPORTED_MODULE_7__.createEntity)(
+            (0, _lib_entity__WEBPACK_IMPORTED_MODULE_8__.createEntity)(
               definition,
               function (entity) {
                 _this6.selectEntity(entity);
@@ -112057,6 +112599,119 @@ object-assign
         }
         this.isFirstOpen = false;
       },
+      /**
+       * Reload the inspector UI to reflect current scene HTML.
+       * Call this after programmatically modifying the scene DOM.
+       */
+      reload: function reload() {
+        var _this7 = this;
+        // Deselect current entity.
+        this.selectEntity(null);
+
+        // Clear all existing helpers.
+        for (var id in this.helpers) {
+          var helper = this.helpers[id];
+          this.sceneHelpers.remove(helper);
+          if (helper.dispose) {
+            helper.dispose();
+          }
+        }
+        this.helpers = {};
+
+        // Remove old sceneHelpers from old scene.
+        if (this.scene && this.sceneHelpers.parent) {
+          this.scene.remove(this.sceneHelpers);
+        }
+
+        // Poll for new scene to register in AFRAME.scenes.
+        var _waitForScene = function waitForScene() {
+          var newSceneEl = AFRAME.scenes[0];
+          if (!newSceneEl) {
+            setTimeout(_waitForScene, 100);
+            return;
+          }
+          _this7.sceneEl = newSceneEl;
+          var _onReady = function onReady() {
+            // Wait for camera too.
+            if (!_this7.sceneEl.camera) {
+              _this7.sceneEl.addEventListener(
+                'camera-set-active',
+                function () {
+                  return _onReady();
+                },
+                {
+                  once: true
+                }
+              );
+              return;
+            }
+
+            // Re-acquire container (new scene creates new canvas).
+            _this7.container = document.querySelector('.a-canvas');
+
+            // Re-init cameras for new scene.
+            (0, _lib_cameras__WEBPACK_IMPORTED_MODULE_7__.initCameras)(_this7);
+
+            // Refresh scene object3D reference.
+            _this7.scene = _this7.sceneEl.object3D;
+
+            // Re-create sceneHelpers in new scene.
+            _this7.sceneHelpers = new THREE.Scene();
+            _this7.sceneHelpers.userData.source = 'INSPECTOR';
+            _this7.sceneHelpers.visible = true;
+            _this7.scene.add(_this7.sceneHelpers);
+
+            // Re-init viewport (transform controls, editor controls, raycaster).
+            _this7.viewport =
+              new _lib_viewport__WEBPACK_IMPORTED_MODULE_2__.Viewport(_this7);
+
+            // Rebuild helpers from new entities.
+            _this7.sceneEl.object3D.traverse(function (node) {
+              _this7.addHelper(node);
+            });
+
+            // Notify React components to update scene reference.
+            _lib_Events__WEBPACK_IMPORTED_MODULE_1__['default'].emit(
+              'scenereload',
+              _this7.sceneEl
+            );
+
+            // Notify React components to rebuild scenegraph.
+            _lib_Events__WEBPACK_IMPORTED_MODULE_1__['default'].emit(
+              'entitycreated'
+            );
+
+            // Enter inspector edit mode on new scene.
+            _this7.opened = true;
+            _lib_Events__WEBPACK_IMPORTED_MODULE_1__['default'].emit(
+              'inspectortoggle',
+              true
+            );
+            document.body.classList.add('aframe-inspector-opened');
+            _this7.sceneEl.resize();
+            _this7.sceneEl.pause();
+            _this7.sceneEl.isPlaying = true;
+            _this7.cursor.play();
+            _lib_shortcuts__WEBPACK_IMPORTED_MODULE_4__.Shortcuts.enable();
+          };
+          if (_this7.sceneEl.hasLoaded) {
+            _onReady();
+          } else {
+            _this7.sceneEl.addEventListener(
+              'loaded',
+              function () {
+                return _onReady();
+              },
+              {
+                once: true
+              }
+            );
+          }
+        };
+
+        // Start polling (small delay to let DOM settle after replaceWith).
+        setTimeout(_waitForScene, 50);
+      },
       /**
        * Closes the editor and gives the control back to the scene
        * @return {[type]} [description]