From c68ea4d177f5e0a63ccf97b36e32711bd3747c6c Mon Sep 17 00:00:00 2001
From: Anatolii Davydko <anatoly.davydko@gmail.com>
Date: Wed, 10 Dec 2025 16:11:56 +0000
Subject: [PATCH 1/8] add separate folder for ResourceSubType.EXTENSION and for
 ResourceSubType.MODULE

---
 .../gateway-management-extension.js                            | 0
 .../org/thingsboard/server/service/install/InstallScripts.java | 3 ++-
 2 files changed, 2 insertions(+), 1 deletion(-)
 rename application/src/main/data/resources/{js_modules => js_extensions}/gateway-management-extension.js (100%)

diff --git a/application/src/main/data/resources/js_modules/gateway-management-extension.js b/application/src/main/data/resources/js_extensions/gateway-management-extension.js
similarity index 100%
rename from application/src/main/data/resources/js_modules/gateway-management-extension.js
rename to application/src/main/data/resources/js_extensions/gateway-management-extension.js
diff --git a/application/src/main/java/org/thingsboard/server/service/install/InstallScripts.java b/application/src/main/java/org/thingsboard/server/service/install/InstallScripts.java
index f9b5c282a8..cb357e2a59 100644
--- a/application/src/main/java/org/thingsboard/server/service/install/InstallScripts.java
+++ b/application/src/main/java/org/thingsboard/server/service/install/InstallScripts.java
@@ -406,7 +406,8 @@ public class InstallScripts {
 
         Path resourcesDir = Path.of(getDataDir(), RESOURCES_DIR);
         loadSystemResources(resourcesDir.resolve("images"), ResourceType.IMAGE, null);
-        loadSystemResources(resourcesDir.resolve("js_modules"), ResourceType.JS_MODULE, ResourceSubType.EXTENSION);
+        loadSystemResources(resourcesDir.resolve("js_extensions"), ResourceType.JS_MODULE, ResourceSubType.EXTENSION);
+        loadSystemResources(resourcesDir.resolve("js_modules"), ResourceType.JS_MODULE, ResourceSubType.MODULE);
         loadSystemResources(resourcesDir.resolve("dashboards"), ResourceType.DASHBOARD, null);
     }
 

From 17761480c03d9373dac8145dea227b71e6321c9f Mon Sep 17 00:00:00 2001
From: dashevchenko <dshevchenko@thingsboard.io>
Date: Thu, 18 Dec 2025 16:15:54 +0200
Subject: [PATCH 2/8] fixed sorting by originatorDisplayName

---
 .../java/org/thingsboard/server/dao/model/ModelConstants.java | 2 ++
 .../thingsboard/server/dao/sql/query/AlarmDataAdapter.java    | 4 +++-
 .../server/dao/sql/query/DefaultAlarmQueryRepository.java     | 2 ++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/ModelConstants.java b/dao/src/main/java/org/thingsboard/server/dao/model/ModelConstants.java
