node-red-contrib-knx-ultimate 5.0.4 → 5.2.2

package/nodes/locales/zh-CN/knxUltimateMatterDevice.html

@@ -0,0 +1,56 @@
+<script type="text/markdown" data-help-name="knxUltimateMatterDevice">
+# Matter 设备 (BETA)
+
+> 此节点处于 **BETA** 阶段：可以正常工作，但细节可能在版本之间发生变化。
+
+## 概述
+
+Matter Device 节点在 **Matter 设备**和 **KNX 组地址**之间架起桥梁。该节点通过 *Matter 控制器*配置节点工作，后者将设备调试进自己的 Matter fabric。
+
+- 从 KNX 总线**控制**任何已配对的 Matter 设备（开/关、调光、窗帘、温控器、门锁等）。
+- 在 KNX 组地址上**跟踪**设备的每个属性（状态反馈、传感器、功率测量、电池等）。
+- 完全通用：映射列表基于设备**真实暴露的端点/集群**构建。
+
+## 配置
+
+|字段|说明|
+|--|--|
+| KNX 网关 | 用于报文的 KNX 网关 |
+| Matter 控制器 | Matter 控制器配置节点（在那里配对设备） |
+| 设备 | 通过自动补全选择已配对的 Matter 设备 |
+| 映射 | 每行一个组地址 ↔ Matter 集群映射 |
+| 启动时读取状态 | 启用后，节点在部署/连接时发送当前缓存的值 |
+| 节点输入/输出引脚 | 启用 Node-RED 引脚以进行原始 Matter 访问 |
+
+## 映射
+
+目标列表以易懂的名称显示支持的功能，例如*"开/关"*或*"瞬时功率 (W)"*，按设备实际暴露的功能过滤，并在方括号中显示当前值。
+
+每行映射有一个**方向**：
+
+- **KNX → Matter（命令）**：组地址上收到的报文调用 Matter 集群命令或写入属性。示例：GA `1/1/1` DPT 1.001 → `OnOff.on/off`（布尔值自动选择开或关）。
+- **Matter → KNX（状态）**：订阅的 Matter 属性变化时，其值被转换并写入组地址。`GroupValue_Read` 请求以缓存值应答。
+
+常见集群自动转换为适合 KNX 的值：
+
+|集群|转换|
+|--|--|
+| OnOff | 布尔 (DPT 1.001) |
+| LevelControl | 0-254 ↔ 百分比 (DPT 5.001) |
+| WindowCovering | percent100ths ↔ 百分比 (DPT 5.001)，上/下 (DPT 1.008) |
+| ColorControl | mireds ↔ 开尔文 (DPT 7.600) |
+| Thermostat | 厘°C ↔ °C (DPT 9.001) |
+| 温度/湿度 | 厘单位 ↔ 单位 (DPT 9.001/9.007) |
+| 照度 | 对数刻度 ↔ Lux (DPT 9.004) |
+| PowerSource | 半百分比 ↔ 电池百分比 (DPT 5.001) |
+| 电功率/电能 | mW ↔ W (DPT 14.056)，mWh ↔ kWh (DPT 13.013) |
+
+其他集群/属性原样传递；您选择的 DPT 执行最终的 KNX 编码。
+
+## 节点引脚
+
+如果启用节点引脚：
+
+- **输入**：发送原始命令：`msg.payload = { endpointId: 1, clusterId: 6, command: "toggle" }` 或属性写入：`msg.payload = { endpointId: 1, clusterId: 8, attribute: "onLevel", value: 128 }`
+- **输出**：接收每个属性变化（`msg.matter` 包含完整事件）和每个集群事件（按钮按下等）。
+</script>

package/nodes/locales/zh-CN/knxUltimateMatterDevice.json

