Open first endpoint when opening .zap file (#1673)

- When no endpoint is selected and this.endpointIdListSorted is available then choose the first endpoint in it
- JIRA: ZAPP-1500

Author: brdandu

src/components/ZclEndpointCard.vue

@@ -604,7 +604,19 @@ export default {
       this.selectedAttributes = []
       this.selectedReporting = []
       this.getEndpointCardData()
-      //only show Matter features if Matter is selected
+    }
+  },
+
+  mounted() {
+    // If this endpoint is selected when mounted, expand it with a delay to trigger animation
+    if (this.isSelectedEndpoint) {
+      // Use setTimeout to ensure the transition can detect the change
+      setTimeout(() => {
+        this.$store.commit('zap/toggleShowEndpoint', {
+          id: this.endpointReference,
+          value: true
+        })
+      }, 50)
     }
   }
 }

src/components/ZclEndpointManager.vue

@@ -60,10 +60,15 @@ export default {
   mixins: [CommonMixin],
   mounted() {
     // initialize ZclClusterManager with first endpoint info.
-    if (this.endpointIdListSorted.size && !this.selectedEndpointId) {
-      this.setSelectedEndpointType(
-        this.endpointIdListSorted.keys().next().value
-      )
+    this.ensureEndpointSelected()
+  },
+  watch: {
+    endpoints: {
+      handler() {
+        // Auto-select first endpoint when endpoints are loaded
+        this.ensureEndpointSelected()
+      },
+      immediate: true
     }
   },
   computed: {
@@ -106,6 +111,17 @@ export default {
     // This function changing the modal state
     toggleCreateEndpointModal() {
       this.$store.commit('zap/toggleEndpointModal', true)
+    },
+    // Auto-select the first endpoint if no endpoint is currently selected
+    ensureEndpointSelected() {
+      if (
+        this.endpointIdListSorted.size > 0 &&
+        (this.selectedEndpointId == null ||
+          this.selectedEndpointId === undefined)
+      ) {
+        const firstEndpointId = this.endpointIdListSorted.keys().next().value
+        this.setSelectedEndpointType(firstEndpointId)
+      }
     }
   }
 }