From 789c27bfe0d1343a418b7fed7110b30a0233418c Mon Sep 17 00:00:00 2001
From: Andrii Shvaika <ashvayka@thingsboard.io>
Date: Thu, 9 Apr 2026 16:56:48 +0300
Subject: [PATCH] fix(iot-hub): fix empty provisioning step in review mode

The provisioning step content (entity list) was empty because
onStepActivated() was only called for the initial step. When the
user clicked on the Provisioning step directly, nothing triggered
the content initialization.

Fix: listen to mat-stepper selectionChange event to call
onStepActivated() whenever the user navigates between steps.
Also disable linear mode in review mode so all steps are freely
clickable.
---
 .../device-install-dialog.component.html                     | 5 +++--
 .../device-install-dialog/device-install-dialog.component.ts | 4 ++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.html b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.html
index 2b950ce9b2..9f59507941 100644
--- a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.html
@@ -60,8 +60,9 @@
     <!-- Stepper wizard -->
     <div class="tb-device-install-stepper-container">
       <mat-horizontal-stepper #installStepper
-                              [linear]="true"
-                              labelPosition="bottom">
+                              [linear]="!reviewMode"
+                              labelPosition="bottom"
+                              (selectionChange)="onStepChanged()">
         <ng-template matStepperIcon="edit">
           <mat-icon>done</mat-icon>
         </ng-template>
diff --git a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.ts b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.ts
index 9ee8e11ef9..403777bfe0 100644
--- a/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/components/iot-hub/device-install-dialog/device-install-dialog.component.ts
@@ -186,6 +186,10 @@ export class TbDeviceInstallDialogComponent extends DialogComponent<TbDeviceInst
     this.selectedConnectivity = ct;
   }
 
+  onStepChanged(): void {
+    this.onStepActivated();
+  }
+
   confirmConnectivity(): void {
     if (!this.selectedConnectivity) {
       return;