index 0cd80c0f3b..2c17dd0686 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/ModelConstants.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/ModelConstants.java
@@ -257,6 +257,8 @@ public class ModelConstants {
     public static final String ALARM_ORIGINATOR_NAME_PROPERTY = "originator_name";
     public static final String ALARM_ORIGINATOR_LABEL_PROPERTY = "originator_label";
     public static final String ALARM_ORIGINATOR_TYPE_PROPERTY = "originator_type";
+
+    public static final String ALARM_ORIGINATOR_DISPLAY_NAME_PROPERTY = "originator_display_name";
     public static final String ALARM_SEVERITY_PROPERTY = "severity";
     public static final String ALARM_ASSIGNEE_ID_PROPERTY = "assignee_id";
     public static final String ALARM_ASSIGNEE_FIRST_NAME_PROPERTY = "assignee_first_name";
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/query/AlarmDataAdapter.java b/dao/src/main/java/org/thingsboard/server/dao/sql/query/AlarmDataAdapter.java
index f3e2ba83a6..f701188064 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/query/AlarmDataAdapter.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/query/AlarmDataAdapter.java
@@ -117,11 +117,13 @@ public class AlarmDataAdapter {
         String originatorName = originatorNameObj != null ? originatorNameObj.toString() : null;
         Object originatorLabelObj = row.get(ModelConstants.ALARM_ORIGINATOR_LABEL_PROPERTY);
         String originatorLabel = originatorLabelObj != null ? originatorLabelObj.toString() : null;
+        Object originatorDisplayNameObj = row.get(ModelConstants.ALARM_ORIGINATOR_DISPLAY_NAME_PROPERTY);
+        String originatorDisplayName = originatorDisplayNameObj != null ? originatorDisplayNameObj.toString() : null;
 
         AlarmData alarmData = new AlarmData(alarm, entityId);
         alarmData.setOriginatorName(originatorName);
         alarmData.setOriginatorLabel(originatorLabel);
-        alarmData.setOriginatorDisplayName(StringUtils.isBlank(originatorLabel) ? originatorName : originatorLabel);
+        alarmData.setOriginatorDisplayName(originatorDisplayName);
         if (alarm.getAssigneeId() != null) {
             alarmData.setAssignee(new AlarmAssignee(alarm.getAssigneeId(), assigneeFirstName, assigneeLastName, assigneeEmail));
         }
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/query/DefaultAlarmQueryRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/query/DefaultAlarmQueryRepository.java
index 62636a9ed0..1eec369795 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/query/DefaultAlarmQueryRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/query/DefaultAlarmQueryRepository.java
@@ -83,6 +83,7 @@ public class DefaultAlarmQueryRepository implements AlarmQueryRepository {
         alarmFieldColumnMap.put(ASSIGNEE_FIRST_NAME_KEY, ModelConstants.ALARM_ASSIGNEE_FIRST_NAME_PROPERTY);
         alarmFieldColumnMap.put(ASSIGNEE_LAST_NAME_KEY, ModelConstants.ALARM_ASSIGNEE_LAST_NAME_PROPERTY);
         alarmFieldColumnMap.put(ASSIGNEE_EMAIL_KEY, ModelConstants.ALARM_ASSIGNEE_EMAIL_PROPERTY);
+        alarmFieldColumnMap.put("originatorDisplayName", ModelConstants.ALARM_ORIGINATOR_DISPLAY_NAME_PROPERTY);
     }
 
     private static final String FIELDS_SELECTION = "select a.id as id," +
@@ -106,6 +107,7 @@ public class DefaultAlarmQueryRepository implements AlarmQueryRepository {
             " a.type as type, " +
             " a.originator_name as originator_name, " +
             " a.originator_label as originator_label, " +
+            " coalesce(a.originator_label, a.originator_label) as originator_display_name, " +
             " a.assignee_first_name as assignee_first_name, " +
             " a.assignee_last_name as assignee_last_name, " +
             " a.assignee_email as assignee_email, " +

From dc8d2d896af9b49d353d0ded2428bdc517aa4cc3 Mon Sep 17 00:00:00 2001
From: dashevchenko <dshevchenko@thingsboard.io>
Date: Thu, 18 Dec 2025 16:24:31 +0200
Subject: [PATCH 3/8] fixed query

---
 .../java/org/thingsboard/server/dao/model/ModelConstants.java   | 1 -
 .../server/dao/sql/query/DefaultAlarmQueryRepository.java       | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/dao/src/main/java/org/thingsboard/server/dao/model/ModelConstants.java b/dao/src/main/java/org/thingsboard/server/dao/model/ModelConstants.java
index 2c17dd0686..16493b90fd 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/model/ModelConstants.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/model/ModelConstants.java
@@ -257,7 +257,6 @@ public class ModelConstants {
     public static final String ALARM_ORIGINATOR_NAME_PROPERTY = "originator_name";
     public static final String ALARM_ORIGINATOR_LABEL_PROPERTY = "originator_label";
     public static final String ALARM_ORIGINATOR_TYPE_PROPERTY = "originator_type";
-
     public static final String ALARM_ORIGINATOR_DISPLAY_NAME_PROPERTY = "originator_display_name";
     public static final String ALARM_SEVERITY_PROPERTY = "severity";
     public static final String ALARM_ASSIGNEE_ID_PROPERTY = "assignee_id";
diff --git a/dao/src/main/java/org/thingsboard/server/dao/sql/query/DefaultAlarmQueryRepository.java b/dao/src/main/java/org/thingsboard/server/dao/sql/query/DefaultAlarmQueryRepository.java
index 1eec369795..a41961768a 100644
--- a/dao/src/main/java/org/thingsboard/server/dao/sql/query/DefaultAlarmQueryRepository.java
+++ b/dao/src/main/java/org/thingsboard/server/dao/sql/query/DefaultAlarmQueryRepository.java
@@ -107,7 +107,7 @@ public class DefaultAlarmQueryRepository implements AlarmQueryRepository {
             " a.type as type, " +
             " a.originator_name as originator_name, " +
             " a.originator_label as originator_label, " +
-            " coalesce(a.originator_label, a.originator_label) as originator_display_name, " +
+            " coalesce(a.originator_label, a.originator_name) as originator_display_name, " +
             " a.assignee_first_name as assignee_first_name, " +
             " a.assignee_last_name as assignee_last_name, " +
             " a.assignee_email as assignee_email, " +

From 3f37b4206cabd27aef97bc3b3d5060040a49ff5c Mon Sep 17 00:00:00 2001
From: Maksym Tsymbarov <mtsymbarov@thingsboard.io>
Date: Thu, 18 Dec 2025 17:42:28 +0200
Subject: [PATCH 4/8] Added normalization of y-axis limit in chart
 initialization

---
 .../widget/lib/chart/time-series-chart.ts     | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/chart/time-series-chart.ts b/ui-ngx/src/app/modules/home/components/widget/lib/chart/time-series-chart.ts
index 8568e4b13b..f52bf13ada 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/chart/time-series-chart.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/chart/time-series-chart.ts
@@ -581,6 +581,8 @@ export class TbTimeSeriesChart {
     yAxisSettingsList.sort((a1, a2) => a1.order - a2.order);
     const axisLimitDatasources: Datasource[] = [];
     for (const yAxisSettings of yAxisSettingsList) {
+      yAxisSettings.min = this.normalizeAxisLimit(yAxisSettings.min);
+      yAxisSettings.max = this.normalizeAxisLimit(yAxisSettings.max);
       const axisSettings = mergeDeep<TimeSeriesChartYAxisSettings>({} as TimeSeriesChartYAxisSettings,
         defaultTimeSeriesChartYAxisSettings, yAxisSettings);
       const units = isNotEmptyTbUnits(axisSettings.units) ? axisSettings.units : this.ctx.units;
@@ -1078,4 +1080,21 @@ export class TbTimeSeriesChart {
       this.timeSeriesChart.setOption(this.timeSeriesChartOptions);
     }
   }
+
+  private normalizeAxisLimit(limit: string | number | ValueSourceConfig): string | number | ValueSourceConfig  {
+    if (!limit) {
+      return {
+        type: ValueSourceType.constant,
+        value: null,
+        entityAlias: null
+      };
+    } else if (typeof limit === 'number' || typeof limit === 'string') {
+      return {
+        type: ValueSourceType.constant,
+        value: Number(limit),
+        entityAlias: null
+      };
+    }
+    return limit;
+  }
 }

From 8bf9e62a8ef06f7d5237b2b4dc22fbb438d19bf6 Mon Sep 17 00:00:00 2001
From: ArtemDzhereleiko <adzhereleiko@thingsboard.io>
Date: Thu, 18 Dec 2025 17:44:23 +0200
Subject: [PATCH 5/8] UI: Fixed action color and add new style for table
 timewindow

---
 ui-ngx/src/assets/dashboard/api_usage.json | 23 +++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/ui-ngx/src/assets/dashboard/api_usage.json b/ui-ngx/src/assets/dashboard/api_usage.json
index cad63bd3e0..f4d5892f61 100644
--- a/ui-ngx/src/assets/dashboard/api_usage.json
+++ b/ui-ngx/src/assets/dashboard/api_usage.json
@@ -121,7 +121,24 @@
                     "noDataDisplayMessage": "",
                     "configMode": "basic",
                     "borderRadius": "12px",
-                    "titleColor": "rgba(0, 0, 0, 0.54)"
+                    "titleColor": "rgba(0, 0, 0, 0.54)",
+                    "timewindowStyle": {
+                        "showIcon": false,
+                        "iconSize": "24px",
+                        "icon": "query_builder",
+                        "iconPosition": "left",
+                        "font": {
+                            "size": 12,
+                            "sizeUnit": "px",
+                            "family": "Roboto",
+                            "weight": "400",
+                            "style": "normal",
+                            "lineHeight": "16px"
+                        },
+                        "color": "rgba(0, 0, 0, 0.38)",
+                        "displayTypePrefix": true
+                    },
+                    "titleFont": null
                 },
                 "id": "a669cf86-e715-efa4-dd9a-b839abf499e9",
                 "typeFullFqn": "system.cards.timeseries_table"
@@ -4519,7 +4536,7 @@
                                 "name": "{i18n:api-usage.view-statistics}",
                                 "buttonType": "icon",
                                 "icon": "show_chart",
-                                "buttonColor": "rgba(0, 0, 0, 0.87)",
+                                "buttonColor": "rgba(0, 0, 0, 0.54)",
                                 "customButtonStyle": {},
                                 "useShowWidgetActionFunction": null,
                                 "showWidgetActionFunction": "return true;",
@@ -4955,7 +4972,7 @@
                                 "name": "{i18n:api-usage.view-statistics}",
                                 "buttonType": "icon",
                                 "icon": "show_chart",
-                                "buttonColor": "rgba(0, 0, 0, 0.87)",
+                                "buttonColor": "rgba(0, 0, 0, 0.54)",
                                 "customButtonStyle": {},
                                 "useShowWidgetActionFunction": null,
                                 "showWidgetActionFunction": "return true;",

From 8bc4d462b8b3f2b8d9c2361f060d23ad83dc315e Mon Sep 17 00:00:00 2001
From: ArtemDzhereleiko <adzhereleiko@thingsboard.io>
Date: Thu, 18 Dec 2025 17:51:51 +0200
Subject: [PATCH 6/8] UI: Add title style

---
 ui-ngx/src/assets/dashboard/api_usage.json | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui-ngx/src/assets/dashboard/api_usage.json b/ui-ngx/src/assets/dashboard/api_usage.json
index f4d5892f61..226c570753 100644
--- a/ui-ngx/src/assets/dashboard/api_usage.json
+++ b/ui-ngx/src/assets/dashboard/api_usage.json
@@ -138,7 +138,14 @@
                         "color": "rgba(0, 0, 0, 0.38)",
                         "displayTypePrefix": true
                     },
-                    "titleFont": null
+                    "titleFont": {
+                        "size": 14,
+                        "sizeUnit": "px",
+                        "family": "Roboto",
+                        "weight": "500",
+                        "style": "normal",
+                        "lineHeight": "20px"
+                    }
                 },
                 "id": "a669cf86-e715-efa4-dd9a-b839abf499e9",
                 "typeFullFqn": "system.cards.timeseries_table"

From 950656059287aa129309377e6a7b35441a4df489 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Thu, 18 Dec 2025 18:52:27 +0200
Subject: [PATCH 7/8] UI: Standardize filter button labels, filter panel and
 entity naming

---
 .../alarm-rule-dialog.component.html          |  2 +-
 .../alarm-rule-filter-config.component.html   |  4 +-
 .../alarm-rule-filter-config.component.scss   |  1 -
 .../alarm-rule-filter-config.component.ts     | 13 +--
 .../alarm-rules/alarm-rules-table-config.ts   |  8 +-
 .../alarm/alarm-filter-config.component.ts    |  2 +-
 .../audit-log/audit-log-filter.component.html |  8 +-
 .../audit-log/audit-log-filter.component.scss |  9 ++
 .../audit-log/audit-log-filter.component.ts   | 25 ++++--
 .../calculated-fields-table-config.ts         |  6 +-
 .../calculated-field-dialog.component.html    |  2 +-
 ...ulated-fields-filter-config.component.html | 10 +--
 ...ulated-fields-filter-config.component.scss | 12 ---
 ...lculated-fields-filter-config.component.ts | 32 ++++---
 .../device/device-info-filter.component.html  | 53 +++++++-----
 .../device/device-info-filter.component.scss  | 10 +++
 .../device/device-info-filter.component.ts    | 85 +++++++++++++------
 ...device-profile-autocomplete.component.html |  9 +-
 .../device-profile-autocomplete.component.ts  |  9 +-
 .../assets/locale/locale.constant-en_US.json  | 23 ++---
 20 files changed, 198 insertions(+), 125 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-dialog.component.html b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-dialog.component.html
index d9bff11bf0..869b707d98 100644
--- a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-dialog.component.html
@@ -65,7 +65,7 @@
                                    class="flex-1"
                                    showLabel
                                    required
-                                   label="{{ 'alarm-rule.target-entity-type' | translate }}"
+                                   label="{{ 'entity.entity-type' | translate }}"
                                    [filterAllowedEntityTypes]="false"
                                    [allowedEntityTypes]="alarmRuleEntityTypeList"
                                    formControlName="entityType">
diff --git a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.html b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.html
index 5deddffd87..c9629f00a3 100644
--- a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.html
@@ -66,7 +66,7 @@
       </tb-entity-subtype-list>
     </div>
     <div class="tb-form-row column-xs">
-      <div class="fixed-title-width" translate>alarm-rule.target-entity-type</div>
+      <div class="fixed-title-width" translate>entity.entity-type</div>
       <mat-form-field class="flex-1" appearance="outline" subscriptSizing="dynamic">
         <mat-select formControlName="entityType" placeholder="{{ 'alarm-rule.any-type' | translate }}">
           <mat-option>{{ 'alarm-rule.any-type' | translate }}</mat-option>
@@ -78,7 +78,7 @@
     </div>
     @if (alarmRuleFilterConfigForm.get('entityType').value) {
       <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>alarm-rule.target-entities</div>
+        <div class="fixed-title-width" translate>entity.entities</div>
         <tb-entity-list appearance="outline"
                         subscriptSizing="dynamic"
                         class="flex flex-1"
diff --git a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.scss b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.scss
index 12dd46a278..811120ab08 100644
--- a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.scss
+++ b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.scss
@@ -37,7 +37,6 @@
 }
 
 ::ng-deep {
-
   .tb-alarm-filter-config-component {
     max-width: 100%;
     width: 600px;
diff --git a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.ts b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.ts
index da91aafb07..03c6932067 100644
--- a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.ts
+++ b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rule-filter-config.component.ts
@@ -73,14 +73,6 @@ export class AlarmRuleFilterConfigComponent implements OnInit, ControlValueAcces
   @Input()
   buttonMode = true;
 
-  @coerceBoolean()
-  @Input()
-  userMode = false;
-
-  @coerceBoolean()
-  @Input()
-  propagatedFilter = true;
-
   @Input()
   initialAlarmRuleFilterConfig: AlarmRuleFilterConfig = {
     name: [],
@@ -124,7 +116,6 @@ export class AlarmRuleFilterConfigComponent implements OnInit, ControlValueAcces
   ngOnInit(): void {
     if (this.data) {
       this.panelMode = this.data.panelMode;
-      this.userMode = this.data.userMode;
       this.alarmRuleFilterConfig = this.data.alarmRuleFilterConfig;
       this.initialAlarmRuleFilterConfig = this.data.initialAlarmRuleFilterConfig;
       if (this.panelMode && !this.initialAlarmRuleFilterConfig) {
@@ -248,7 +239,7 @@ export class AlarmRuleFilterConfigComponent implements OnInit, ControlValueAcces
       if (!isArraysEqualIgnoreUndefined(filter1.entities, filter2.entities)) {
         return false;
       }
-      return filter1.entityType !== filter2.entityType;
+      return filter1.entityType === filter2.entityType;
     }
     return false;
   };
@@ -287,7 +278,7 @@ export class AlarmRuleFilterConfigComponent implements OnInit, ControlValueAcces
       if (!filterTextParts.length) {
         this.buttonDisplayValue = this.translate.instant('alarm-rule.alarm-rule-filter-title');
       } else {
-        this.buttonDisplayValue = this.translate.instant('alarm-rule.alarm-rule-filter-title') + `: ${filterTextParts.join(', ')}`;
+        this.buttonDisplayValue = this.translate.instant('alarm-rule.filter-title') + `: ${filterTextParts.join(', ')}`;
       }
     }
   }
diff --git a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rules-table-config.ts b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rules-table-config.ts
index bd8d84f67c..f1bd30d853 100644
--- a/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rules-table-config.ts
+++ b/ui-ngx/src/app/modules/home/components/alarm-rules/alarm-rules-table-config.ts
@@ -140,16 +140,16 @@ export class AlarmRulesTableConfig extends EntityTableConfig<any> {
 
     this.defaultSortOrder = {property: 'createdTime', direction: Direction.DESC};
     this.columns.push(new DateEntityTableColumn<CalculatedFieldAlarmRule>('createdTime', 'common.created-time', this.datePipe, '150px'));
-    this.columns.push(new EntityTableColumn<CalculatedFieldAlarmRule>('name', 'alarm-rule.alarm-type', this.pageMode ? '30%' :'33%',
+    this.columns.push(new EntityTableColumn<CalculatedFieldAlarmRule>('name', 'alarm-rule.alarm-type', '33%',
       entity => this.utilsService.customTranslation(entity.name, entity.name)));
     if (this.pageMode) {
-      this.columns.push(new EntityTableColumn<CalculatedFieldAlarmRule>('entityType', 'alarm-rule.target-entity-type', '15%',
+      this.columns.push(new EntityTableColumn<CalculatedFieldAlarmRule>('entityType', 'entity.entity-type', '10%',
         entity => this.translate.instant(entityTypeTranslations.get(entity.entityId.entityType).type)));
-      this.columns.push(new EntityLinkTableColumn<CalculatedFieldAlarmRule>('entityName', 'alarm-rule.target-entity', '30%',
+      this.columns.push(new EntityLinkTableColumn<CalculatedFieldAlarmRule>('entityName', 'entity.entity', '33%',
         entity => this.utilsService.customTranslation(entity['entityName'], entity['entityName']),
         entity => getEntityDetailsPageURL(entity.entityId?.id, entity.entityId?.entityType as EntityType), false));
     }
-    this.columns.push(new EntityTableColumn<CalculatedFieldAlarmRule>('createRule', 'alarm-rule.severities', this.pageMode ? '15%' :'67%',
+    this.columns.push(new EntityTableColumn<CalculatedFieldAlarmRule>('createRule', 'alarm-rule.severities', this.pageMode ? '23%' : '67%',
       entity => Object.keys(entity.configuration.createRules).map((severity) => this.translate.instant(alarmSeverityTranslations.get(severity as AlarmSeverity))).join(', '),
       () => ({}), false));
     this.columns.push(new EntityTableColumn<CalculatedFieldAlarmRule>('clearRule', 'alarm-rule.cleared', '90px',
diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.ts b/ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.ts
index e90071299c..093858a500 100644
--- a/ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.ts
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-filter-config.component.ts
@@ -107,7 +107,7 @@ export class AlarmFilterConfigComponent implements OnInit, OnDestroy, ControlVal
 
   alarmSeverityTranslationMap = alarmSeverityTranslations;
 
-  buttonDisplayValue = this.translate.instant('alarm.alarm-filter');
+  buttonDisplayValue = this.translate.instant('alarm.alarm-filter-title');
 
   alarmFilterConfigForm: UntypedFormGroup;
 
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.html b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.html
index b97285ba07..8d53bdd99b 100644
--- a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.html
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.html
@@ -24,14 +24,14 @@
   <mat-icon>filter_list</mat-icon>{{buttonDisplayValue}}
 </button>
 <ng-template #auditLogFilterPanel>
-  <form class="mat-content mat-padding flex flex-col" [formGroup]="auditLogFilterForm" (ngSubmit)="update()">
-    <div class="tb-form-panel flex-1 no-padding no-border">
-      <div class="tb-form-row flex-1 space-between column-xs">
+  <form class="tb-audit-log-config-component mat-content mat-padding flex flex-col" [formGroup]="auditLogFilterForm" (ngSubmit)="update()">
+    <div class="tb-form-panel no-padding no-border flex-1">
+      <div class="tb-form-row space-between column-xs flex-1">
         <div class="fixed-title-width" translate>audit-log.filter-types</div>
         <tb-string-items-list appearance="outline"
                               class="flex flex-1 gt-xs:w-64"
                               subscriptSizing="dynamic"
-                              [placeholder]="'audit-log.filter-type-add' | translate"
+                              placeholder="{{ !auditLogFilterForm.get('actionTypes').value?.length ? ('audit-log.any-type' | translate) : '' }}"
                               [predefinedValues]="predefinedTypeValues"
                               formControlName="actionTypes">
         </tb-string-items-list>
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.scss b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.scss
index 77bd5aea60..ca52472aa1 100644
--- a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.scss
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.scss
@@ -33,3 +33,12 @@
     }
   }
 }
+
+::ng-deep {
+  .tb-audit-log-config-component {
+    max-width: 100%;
+    width: 600px;
+    min-width: 100%;
+    flex: 1;
+  }
+}
diff --git a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.ts b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.ts
index e78b38965d..f810eb5df7 100644
--- a/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.ts
+++ b/ui-ngx/src/app/modules/home/components/audit-log/audit-log-filter.component.ts
@@ -16,16 +16,27 @@
 
 import { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { ChangeDetectorRef, Component, DestroyRef, ElementRef, forwardRef, Input, OnInit, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
+import {
+  ChangeDetectorRef,
+  Component,
+  DestroyRef,
+  ElementRef,
+  forwardRef,
+  Input,
+  OnInit,
+  TemplateRef,
+  ViewChild,
+  ViewContainerRef
+} from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { isDefined, isDefinedAndNotNull } from '@app/core/utils';
 import { StringItemsOption } from '@app/shared/components/string-items-list.component';
 import {
   ActionType,
   actionTypeTranslations,
-  auditLogFilterEquals,
   AuditLogFilter,
+  auditLogFilterEquals,
   POSITION_MAP,
 } from '@app/shared/public-api';
 import { TranslateService } from '@ngx-translate/core';
@@ -56,9 +67,9 @@ export class AuditLogFilterComponent implements OnInit, ControlValueAccessor {
 
   actionTypeTranslations = actionTypeTranslations;
 
-  buttonDisplayValue = this.translate.instant('audit-log.filter');
+  buttonDisplayValue = this.translate.instant('audit-log.audit-log-filter-title');
 
-  auditLogFilterForm: UntypedFormGroup;
+  auditLogFilterForm: FormGroup;
 
   auditLogOverlayRef: OverlayRef;
 
@@ -68,7 +79,7 @@ export class AuditLogFilterComponent implements OnInit, ControlValueAccessor {
 
   private propagateChange = (_: any) => {};
 
-  constructor(private fb: UntypedFormBuilder,
+  constructor(private fb: FormBuilder,
               private translate: TranslateService,
               private overlay: Overlay,
               private nativeElement: ElementRef,
@@ -93,7 +104,7 @@ export class AuditLogFilterComponent implements OnInit, ControlValueAccessor {
     this.propagateChange = fn;
   }
 
-  registerOnTouched(fn: any): void {
+  registerOnTouched(_fn: any): void {
   }
 
   setDisabledState(isDisabled: boolean): void {
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/calculated-fields-table-config.ts b/ui-ngx/src/app/modules/home/components/calculated-fields/calculated-fields-table-config.ts
index 56a3cc2a45..e5c57aae2e 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/calculated-fields-table-config.ts
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/calculated-fields-table-config.ts
@@ -136,11 +136,13 @@ export class CalculatedFieldsTableConfig extends EntityTableConfig<CalculatedFie
     this.columns.push(new EntityTableColumn<CalculatedField>('name', 'common.name', this.pageMode ? '33%' : '60%',
       entity => this.utilsService.customTranslation(entity.name, entity.name)));
     if (this.pageMode) {
-      this.columns.push(new EntityLinkTableColumn<CalculatedFieldAlarmRule>('entityName', 'calculated-fields.target-entity', '33%',
+      this.columns.push(new EntityTableColumn<CalculatedFieldAlarmRule>('entityType', 'entity.entity-type', '10%',
+        entity => this.translate.instant(entityTypeTranslations.get(entity.entityId.entityType).type)));
+      this.columns.push(new EntityLinkTableColumn<CalculatedFieldAlarmRule>('entityName', 'entity.entity', '33%',
         entity => this.utilsService.customTranslation(entity['entityName'], entity['entityName']),
         entity => getEntityDetailsPageURL(entity.entityId?.id, entity.entityId?.entityType as EntityType), false));
     }
-    this.columns.push(new EntityTableColumn<CalculatedField>('type', 'common.type', this.pageMode ? '33%' : '40%', entity => this.translate.instant(CalculatedFieldTypeTranslations.get(entity.type).name), () => ({whiteSpace: 'nowrap' })));
+    this.columns.push(new EntityTableColumn<CalculatedField>('type', 'common.type', this.pageMode ? '23%' : '40%', entity => this.translate.instant(CalculatedFieldTypeTranslations.get(entity.type).name), () => ({whiteSpace: 'nowrap' })));
 
     this.cellActionDescriptors.push(
       {
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.html b/ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.html
index 44c2e702e5..3d669b02c6 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/components/dialog/calculated-field-dialog.component.html
@@ -62,7 +62,7 @@
                                    class="flex-1"
                                    showLabel
                                    required
-                                   label="{{ 'alarm-rule.target-entity-type' | translate }}"
+                                   label="{{ 'entity.entity-type' | translate }}"
                                    [filterAllowedEntityTypes]="false"
                                    [allowedEntityTypes]="calculatedFieldsEntityTypeList"
                                    formControlName="entityType">
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.html b/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.html
index b3cc3b387a..5f4efea5b8 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.html
@@ -21,18 +21,18 @@
 <ng-template #componentMode>
   <ng-container *ngIf="buttonMode; else calculatedFieldsFilter">
     <button color="primary"
-            matTooltip="{{ 'calculated-fields.calculated-fields-filter' | translate }}"
+            matTooltip="{{buttonDisplayValue}}"
             matTooltipPosition="above"
             mat-stroked-button
             (click)="toggleCfFilterPanel($event)">
-      <mat-icon>filter_list</mat-icon>{{ 'calculated-fields.calculated-fields-filter' | translate }}
+      <mat-icon>filter_list</mat-icon>{{buttonDisplayValue}}
     </button>
   </ng-container>
 </ng-template>
 <ng-template #calculatedFieldsFilterPanel>
   <form class="mat-content mat-padding flex flex-col" (ngSubmit)="update()">
     <ng-container *ngTemplateOutlet="calculatedFieldsFilter"></ng-container>
-    <div class="tb-panel-actions flex flex-row items-center justify-end">
+    <div class="tb-panel-actions flex flex-row items-center">
       <button type="button"
               mat-button
               color="primary"
@@ -68,7 +68,7 @@
       </tb-string-items-list>
     </div>
     <div class="tb-form-row column-xs">
-      <div class="fixed-title-width" translate>alarm-rule.target-entity-type</div>
+      <div class="fixed-title-width" translate>entity.entity-type</div>
       <mat-form-field class="flex-1" appearance="outline" subscriptSizing="dynamic">
         <mat-select formControlName="entityType" placeholder="{{ 'alarm-rule.any-type' | translate }}">
           <mat-option>{{ 'alarm-rule.any-type' | translate }}</mat-option>
@@ -80,7 +80,7 @@
     </div>
     @if (cfFilterForm.get('entityType').value) {
       <div class="tb-form-row column-xs">
-        <div class="fixed-title-width" translate>alarm-rule.target-entities</div>
+        <div class="fixed-title-width" translate>entity.entities</div>
         <tb-entity-list appearance="outline"
                         subscriptSizing="dynamic"
                         class="flex flex-1"
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.scss b/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.scss
index fc4402c28f..ad27508835 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.scss
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.scss
@@ -14,8 +14,6 @@
  * limitations under the License.
  */
 
-@import '../scss/constants';
-
 :host {
   display: flex;
   max-width: 100%;
@@ -42,15 +40,5 @@
     width: 600px;
     min-width: 100%;
     flex: 1;
-
-    tb-entity-subtype-list {
-      flex: 1;
-      @media #{$mat-gt-xs} {
-        width: 180px;
-      }
-      .mdc-evolution-chip-set__chips {
-        width: 100%;
-      }
-    }
   }
 }
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.ts b/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.ts
index 00d6a5eb20..83ea05af4c 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.ts
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/table-header/calculated-fields-filter-config.component.ts
@@ -79,14 +79,6 @@ export class CalculatedFieldsFilterConfigComponent implements OnInit, ControlVal
   @Input()
   buttonMode = true;
 
-  @coerceBoolean()
-  @Input()
-  userMode = false;
-
-  @coerceBoolean()
-  @Input()
-  propagatedFilter = true;
-
   @Input()
   initialCfFilterConfig: CalculatedFieldsQuery = {
     types: [],
@@ -96,6 +88,8 @@ export class CalculatedFieldsFilterConfigComponent implements OnInit, ControlVal
 
   panelMode = false;
 
+  buttonDisplayValue = this.translate.instant('calculated-fields.calculated-field-filter-title');
+
   cfFilterForm: FormGroup;
 
   panelResult: CalculatedFieldsQuery = null;
@@ -130,7 +124,6 @@ export class CalculatedFieldsFilterConfigComponent implements OnInit, ControlVal
   ngOnInit(): void {
     if (this.data) {
       this.panelMode = this.data.panelMode;
-      this.userMode = this.data.userMode;
       this.cfFilterConfig = this.data.filterConfig;
       this.initialCfFilterConfig = this.data.initialFilterConfig;
       if (this.panelMode && !this.initialCfFilterConfig) {
@@ -177,6 +170,7 @@ export class CalculatedFieldsFilterConfigComponent implements OnInit, ControlVal
     if (!this.initialCfFilterConfig && cfFilterConfig) {
       this.initialCfFilterConfig = deepClone(cfFilterConfig);
     }
+    this.updateButtonDisplayValue();
     this.updateCfConfigForm(cfFilterConfig);
   }
 
@@ -253,7 +247,7 @@ export class CalculatedFieldsFilterConfigComponent implements OnInit, ControlVal
       if (!isArraysEqualIgnoreUndefined(filter1.entities, filter2.entities)) {
         return false;
       }
-      return filter1.entityType !== filter2.entityType;
+      return filter1.entityType === filter2.entityType;
     }
     return false;
   };
@@ -268,9 +262,27 @@ export class CalculatedFieldsFilterConfigComponent implements OnInit, ControlVal
 
   private cfConfigUpdated(formValue: any) {
     this.cfFilterConfig = this.cfFilterFromFormValue(formValue);
+    this.updateButtonDisplayValue();
     this.propagateChange(this.cfFilterConfig);
   }
 
+  private updateButtonDisplayValue() {
+    if (this.buttonMode) {
+      const filterTextParts: string[] = [];
+      if (this.cfFilterConfig?.types?.length) {
+        filterTextParts.push(this.cfFilterConfig.types.map((type) => this.translate.instant(CalculatedFieldTypeTranslations.get(type).name)).join(', '));
+      }
+      if (this.cfFilterConfig?.entityType) {
+        filterTextParts.push(this.translate.instant( entityTypeTranslations.get(this.cfFilterConfig.entityType).type));
+      }
+      if (!filterTextParts.length) {
+        this.buttonDisplayValue = this.translate.instant('calculated-fields.calculated-field-filter-title');
+      } else {
+        this.buttonDisplayValue = this.translate.instant('calculated-fields.filter-title') + `: ${filterTextParts.join(', ')}`;
+      }
+    }
+  }
+
   private cfFilterFromFormValue(formValue: any): CalculatedFieldsQuery {
     return {
       types: formValue?.types ?? [],
diff --git a/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.html b/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.html
index c7d97aae23..55b99d8a8d 100644
--- a/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.html
+++ b/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.html
@@ -33,6 +33,13 @@
   <form class="mat-content mat-padding flex flex-col" (ngSubmit)="update()">
     <ng-container *ngTemplateOutlet="deviceFilter"></ng-container>
     <div class="tb-panel-actions flex flex-row items-center justify-end">
+      <button type="button"
+              mat-button
+              color="primary"
+              (click)="reset()">
+        {{ 'action.reset' | translate }}
+      </button>
+      <span class="flex-1"></span>
       <button type="button"
               mat-button
               (click)="cancel()">
@@ -48,28 +55,28 @@
   </form>
 </ng-template>
 <ng-template #deviceFilter>
-  <div class="flex flex-col gap-4" style="min-width: 280px;" [formGroup]="deviceInfoFilterForm">
-    <tb-device-profile-autocomplete
-      subscriptSizing="dynamic"
-      formControlName="deviceProfileId"
-      [displayAllOnEmpty]="true"
-      (deviceProfileChanged)="deviceProfileChanged($event)"
-      [editProfileEnabled]="false"
-      [addNewProfile]="false">
-    </tb-device-profile-autocomplete>
-    <mat-form-field>
-      <mat-label translate>device.device-state</mat-label>
-      <mat-select formControlName="active">
-        <mat-option value="">
-          {{ 'device.any' | translate }}
-        </mat-option>
-        <mat-option [value]="true">
-          {{ 'device.active' | translate }}
-        </mat-option>
-        <mat-option [value]="false">
-          {{ 'device.inactive' | translate }}
-        </mat-option>
-      </mat-select>
-    </mat-form-field>
+  <div class="tb-device-filter-config-component tb-form-panel no-padding no-border" [formGroup]="deviceInfoFilterForm">
+    <div class="tb-form-row column-xs">
+      <div class="fixed-title-width" translate>device-profile.device-profile</div>
+      <tb-device-profile-autocomplete
+          class="flex-1"
+          formControlName="deviceProfileId"
+          [inlineField]="true"
+          [displayAllOnEmpty]="true"
+          (deviceProfileChanged)="deviceProfileChanged($event)"
+          [editProfileEnabled]="false"
+          [addNewProfile]="false">
+      </tb-device-profile-autocomplete>
+    </div>
+    <div class="tb-form-row column-xs">
+      <div class="fixed-title-width" translate>device.device-state</div>
+      <mat-form-field class="flex-1" appearance="outline" subscriptSizing="dynamic">
+        <mat-select formControlName="active" placeholder="{{ 'device.any' | translate }}">
+          <mat-option>{{ 'device.any' | translate }}</mat-option>
+          <mat-option [value]="true">{{ 'device.active' | translate }}</mat-option>
+          <mat-option [value]="false">{{ 'device.inactive' | translate }}</mat-option>
+        </mat-select>
+      </mat-form-field>
+    </div>
   </div>
 </ng-template>
diff --git a/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.scss b/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.scss
index a317801a3e..a72b728a94 100644
--- a/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.scss
+++ b/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.scss
@@ -33,3 +33,13 @@
     }
   }
 }
+
+
+::ng-deep {
+  .tb-device-filter-config-component {
+    max-width: 100%;
+    width: 500px;
+    min-width: 100%;
+    flex: 1;
+  }
+}
\ No newline at end of file
diff --git a/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.ts b/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.ts
index f7435a223b..d6a81883d2 100644
--- a/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.ts
+++ b/ui-ngx/src/app/modules/home/components/device/device-info-filter.component.ts
@@ -23,29 +23,30 @@ import {
   Inject,
   InjectionToken,
   Input,
-  OnDestroy,
   OnInit,
   Optional,
   TemplateRef,
   ViewChild,
   ViewContainerRef
 } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { coerceBoolean } from '@shared/decorators/coercion';
 import { ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { TranslateService } from '@ngx-translate/core';
 import { DeviceInfoFilter } from '@shared/models/device.models';
-import { isDefinedAndNotNull } from '@core/utils';
+import { deepClone, isDefinedAndNotNull, isEmpty, isUndefinedOrNull } from '@core/utils';
 import { EntityInfoData } from '@shared/models/entity.models';
 import { DeviceProfileService } from '@core/http/device-profile.service';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { fromEvent, Subscription } from 'rxjs';
 
 export const DEVICE_FILTER_CONFIG_DATA = new InjectionToken<any>('DeviceFilterConfigData');
 
 export interface DeviceFilterConfigData {
   panelMode: boolean;
   deviceInfoFilter: DeviceInfoFilter;
+  initialFilterConfig?: DeviceInfoFilter;
 }
 
 // @dynamic
@@ -61,7 +62,7 @@ export interface DeviceFilterConfigData {
     }
   ]
 })
-export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValueAccessor {
+export class DeviceInfoFilterComponent implements OnInit, ControlValueAccessor {
 
   @ViewChild('deviceFilterPanel')
   deviceFilterPanel: TemplateRef<any>;
@@ -72,19 +73,25 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
   @Input()
   buttonMode = true;
 
+  @Input()
+  initialDeviceFilterConfig: DeviceInfoFilter = {
+    deviceProfileId: null,
+    active: null
+  };
+
   panelMode = false;
 
-  buttonDisplayValue = this.translate.instant('device.device-filter');
+  buttonDisplayValue = this.translate.instant('device.device-filter-title');
 
-  deviceInfoFilterForm: UntypedFormGroup;
+  deviceInfoFilterForm: FormGroup;
 
   deviceFilterOverlayRef: OverlayRef;
 
   panelResult: DeviceInfoFilter = null;
 
   private deviceProfileInfo: EntityInfoData;
-
   private deviceInfoFilter: DeviceInfoFilter;
+  private resizeWindows: Subscription;
 
   private propagateChange = (_: any) => {};
 
@@ -92,7 +99,7 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
               private data: DeviceFilterConfigData | undefined,
               @Optional()
               private overlayRef: OverlayRef,
-              private fb: UntypedFormBuilder,
+              private fb: FormBuilder,
               private translate: TranslateService,
               private overlay: Overlay,
               private nativeElement: ElementRef,
@@ -106,6 +113,10 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
     if (this.data) {
       this.panelMode = this.data.panelMode;
       this.deviceInfoFilter = this.data.deviceInfoFilter;
+      this.initialDeviceFilterConfig = this.data.initialFilterConfig;
+      if (this.panelMode && !this.initialDeviceFilterConfig) {
+        this.initialDeviceFilterConfig = deepClone(this.deviceInfoFilter);
+      }
     }
     this.deviceInfoFilterForm = this.fb.group({
       deviceProfileId: [null, []],
@@ -115,7 +126,6 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
       takeUntilDestroyed(this.destroyRef)
     ).subscribe(
       () => {
-        this.updateValidators();
         if (!this.buttonMode) {
           this.deviceFilterUpdated(this.deviceInfoFilterForm.value);
         }
@@ -126,14 +136,11 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
     }
   }
 
-  ngOnDestroy(): void {
-  }
-
   registerOnChange(fn: any): void {
     this.propagateChange = fn;
   }
 
-  registerOnTouched(fn: any): void {
+  registerOnTouched(_fn: any): void {
   }
 
   setDisabledState(isDisabled: boolean): void {
@@ -142,19 +149,18 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
       this.deviceInfoFilterForm.disable({emitEvent: false});
     } else {
       this.deviceInfoFilterForm.enable({emitEvent: false});
-      this.updateValidators();
     }
   }
 
   writeValue(deviceInfoFilter?: DeviceInfoFilter): void {
     this.deviceInfoFilter = deviceInfoFilter;
+    if (!this.initialDeviceFilterConfig && deviceInfoFilter) {
+      this.initialDeviceFilterConfig = deepClone(deviceInfoFilter);
+    }
     this.updateButtonDisplayValue();
     this.updateDeviceInfoFilterForm(deviceInfoFilter);
   }
 
-  private updateValidators() {
-  }
-
   toggleDeviceFilterPanel($event: Event) {
     if ($event) {
       $event.stopPropagation();
@@ -183,6 +189,9 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
     });
     this.deviceFilterOverlayRef.attach(new TemplatePortal(this.deviceFilterPanel,
       this.viewContainerRef));
+    this.resizeWindows = fromEvent(window, 'resize').subscribe(() => {
+      this.deviceFilterOverlayRef.updatePosition();
+    });
   }
 
   cancel() {
@@ -190,40 +199,62 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
     if (this.overlayRef) {
       this.overlayRef.dispose();
     } else {
+      this.resizeWindows.unsubscribe();
       this.deviceFilterOverlayRef.dispose();
     }
   }
 
   update() {
     this.deviceFilterUpdated(this.deviceInfoFilterForm.value);
+    this.deviceInfoFilterForm.markAsPristine();
     if (this.panelMode) {
       this.panelResult = this.deviceInfoFilter;
     }
     if (this.overlayRef) {
       this.overlayRef.dispose();
     } else {
+      this.resizeWindows.unsubscribe();
       this.deviceFilterOverlayRef.dispose();
     }
   }
 
+  reset() {
+    const deviceInfoFilter = this.deviceFilterFromFormValue(this.deviceInfoFilterForm.value);
+    if (!this.deviceInfoFilterConfigEquals(deviceInfoFilter, this.initialDeviceFilterConfig)) {
+      this.updateDeviceInfoFilterForm(this.initialDeviceFilterConfig);
+      this.deviceInfoFilterForm.markAsDirty();
+    }
+  }
+
   deviceProfileChanged(deviceProfileInfo: EntityInfoData) {
     this.deviceProfileInfo = deviceProfileInfo;
     this.updateButtonDisplayValue();
   }
 
+  private deviceInfoFilterConfigEquals = (filter1?: DeviceInfoFilter, filter2?: DeviceInfoFilter): boolean => {
+    if (filter1 === filter2) {
+      return true;
+    }
+    if ((isUndefinedOrNull(filter1) || isEmpty(filter1)) && (isUndefinedOrNull(filter2) || isEmpty(filter2))) {
+      return true;
+    } else if (isDefinedAndNotNull(filter1) && isDefinedAndNotNull(filter2)) {
+      if (filter1.active !== filter2.active) {
+        return false;
+      }
+      return filter1.deviceProfileId === filter2.deviceProfileId;
+    }
+    return false;
+  };
+
   private updateDeviceInfoFilterForm(deviceInfoFilter?: DeviceInfoFilter) {
     this.deviceInfoFilterForm.patchValue({
-      deviceProfileId: deviceInfoFilter?.deviceProfileId,
-      active: isDefinedAndNotNull(deviceInfoFilter?.active) ? deviceInfoFilter?.active : ''
+      deviceProfileId: deviceInfoFilter?.deviceProfileId ?? null,
+      active: deviceInfoFilter?.active ?? null
     }, {emitEvent: false});
-    this.updateValidators();
   }
 
   private deviceFilterUpdated(deviceInfoFilter: DeviceInfoFilter) {
-    this.deviceInfoFilter = deviceInfoFilter;
-    if ((this.deviceInfoFilter.active as any) === '') {
-      this.deviceInfoFilter.active = null;
-    }
+    this.deviceInfoFilter = this.deviceFilterFromFormValue(deviceInfoFilter);
     this.updateButtonDisplayValue();
     this.propagateChange(this.deviceInfoFilter);
   }
@@ -256,4 +287,10 @@ export class DeviceInfoFilterComponent implements OnInit, OnDestroy, ControlValu
     }
   }
 
+  private deviceFilterFromFormValue(formValue: any): DeviceInfoFilter {
+    return {
+      deviceProfileId: formValue?.deviceProfileId ?? null,
+      active: formValue?.active ?? null
+    };
+  }
 }
diff --git a/ui-ngx/src/app/modules/home/components/profile/device-profile-autocomplete.component.html b/ui-ngx/src/app/modules/home/components/profile/device-profile-autocomplete.component.html
index cc9ea3d4ad..7de6de7b20 100644
--- a/ui-ngx/src/app/modules/home/components/profile/device-profile-autocomplete.component.html
+++ b/ui-ngx/src/app/modules/home/components/profile/device-profile-autocomplete.component.html
@@ -15,8 +15,13 @@
     limitations under the License.
 
 -->
-<mat-form-field [formGroup]="selectDeviceProfileFormGroup" class="mat-block" subscriptSizing="{{ subscriptSizing }}">
-  <mat-label>{{ 'device-profile.device-profile' | translate }}</mat-label>
+<mat-form-field [formGroup]="selectDeviceProfileFormGroup"
+                [class.tb-inline-field]="inlineField"
+                [class.flex]="inlineField"
+                class="mat-block"
+                [appearance]="inlineField ? 'outline' : appearance"
+                [subscriptSizing]="inlineField ? 'dynamic' : subscriptSizing">
+  <mat-label *ngIf="!inlineField">{{ 'device-profile.device-profile' | translate }}</mat-label>
   <input matInput type="text"
          #deviceProfileInput
          formControlName="deviceProfile"
diff --git a/ui-ngx/src/app/modules/home/components/profile/device-profile-autocomplete.component.ts b/ui-ngx/src/app/modules/home/components/profile/device-profile-autocomplete.component.ts
index 0fe9692311..f1e0c3fec1 100644
--- a/ui-ngx/src/app/modules/home/components/profile/device-profile-autocomplete.component.ts
+++ b/ui-ngx/src/app/modules/home/components/profile/device-profile-autocomplete.component.ts
@@ -47,7 +47,7 @@ import { MatAutocomplete } from '@angular/material/autocomplete';
 import { AddDeviceProfileDialogComponent, AddDeviceProfileDialogData } from './add-device-profile-dialog.component';
 import { emptyPageData } from '@shared/models/page/page-data';
 import { getEntityDetailsPageURL } from '@core/utils';
-import { SubscriptSizing } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import { coerceBoolean } from '@shared/decorators/coercion';
 import { AuthUser } from '@shared/models/user.model';
 import { getCurrentAuthUser } from '@core/auth/auth.selectors';
@@ -69,6 +69,9 @@ export class DeviceProfileAutocompleteComponent implements ControlValueAccessor,
 
   modelValue: DeviceProfileId | null;
 
+  @Input()
+  appearance: MatFormFieldAppearance = 'fill';
+
   @Input()
   subscriptSizing: SubscriptSizing = 'fixed';
 
@@ -106,6 +109,10 @@ export class DeviceProfileAutocompleteComponent implements ControlValueAccessor,
   @Input()
   hint: string;
 
+  @Input()
+  @coerceBoolean()
+  inlineField: boolean;
+
   @Output()
   deviceProfileUpdated = new EventEmitter<DeviceProfileId>();
 
diff --git a/ui-ngx/src/assets/locale/locale.constant-en_US.json b/ui-ngx/src/assets/locale/locale.constant-en_US.json
index 6495a4a480..a85c490c62 100644
--- a/ui-ngx/src/assets/locale/locale.constant-en_US.json
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -639,7 +639,7 @@
         "delete-alarms-text": "Are you sure you want to delete { count, plural, =1 {1 alarm} other {# alarms} }?",
         "selected-alarms-are-cleared": "Selected alarms are already cleared",
         "alarm-status-filter": "Alarm Status Filter",
-        "alarm-filter-title": "Alarm Filter",
+        "alarm-filter-title": "Alarm filter",
         "assigned": "Assigned",
         "filter-title": "Filter",
         "max-count-load": "Maximum number of alarms to load (0 - unlimited)",
@@ -1080,12 +1080,10 @@
         "type-timeseries-updated": "Telemetry updated",
         "type-timeseries-deleted": "Telemetry deleted",
         "type-sms-sent": "SMS sent",
-        "any":"Any",
-        "filter":"Audit Log Filters",
-        "audit-log-filter-title": "Audit Log Filter",
+        "any-type":"Any type",
+        "audit-log-filter-title": "Audit log filter",
         "filter-title": "Filter",
-        "filter-type-add": "+ Add type",
-        "filter-types": "Audit Log Types"
+        "filter-types": "Audit log types"
     },
     "debug-settings": {
         "label": "Debug Configuration",
@@ -1219,10 +1217,10 @@
         "deduplication-interval": "Deduplication interval",
         "deduplication-interval-min": "Deduplication interval should be at least {{ sec }} seconds.",
         "deduplication-interval-required": "Deduplication interval is required.",
-        "calculated-fields-filter": "Calculated fields filter",
+        "calculated-field-filter-title": "Calculated field filter",
+        "filter-title": "Filter",
         "calculated-field-types": "Calculated field types",
         "any-type": "Any type",
-        "target-entity": "Target entity",
         "metrics": {
             "metrics": "Metrics",
             "metrics-empty": "At least one metric must be configured.",
@@ -1402,10 +1400,7 @@
         "export": "Export alarm rule",
         "export-failed-error": "Unable to export alarm rule: {{error}}",
         "entity-type": "Entity type",
-        "target-entity-type": "Target entity type",
         "entity-type-required": "Entity type is required.",
-        "target-entity": "Target entity",
-        "target-entities": "Target entities",
         "alarm-type": "Alarm type",
         "alarm-type-hint": "Unique identifier (e.g., HighTempAlarm) across the scope of the alarm originator (Device, Asset, etc.) to prevent conflicts.",
         "alarm-type-required": "Alarm type is required.",
@@ -1526,7 +1521,8 @@
         "alarm-rule-relation-types-list-hint": "Defines relation types to filter the related entities. If not set, the alarm will be propagated to all related entities.",
         "propagate-alarm-to-owner": "Propagate alarm to entity owner (Customer or Tenant)",
         "propagate-alarm-to-tenant": "Propagate alarm to Tenant",
-        "alarm-rule-filter-title": "Filter",
+        "alarm-rule-filter-title": "Alarm rule filter",
+        "filter-title": "Filter",
         "debugging": "Alarm rule debugging",
         "any-type": "Any type",
         "enter-alarm-rule-type": "Enter alarm type",
@@ -2247,8 +2243,7 @@
         "unable-delete-device-alias-text": "Device alias '{{deviceAlias}}' can't be deleted as it used by the following widget(s):<br/>{{widgetsList}}",
         "is-gateway": "Is gateway",
         "overwrite-activity-time": "Overwrite activity time for connected device",
-        "device-filter": "Device filter",
-        "device-filter-title": "Device Filter",
+        "device-filter-title": "Device filter",
         "filter-title": "Filter",
         "device-state": "Device state",
         "state": "State",

From d0fd778bea5bca7e9632bef3256d183d1e76f2a9 Mon Sep 17 00:00:00 2001
From: dashevchenko <dshevchenko@thingsboard.io>
Date: Fri, 19 Dec 2025 11:25:46 +0200
Subject: [PATCH 8/8] fixed originatorDisplayName getter

---
 .../org/thingsboard/server/common/data/alarm/AlarmInfo.java | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/common/data/src/main/java/org/thingsboard/server/common/data/alarm/AlarmInfo.java b/common/data/src/main/java/org/thingsboard/server/common/data/alarm/AlarmInfo.java
index 70032327b9..66f673ebaf 100644
--- a/common/data/src/main/java/org/thingsboard/server/common/data/alarm/AlarmInfo.java
+++ b/common/data/src/main/java/org/thingsboard/server/common/data/alarm/AlarmInfo.java
@@ -41,7 +41,6 @@ public class AlarmInfo extends Alarm {
     @Schema(description = "Alarm originator label", example = "Thermostat label")
     private String originatorLabel;
 
-    @Getter
     @Setter
     @Schema(description = "Originator display name", example = "Thermostat")
     private String originatorDisplayName;
@@ -59,10 +58,15 @@ public class AlarmInfo extends Alarm {
         super(alarm);
     }
 
+    public String getOriginatorDisplayName() {
+        return originatorDisplayName != null ? originatorDisplayName : (originatorLabel != null ? originatorLabel : originatorName);
+    }
+
     public AlarmInfo(AlarmInfo alarmInfo) {
         super(alarmInfo);
         this.originatorName = alarmInfo.getOriginatorName();
         this.originatorLabel = alarmInfo.getOriginatorLabel();
+        this.originatorDisplayName = alarmInfo.getOriginatorDisplayName();
         this.assignee = alarmInfo.getAssignee();
     }