feat(devices): add tabs, product type column, and discovered field

- Add All/Activated/Discovered tab group to devices list
- Add Product Type column derived from fwSku bitmask (ISM/vPro)
- Add discovered field to DeviceInfo model
- Show paginator on all tabs using server total count
- Add i18n keys for tab labels and Product Type header in all 12 locales
- Add unit tests for getProductType and tab filter logic
- Fix cdk-overlay-backdrop leak in device.spec.ts cypress test

Resolves: #3417

Author: ShradhaGupta31

CHANGELOG.md

@@ -1,10 +1,3 @@
-## [3.60.1](https://github.com/device-management-toolkit/sample-web-ui/compare/v3.60.0...v3.60.1) (2026-07-20)
-
-
-### Bug Fixes
-
-* fix refresh power button issue ([#3441](https://github.com/device-management-toolkit/sample-web-ui/issues/3441)) ([98210d2](https://github.com/device-management-toolkit/sample-web-ui/commit/98210d29feeb823ef62df84b4b2300a37d49d9a9))
-
 # [3.60.0](https://github.com/device-management-toolkit/sample-web-ui/compare/v3.59.0...v3.60.0) (2026-07-16)
 
 

Dockerfile

@@ -20,7 +20,7 @@ RUN npm run build -- --configuration=${BUILD_CONFIGURATION} \
     fi
 
 ### STAGE 2: Run ###
-FROM nginx:mainline-alpine-slim@sha256:45b82ed5f285b90d63df07ba70430fdd8f25624b416617d9e6dc93412b2006dc
+FROM nginx:mainline-alpine-slim@sha256:8763397d71453fccb4a2613ccfd89aa62e1d731d618b1eaa8e14631539a3a65b
 
 LABEL license='SPDX-License-Identifier: Apache-2.0' \
   copyright='Copyright (c) 2021: Intel'

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@device-management-toolkit/sample-web-ui",
-  "version": "3.60.1",
+  "version": "3.60.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

package.json

@@ -51,23 +51,19 @@
   </button>
   <mat-divider style="height: 40px" vertical="true"></mat-divider>
   @if (!isLoading()()) {
-    <button
-      mat-icon-button
-      type="button"
-      [matTooltip]="powerState() | translate"
-      [attr.aria-label]="'deviceToolbar.power.refreshAriaLabel.value' | translate"
+    <mat-icon
+      (click)="getPowerState()"
+      style="padding: 0 18px 0 12px; cursor: pointer"
       [style.color]="
         powerState() === 'deviceToolbar.power.on.value'
           ? 'green'
           : powerState() === 'deviceToolbar.power.sleep.value'
             ? 'yellow'
-            : powerState() === 'deviceToolbar.power.off.value'
-              ? 'red'
-              : 'gray'
+            : 'red'
       "
-      (click)="refreshPowerState()">
-      <mat-icon>mode_standby</mat-icon>
-    </button>
+      [matTooltip]="powerState() | translate"
+      >mode_standby</mat-icon
+    >
   }
   <mat-divider style="height: 40px" vertical="true"></mat-divider>
   <button mat-icon-button [matTooltip]="'devices.actions.powerUp.value' | translate" (click)="sendPowerAction(2)">

src/app/devices/device-toolbar/device-toolbar.component.html

@@ -138,30 +138,6 @@ describe('DeviceToolbarComponent', () => {
     expect(component.isLoading()()).toBeFalse()
   })
 
-  it('should fetch power state using cached API on initial load', () => {
-    expect(devicesService.getPowerStateCached).toHaveBeenCalledWith('guid')
-    expect(devicesService.getPowerState).not.toHaveBeenCalled()
-  })
-
-  it('should fetch power state using non-cached API on refresh', () => {
-    devicesService.getPowerState.calls.reset()
-    devicesService.getPowerStateCached.calls.reset()
-
-    component.refreshPowerState()
-
-    expect(devicesService.getPowerState).toHaveBeenCalledWith('guid')
-    expect(devicesService.getPowerStateCached).not.toHaveBeenCalled()
-  })
-
-  it('should show snackbar and reset loading state when refresh power state fails', () => {
-    devicesService.getPowerState.and.returnValue(throwError(() => new Error('Network error')))
-
-    component.refreshPowerState()
-
-    expect(snackBar.open).toHaveBeenCalled()
-    expect(component.isLoading()()).toBeFalse()
-  })
-
   it('should navigate to device', async () => {
     fixture.componentRef.setInput('deviceId', '12345-pokli-456772')
     const routerSpy = spyOn(component.router, 'navigate')