fix(ui): groups associations for LR nodes (#3702)

src/components/dialogs/DialogAssociation.vue

@@ -118,10 +118,13 @@
 </template>
 
 <script>
+import { Protocols } from '@zwave-js/core/safe'
+import { mapState } from 'pinia'
+import useBaseStore from '../../stores/base.js'
+
 export default {
 	props: {
 		value: Boolean,
-		nodes: Array,
 		associations: Array,
 		node: Object,
 	},
@@ -132,8 +135,15 @@ export default {
 		},
 	},
 	computed: {
+		...mapState(useBaseStore, ['controllerNode', 'nodes']),
 		filteredNodes() {
-			return this.nodes.filter((n) => n.id !== this.node.id)
+			return this.node.protocol === Protocols.ZWaveLongRange
+				? [this.controllerNode]
+				: this.nodes.filter(
+						(n) =>
+							n.id !== this.node.id &&
+							n.protocol !== Protocols.ZWaveLongRange,
+				  )
 		},
 		endpoints() {
 			return this.getEndpointItems(this.node)

src/components/nodes-table/AssociationGroups.vue

@@ -68,7 +68,6 @@
 			@add="addAssociation"
 			@close="dialogAssociation = false"
 			v-model="dialogAssociation"
-			:nodes="nodes"
 			:node="node"
 			:associations="associations"
 		/>

src/components/nodes-table/ExpandedNode.vue

@@ -355,6 +355,11 @@ export default {
 	},
 	computed: {
 		...mapState(useBaseStore, ['gateway', 'mqtt']),
+		isLongRange() {
+			if (!this.node) return false
+
+			return this.node.protocol === Protocols.ZWaveLongRange
+		},
 		nodeMetadata() {
 			return this.node.deviceConfig?.metadata
 		},