@@ -0,0 +1,109 @@
+{
+  "knxUltimateMatterDevice": {
+    "title": "Matter 设备 (BETA)",
+    "paletteLabel": "Matter Device (BETA)",
+    "matter_controller": "Matter 控制器",
+    "matter_device": "设备",
+    "device_placeholder": "点击选择已配对的 Matter 设备",
+    "mapping_help": "每个映射添加一行。\"KNX → Matter\" 在组地址收到报文时调用集群命令（或写入属性）。\"Matter → KNX\" 在属性变化时将其值写入组地址（读请求以缓存值应答）。",
+    "select_target": "-- 选择 Matter 目标 --",
+    "stored_target": "已保存",
+    "read_status_startup": "启动时读取状态",
+    "opt_yes_emit": "是，并发送 KNX 报文。",
+    "opt_no": "否",
+    "node_pins": "节点输入/输出引脚",
+    "node_pins_hide": "隐藏",
+    "node_pins_show": "显示节点输入/输出引脚",
+    "direction": {
+      "command": "KNX → Matter（命令）",
+      "status": "Matter → KNX（状态）"
+    },
+    "fields": {
+      "direction": "方向",
+      "target": "Matter 端点 / 集群 / 目标",
+      "ga": "组地址",
+      "dpt": "DPT",
+      "ganame": "名称"
+    },
+    "no_simple_targets": "此设备上未找到支持的功能（或设备尚未连接）。",
+    "endpoint": "端点",
+    "friendly": {
+      "onoff_switch": "开/关（打开/关闭）",
+      "onoff_toggle": "切换状态（toggle）",
+      "onoff_state": "开/关状态",
+      "level_set": "设置亮度 / 级别 (%)",
+      "level_state": "当前亮度 / 级别 (%)",
+      "colortemp_set": "设置色温（开尔文）",
+      "colortemp_state": "当前色温（开尔文）",
+      "cover_updown": "窗帘 上/下",
+      "cover_stop": "窗帘 停止",
+      "cover_position_set": "窗帘移动到位置 (%)",
+      "cover_position_state": "当前窗帘位置 (%)",
+      "cover_tilt_set": "叶片倾斜 (%)",
+      "cover_tilt_state": "当前叶片倾斜 (%)",
+      "thermo_localtemp": "室内温度 (°C)",
+      "thermo_heatsp_set": "设置采暖设定点 (°C)",
+      "thermo_coolsp_set": "设置制冷设定点 (°C)",
+      "thermo_heatsp_state": "采暖设定点 (°C)",
+      "thermo_coolsp_state": "制冷设定点 (°C)",
+      "fan_speed_set": "设置风扇速度 (%)",
+      "fan_speed_state": "当前风扇速度 (%)",
+      "lock_cmd": "上锁/解锁",
+      "lock_state": "锁状态（已上锁）",
+      "temp_measured": "测量温度 (°C)",
+      "humidity_measured": "相对湿度 (%)",
+      "illuminance_measured": "照度 (Lux)",
+      "occupancy_state": "检测到人员",
+      "contact_state": "触点状态（闭合/断开）",
+      "battery_percent": "电池电量 (%)",
+      "power_active": "瞬时功率 (W)",
+      "power_voltage": "电压 (V)",
+      "power_current": "电流 (A)",
+      "energy_imported": "累计耗电量 (kWh)",
+      "identify_cmd": "识别设备（闪烁）",
+      "switch_position": "按钮位置"
+    },
+    "devtype": {
+      "onofflight": "开关灯",
+      "dimmablelight": "调光灯",
+      "colortemperaturelight": "色温灯",
+      "extendedcolorlight": "彩色灯",
+      "onoffpluginunit": "插座（开/关）",
+      "dimmablepluginunit": "插座（可调光）",
+      "smartplug": "智能插座",
+      "contactsensor": "门磁传感器",
+      "lightsensor": "光照传感器",
+      "occupancysensor": "人体传感器",
+      "temperaturesensor": "温度传感器",
+      "humiditysensor": "湿度传感器",
+      "pressuresensor": "压力传感器",
+      "flowsensor": "流量传感器",
+      "doorlock": "门锁",
+      "windowcovering": "窗帘",
+      "thermostat": "温控器",
+      "fan": "风扇",
+      "genericswitch": "按钮/开关",
+      "airqualitysensor": "空气质量传感器",
+      "smokecoalarm": "烟雾/CO 报警器",
+      "waterleakdetector": "漏水探测器",
+      "roomairconditioner": "空调",
+      "airpurifier": "空气净化器",
+      "speaker": "音箱",
+      "pumpcontroller": "水泵",
+      "onofflightswitch": "灯开关",
+      "dimmerswitch": "调光开关",
+      "colordimmerswitch": "彩色调光开关",
+      "powersource": "电源",
+      "electricalsensor": "电量传感器",
+      "bridgednode": "桥接设备",
+      "aggregator": "桥接器/聚合器",
+      "rootnode": "根节点"
+    }
+  },
+  "common": {
+    "ga": "GA",
+    "dpt": "DPT",
+    "name": "名称",
+    "knx_gw": "KNX 网关"
+  }
+}

