@meshmakers/octo-ui 3.3.810 → 3.3.830

package/fesm2022/meshmakers-octo-ui.mjs

@@ -10542,6 +10542,7 @@ class RuntimeBrowserDetailsComponent {
     typeHelperService = inject(TypeHelperService);
     detailsIcon = eyeIcon;
     fullEntity = null;
+    loadRequestToken = 0;
     get ckTypeColumns() {
         return [
             {
@@ -10617,6 +10618,8 @@ class RuntimeBrowserDetailsComponent {
                 }, 0);
             }
             else {
+                // Clear stale data before async load to prevent showing previous entity
+                this.fullEntity = null;
                 // Load full entity details for runtime entities
                 await this.loadFullEntityDetails();
                 // Clear any pending CK type ID
@@ -10640,22 +10643,32 @@ class RuntimeBrowserDetailsComponent {
             return;
         }
         const runtimeEntity = item;
+        const token = ++this.loadRequestToken;
         this.loading = true;
         this.error = null;
         try {
-            this.fullEntity = await this.entityDataSource.fetchEntityDetails(runtimeEntity.rtId, runtimeEntity.ckTypeId);
+            const result = await this.entityDataSource.fetchEntityDetails(runtimeEntity.rtId, runtimeEntity.ckTypeId);
+            if (token !== this.loadRequestToken) {
+                return; // Selection changed while loading, discard stale response
+            }
+            this.fullEntity = result;
             if (!this.fullEntity) {
                 this.error = this._messages.couldNotLoadEntityDetails;
             }
         }
         catch (error) {
+            if (token !== this.loadRequestToken) {
+                return;
+            }
             console.error("Failed to load full entity details:", error);
             this.error = this._messages.failedToLoadEntityDetails;
             // Fall back to the basic entity data
             this.fullEntity = runtimeEntity;
         }
         finally {
-            this.loading = false;
+            if (token === this.loadRequestToken) {
+                this.loading = false;
+            }
         }
     }
     async navigateToDetails() {