Devices: The offline device appears on the online device list after clearing the filters

[KarenChen-Linksys]

Preconditions:
There is an offline device.

Steps:

1. Menu > Devices.
2. Click the "Online" option next to the search box.
3. Use the filters to filter devices.
4. Clear the filters.

Actual result:
The offline device appears on the online device list.

Expected result:
Should not show offline device on the online device list.

Device
Pinnacle 2.0 FW: 1.2.2.26062820
Linksys Now Version: 2.5.0.700525

Screenshots

Additional context
log: log.txt
Video: https://github.com/user-attachments/assets/79d6099c-c92b-436a-99a7-71b24e5a17e2

[AustinChangLinksys]

🔍 Automated investigation (preliminary triage)

Line: 2.x / USP (TR-369)

Root cause:

• UI defect: The Status segmented control (UspDeviceStatusSegmented) is a stale/uncontrolled widget. After the "Clear filters" action resets the filter provider's status back to all, the segmented control keeps visually highlighting Online, while the device list itself correctly re-shows all devices (including offline ones). The user therefore perceives "offline devices appearing under the Online view", when in fact the list is correct (status == all) and only the toggle highlight is wrong.

Evidence:

1. lib/page/devices/providers/device_filter_provider.dart — clearAll() correctly resets status to all, so the list logic behaves as expected after clearing:

void clearAll() {
  state = state.copyWith(
    searchQuery: '',
    status: DeviceStatusFilter.all,   // <- data correctly reset to All
    connection: DeviceConnectionFilter.all,
    signal: DeviceSignalFilter.all,
    nodeId: () => null,
    ssidName: () => null,
    band: () => null,
  );
}

2. lib/page/devices/views/components/usp_device_filter_panel.dart — the segmented control passes the current status only as initialIndex:

final selectedIndex = values.indexOf(status);
return AppTabs(
  tabs: ...,
  initialIndex: selectedIndex,   // <- passed only as INITIAL index
  ...
  onTabChanged: (i) =>
      ref.read(deviceFilterConfigProvider.notifier).setStatus(values[i]),
);

3. ui_kit_library (v2.25.1) lib/src/molecules/tabs/app_tabs.dart — AppTabs is uncontrolled: it reads initialIndex only once in initState, and there is no didUpdateWidget to re-sync when the parent passes a new initialIndex:

void initState() {
  super.initState();
  _selectedIndex = ValueNotifier<int>(widget.initialIndex);  // read once only
  ...
}
// grep 'didUpdateWidget' in app_tabs.dart -> 0 matches

Because AppTabs never reacts to a changed initialIndex, the highlight stays on "Online" even after the provider is reset to all.

Confidence: High — root cause confirmed by reading through view -> provider -> ui-kit component; the list-filter logic is correct and this is purely a UI selected-state sync gap in the uncontrolled AppTabs widget.

---

Auto-generated triage by Austin's tooling, pending Austin's review. Not a fix commitment.