package/nodes/locales/zh-CN/matter-config.html

@@ -0,0 +1,25 @@
+<script type="text/markdown" data-help-name="matter-config">
+# Matter 控制器
+
+## 概述
+
+此配置节点是一个完整的 **Matter 控制器**：它创建自己的 Matter *fabric* 并将您的 Matter 设备配对（调试）进来。配对后的设备可供 **Matter Device** 节点使用，将它们映射到 KNX 组地址。
+
+控制器通过 **IP 网络**（WiFi、以太网或经边界路由器的 Thread）与设备通信。不支持蓝牙配对：设备必须已经可以通过网络访问。
+
+## 配对设备
+
+1. 先**部署**此配置节点（控制器必须已运行）。
+2. 重新打开节点并输入**配对码**：11 位手动配对码（例如 `3497-011-2332`）或二维码内容（`MT:....`）。
+3. 点击**配对**。调试过程最多可能需要一分钟。
+
+如果设备是全新的且仅支持蓝牙配对，请先用厂商 App 或其他 Matter 控制器（Alexa、Google Home、Apple Home）配对，然后使用其**"与其他中枢共享/配对"**功能为 KNX-Ultimate 生成新的配对码。这样设备可以同时加入多个 fabric。
+
+## 存储
+
+Fabric 凭据和已配对设备保存在 Node-RED 用户目录下的 `knxultimatestorage/matter` 文件夹中。删除该文件夹将移除所有配对。
+
+## 移除设备
+
+使用已配对设备列表中的垃圾桶按钮。控制器会尝试正确地解除设备调试；如果设备无法访问，仍会从 fabric 中移除（之后可能需要对设备进行恢复出厂设置）。
+</script>

package/nodes/locales/zh-CN/matter-config.json

@@ -0,0 +1,26 @@
+{
+  "matter-config": {
+    "properties": {
+      "title": "Matter 控制器",
+      "intro": "此节点是一个 Matter 控制器（拥有自己的 fabric）。在此配对您的 Matter 设备，然后使用 \"Matter Device\" 节点将其映射到 KNX 组地址。请先部署该节点，然后回到这里配对设备。",
+      "node-config-input-name": "名称",
+      "fabric_label": "Fabric 标签",
+      "pairing_title": "配对新设备",
+      "pairing_help": "输入 11 位手动配对码（例如 3497-011-2332）或二维码内容（MT:....）。设备必须可通过 IP 网络访问（WiFi/以太网或通过边界路由器的 Thread）。如果设备已与其他控制器（Alexa、Google、Apple）配对，请使用其\"与其他中枢共享/配对\"功能获取新的配对码。",
+      "pairing_code": "配对码",
+      "pair_button": "配对",
+      "devices_title": "已配对设备",
+      "col_name": "名称",
+      "col_product": "产品",
+      "col_state": "状态",
+      "no_devices": "尚未配对任何设备。",
+      "unpair_confirm": "移除（解除配对）设备",
+      "unpair_ok": "设备已移除。",
+      "deploy_first": "请先部署此配置节点，然后重试。",
+      "pairing_code_missing": "请输入配对码。",
+      "pairing_wait": "正在配对，最多可能需要一分钟...",
+      "pairing_failed": "配对失败",
+      "pairing_ok": "设备配对成功！"
+    }
+  }
+}

package/nodes/locales/zh-CN/matterbridge-config.html

