# 7. User Interface

The SMHUB web interface is the primary way to configure and manage the system. It provides access to dashboards, built-in applications, and detailed system settings.

---

## 7.1 Dashboard

The **Dashboard** is the starting page of the interface and shows an overview of the hub:

- **System Information**
    
    
    - Device model, firmware version, uptime.
    - CPU load, memory usage, and storage status.
- **Network Status**
    
    
    - Ethernet/Wi-Fi interfaces with IP addresses.
    - VPN (WireGuard) status.
- **Radio Status**
    
    
    - Zigbee, Thread, Z-Wave (if installed), Bluetooth.
    - Service LED indicators and Ambilight effects.
- **Service Overview**
    
    
    - Running state of **Zigbee2MQTT, Matterbridge, Node-RED, Mosquitto MQTT broker**.
    - Quick buttons to start/stop services.

---

## 7.2 Zigbee2MQTT

- Direct integration with the **Zigbee2MQTT frontend**.
- Allows pairing, removing, and managing Zigbee devices.
- Displays a network map, device states, and logs.
- Zigbee devices are automatically published to the local **Mosquitto MQTT broker**.

---

## 7.3 Matterbridge

- Provides direct access to the **Matterbridge frontend**.
- Manages bridging between Zigbee/Thread devices and Matter ecosystems (Google Home, Apple Home, Alexa, SmartThings).
- Allows configuration of bridge modes and Matter controllers.

---

## 7.4 Node-RED

- Opens the **Node-RED frontend**, a visual automation editor.
- Users can create and deploy flows combining Zigbee2MQTT, Matterbridge, MQTT, HTTP APIs, or custom integrations.
- Pre-installed flows include templates for MQTT and device automation.

---

## 7.5 Apps

The **Apps** section acts as a package manager for SMHUB applications.

- **App Management**
    
    
    - Install, uninstall, or update applications.
    - Configure settings per application.
    - Start/stop applications with one click.
- **Preinstalled Apps**
    
    
    - Zigbee2MQTT
    - Matterbridge
    - Node-RED
    - Mosquitto MQTT broker
- **Additional Apps**
    
    
    - Future apps (e.g., Z-Wave JS, custom services) can be added here.
    - Apps can be distributed as packages and installed via this page.

---

## 7.6 Settings

The **Settings** section contains all configuration options for SMHUB. It is divided into modules, each with tabs for **configuration, telemetry, and debug** where available.

### System

- Hostname, time zone, system info.
- User management (accounts, passwords).
- Updates (firmware & app updates).
- Backup & restore.
- Factory reset.

### Network

- Ethernet (DHCP/static).
- Wi-Fi (2.4/5 GHz, AP/Client mode).
- VPN (WireGuard).
- DDNS configuration (DuckDNS, others).
- USB-over-network.

### Radios

- Zigbee: coordinator settings, pairing mode, diagnostics.
- Thread: OTBR management, Matterbridge integration.
- Z-Wave (if module installed): inclusion/exclusion, network management.
- Bluetooth: enable/disable, scanning, BLE integrations.
- 4G/LTE (in development): SIM/APN settings, LTE telemetry, GPS data.

### Audio & Buzzer

- Volume control (3.5 mm output).
- Enable/disable system notification sounds.
- Buzzer toggle and test alerts.

### LEDs

- Service LED control.
- Ambilight modes (status, animations, user-defined patterns).

### IR

- IR transmitter: configure/send commands.
- IR receiver: learn remote commands and store them.

### Storage

- SD card and eMMC info.
- Format, mount/unmount.
- Telemetry: usage stats.

### Security

- User authentication settings.
- SSH toggle.
- VPN certificates and DDNS keys.
- Firewall and remote access rules.