@@ -0,0 +1,34 @@
+<script type="text/markdown" data-help-name="matterbridge-config">
+# Matter 桥接器 (BETA)
+
+> 此节点处于 **BETA** 阶段：可以正常工作，但细节可能在版本之间发生变化。
+
+## 概述
+
+此配置节点就是 **Matter 桥接器本身**：它运行 Matter 服务器，Alexa、Google Home、Apple Home（或任何 Matter 控制器）只需配对**一次**。流程中的每个 **Matter Bridge device** 节点都指向这里，并在 App 中显示为桥接器的一个设备。
+
+## 配置
+
+|字段|说明|
+|--|--|
+| 名称 | 此配置节点在 Node-RED 中的名称 |
+| Matter 桥接器名称 | 桥接器本身在 Matter App 中显示的名称 |
+| 端口 | Matter 服务器的 UDP 端口（默认 5540）。每个桥接器需要独立的端口，因此可以运行**多个独立的桥接器** |
+
+## 配对
+
+1. **部署**，等待几秒，然后重新打开此节点。
+2. 配对面板显示**二维码**和**手动配对码**：在 Alexa / Google Home / Apple Home 中扫描或输入（"添加 Matter 设备"）。
+3. 多个控制器可以与同一个桥接器配对（Matter 多 fabric）。
+
+**重置配对**按钮会移除所有已配对的控制器并重新开始配对广播。
+
+## 身份与存储
+
+桥接器身份与此配置节点绑定，保存在 Node-RED 用户目录的 `knxultimatestorage/matter` 中：重新部署（即使更改端口或名称）**不**需要重新配对。只有删除此配置节点并新建一个才会改变身份——此时请从 Matter App 中移除旧桥接器并重新配对。
+
+## 说明
+
+- Node-RED 主机必须启用 **IPv6 link-local**（Matter 标准要求），并且控制器可在本地网络访问到它。
+- 添加/重命名/移除的设备节点会在几秒内被已配对的控制器识别，无需重新配对。
+</script>

package/nodes/locales/zh-CN/matterbridge-config.json

@@ -0,0 +1,20 @@
+{
+  "matterbridge-config": {
+    "properties": {
+      "title": "Matter 桥接器",
+      "intro": "此配置节点就是 Matter 桥接器本身：Alexa、Google Home、Apple Home（或任何 Matter 控制器）配对一次即可看到你挂接的所有 KNX 设备。在流程中添加 \"Matter Bridge device\" 节点并指向这里。先部署，然后重新打开获取配对码。",
+      "node-config-input-name": "名称",
+      "bridge_name": "Matter 桥接器名称",
+      "port": "端口",
+      "pairing_title": "配对（Alexa、Google Home、Apple Home...）",
+      "not_running": "Matter 桥接器尚未运行。请先部署，等待几秒后点击刷新。",
+      "commissioned": "桥接器已与以下控制器配对：",
+      "awaiting": "等待配对。请在您的 Matter App 中扫描二维码或输入手动配对码：",
+      "qr_link": "在浏览器中打开二维码",
+      "deploy_first": "请先部署此配置节点，然后点击刷新。",
+      "reset_button": "重置配对",
+      "reset_confirm": "移除所有已配对的控制器并重新开始配对？设备将从 Alexa/Google/Apple 中消失。",
+      "reset_ok": "配对已重置。桥接器重新进入配对模式。"
+    }
+  }
+}

package/nodes/matter-config.html

@@ -0,0 +1,226 @@
+<script type="text/javascript" src="resources/node-red-contrib-knx-ultimate/htmlUtils.js"></script>
+
+<script type="text/javascript">
+    RED.nodes.registerType('matter-config', {
+        category: 'config',
+        defaults: {
+            name: { value: "Matter Controller" },
+            fabricLabel: { value: "KNX-Ultimate" }
+        },
+        oneditprepare: function () {
+            // Go to the help panel
+            try {
+                RED.sidebar.show("help");
+            } catch (error) { }
+
+            var node = this;
+            var $pairButton = $("#matterPairButton");
+            var $pairingCode = $("#matter-pairing-code");
+            var $devicesBody = $("#matter-devices-body");
+            var $refreshDevices = $("#matterRefreshDevices");
+            var $pairSpinner = $("#matterPairSpinner");
+
+            function renderDevices(devices) {
+                $devicesBody.empty();
+                if (!Array.isArray(devices) || devices.length === 0) {
+                    $devicesBody.append('<tr><td colspan="5" style="text-align:center; color:#999;">' + RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.no_devices") + '</td></tr>');
+                    return;
+                }
+                devices.forEach(function (dev) {
+                    var stateColor = dev.connectionState === 'connected' ? '#1b7d33' : '#c00';
+                    var $tr = $('<tr></tr>');
+                    $tr.append($('<td></td>').text(dev.name || ''));
+                    $tr.append($('<td></td>').text((dev.vendorName || '') + (dev.productName ? ' ' + dev.productName : '')));
+                    $tr.append($('<td style="font-family:monospace;"></td>').text(dev.nodeId));
+                    $tr.append($('<td></td>').append($('<span></span>').css('color', stateColor).text(dev.connectionState)));
+                    var $unpair = $('<button type="button" class="red-ui-button" style="color:#c00; border-color:#c00;"><i class="fa fa-trash"></i></button>');
+                    $unpair.on('click', function () {
+                        var confirmMsg = RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.unpair_confirm") + ' "' + (dev.name || dev.nodeId) + '"?';
+                        if (!window.confirm(confirmMsg)) return;
+                        $unpair.prop('disabled', true);
+                        $.getJSON('KNXUltimateMatterUnpair?serverId=' + node.id + '&nodeId=' + encodeURIComponent(dev.nodeId), function (data) {
+                            if (data && data.error) {
+                                RED.notify(data.error, { type: 'error' });
+                            } else {
+                                RED.notify(RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.unpair_ok"), { type: 'success' });
+                            }
+                            loadDevices();
+                        }).fail(function (jqXHR, textStatus, errorThrown) {
+                            RED.notify('Unpair failed: ' + (errorThrown || textStatus), { type: 'error' });
+                            $unpair.prop('disabled', false);
+                        });
+                    });
+                    $tr.append($('<td style="text-align:right;"></td>').append($unpair));
+                    $devicesBody.append($tr);
+                });
+            }
+
+            function loadDevices() {
+                $devicesBody.empty();
+                $devicesBody.append('<tr><td colspan="5" style="text-align:center;"><i class="fa fa-circle-notch fa-spin"></i></td></tr>');
+                $.getJSON('KNXUltimateMatterGetNodes?serverId=' + node.id + '&_=' + Date.now(), function (data) {
+                    if (data && data.error) {
+                        $devicesBody.empty();
+                        $devicesBody.append('<tr><td colspan="5" style="text-align:center; color:#c00;">' + data.error + '</td></tr>');
+                        return;
+                    }
+                    renderDevices(data && data.devices ? data.devices : []);
+                }).fail(function () {
+                    $devicesBody.empty();
+                    $devicesBody.append('<tr><td colspan="5" style="text-align:center; color:#999;">' + RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.deploy_first") + '</td></tr>');
+                });
+            }
+
+            $refreshDevices.on('click', function () {
+                loadDevices();
+            });
+
+            $pairButton.on('click', function () {
+                var code = ($pairingCode.val() || '').trim();
+                if (code === '') {
+                    RED.notify(RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.pairing_code_missing"), { type: 'warning' });
+                    return;
+                }
+                $pairButton.prop('disabled', true);
+                $pairSpinner.show();
+                var myNotification = RED.notify(RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.pairing_wait"), {
+                    modal: false,
+                    fixed: true,
+                    type: 'info'
+                });
+                $.ajax({
+                    url: 'KNXUltimateMatterPair?serverId=' + node.id + '&code=' + encodeURIComponent(code),
+                    dataType: 'json',
+                    timeout: 180000
+                }).done(function (data) {
+                    if (data && data.error) {
+                        RED.notify(RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.pairing_failed") + ': ' + data.error, { type: 'error', timeout: 8000 });
+                    } else {
+                        RED.notify(RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.pairing_ok") + ' (Node ID ' + data.nodeId + ')', { type: 'success' });
+                        $pairingCode.val('');
+                        loadDevices();
+                    }
+                }).fail(function (jqXHR, textStatus, errorThrown) {
+                    var msg = '';
+                    try { msg = jqXHR.responseJSON.error; } catch (e) { msg = errorThrown || textStatus; }
+                    RED.notify(RED._("node-red-contrib-knx-ultimate/matter-config:matter-config.properties.pairing_failed") + ': ' + msg, { type: 'error', timeout: 8000 });
+                }).always(function () {
+                    if (myNotification) myNotification.close();
+                    $pairButton.prop('disabled', false);
+                    $pairSpinner.hide();
+                });
+            });
+
+            loadDevices();
+        },
+        oneditsave: function () {
+            // Return to the info tab
+            try {
+                RED.sidebar.show("info");
+            } catch (error) { }
+        },
+        label: function () {
+            return this.name || "Matter Controller";
+        }
+    });
+</script>
+
+<script type="text/html" data-template-name="matter-config">
+  <div class="form-row" style="margin-bottom:10px;">
+    <span style="color:#ff0000"><i class="fa fa-youtube"></i></span>&nbsp;<a target="_blank" href="https://www.youtube.com/playlist?list=PL9Yh1bjbLAYrU8PsVhW4xzEug2WtVFv3E"><b>KNX-Ultimate video tutorials (YouTube playlist)</b></a>
+  </div>
+
+  <div class="form-row">
+    <b><span data-i18n="matter-config.properties.title"></span></b>
+    <p align="center" style="margin:8px 0;">
+      <svg width="70" height="77" viewBox="0 8 40 44" xmlns="http://www.w3.org/2000/svg" aria-label="Matter" style="vertical-align:middle;">
+        <g fill="currentColor" stroke="none">
+          <circle cx="20" cy="30" r="4.5"/>
+          <g>
+            <rect x="18.4" y="9" width="3.2" height="11"/>
+            <path d="M 14.5 18.5 L 25.5 18.5 L 20 25.5 Z"/>
+          </g>
+          <g transform="rotate(120 20 30)">
+            <rect x="18.4" y="9" width="3.2" height="11"/>
+            <path d="M 14.5 18.5 L 25.5 18.5 L 20 25.5 Z"/>
+          </g>
+          <g transform="rotate(240 20 30)">
+            <rect x="18.4" y="9" width="3.2" height="11"/>
+            <path d="M 14.5 18.5 L 25.5 18.5 L 20 25.5 Z"/>
+          </g>
+        </g>
+      </svg>
+      <br/>
+      <span style="font-size:18px; font-weight:600; letter-spacing:1px;">matter</span>
+    </p>
+    <p><span data-i18n="matter-config.properties.intro"></span></p>
+  </div>
+
+  <div class="form-row">
+    <label for="node-config-input-name">
+      <i class="fa fa-tag"></i>
+      <span data-i18n="matter-config.properties.node-config-input-name"></span>
+    </label>
+    <input type="text" id="node-config-input-name">
+  </div>
+
+  <div class="form-row">
+    <label for="node-config-input-fabricLabel">
+      <i class="fa fa-id-card"></i>
+      <span data-i18n="matter-config.properties.fabric_label"></span>
+    </label>
+    <input type="text" id="node-config-input-fabricLabel" placeholder="KNX-Ultimate">
+  </div>
+
+  <hr/>
+
+  <div class="form-row">
+    <b><i class="fa fa-qrcode"></i>&nbsp;<span data-i18n="matter-config.properties.pairing_title"></span></b>
+    <p><span data-i18n="matter-config.properties.pairing_help"></span></p>
+  </div>
+
+  <div class="form-row">
+    <label for="matter-pairing-code">
+      <i class="fa fa-key"></i>
+      <span data-i18n="matter-config.properties.pairing_code"></span>
+    </label>
+    <input type="text" id="matter-pairing-code" placeholder="3497-011-2332 or MT:Y.K90...." style="width:250px;">
+    <button type="button" id="matterPairButton" class="red-ui-button" style="margin-left:6px; color:#1b7d33; border-color:#1b7d33;">
+      <i class="fa fa-link"></i>&nbsp;<span data-i18n="matter-config.properties.pair_button"></span>
+    </button>
+    <span id="matterPairSpinner" style="margin-left:6px; display:none; color:#1b7d33;">
+      <i class="fa fa-circle-notch fa-spin"></i>
+    </span>
+  </div>
+
+  <hr/>
+
+  <div class="form-row">
+    <b><i class="fa fa-microchip"></i>&nbsp;<span data-i18n="matter-config.properties.devices_title"></span></b>
+    <button type="button" id="matterRefreshDevices" class="red-ui-button" style="margin-left:6px; color:#1b7d33; border-color:#1b7d33;">
+      <i class="fa fa-refresh"></i>
+    </button>
+  </div>
+
+  <div class="form-row">
+    <table style="width:100%; border-collapse:collapse;" class="red-ui-editableList">
+      <thead>
+        <tr style="border-bottom:1px solid #ccc; text-align:left;">
+          <th data-i18n="matter-config.properties.col_name"></th>
+          <th data-i18n="matter-config.properties.col_product"></th>
+          <th>Node ID</th>
+          <th data-i18n="matter-config.properties.col_state"></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody id="matter-devices-body"></tbody>
+    </table>
+  </div>
+
+  <br/>
+   <br/>
+    <br/>
+    <br/>
+   <br/>
+    <br/>
+</script>