Improve screenshots in docs

Author: hjelev

README.md

@@ -152,6 +152,10 @@ edit). Press **s** to save and **q** to quit. Comments, ordering, formatting and
 existing quote style in `config.py` are preserved; complex settings (lists and the output
 function) are shown read-only with a note to edit them directly in the file.
 
+<p align="center">
+  <img src="./images/configurator.png" alt="Interactive TUI configurator" />
+</p>
+
 ## Configuration
 
 All options live in `src/config.py`. Key settings:
@@ -213,6 +217,12 @@ If none of the above fits your setup, set `display_on_command` / `display_off_co
 
 When `discovery_messages = True` (the default), a new MQTT device is created in Home Assistant automatically — no `configuration.yaml` edits required. Just add it to a dashboard.
 
+The auto-created device groups all readings, controls (restart, shutdown, update), and sensors under a single Home Assistant entry:
+
+<p align="center">
+  <img src="./images/hass-view.png" alt="Auto-created Home Assistant device" />
+</p>
+
 ### Home Assistant API
 
 To bypass MQTT and push directly to the HA REST API, use the `--hass_api` flag and configure `hass_host` and `hass_token` in `config.py`.
@@ -224,7 +234,7 @@ Run `rpi-mqtt-monitor --hass_wake` to print the YAML snippet for a Home Assistan
 ### Home Assistant Dashboard
 
 <p align="center">
-  <img src="./images/rpi-cpu2mqtt-hass.jpg" alt="Home Assistant dashboard" />
+  <img src="./images/hass-dashboard.png" alt="Home Assistant dashboard" />
 </p>
 
 ## External Sensors

docs/cli.html

@@ -65,6 +65,15 @@ <h2>Options at a glance</h2>
           <tr><td><code>--uninstall</code></td><td>Uninstall rpi-mqtt-monitor and remove all related files</td></tr>
         </tbody>
       </table>
+
+      <h2>Interactive configurator</h2>
+      <p>Run <code>rpi-mqtt-monitor --config</code> to open a terminal UI for editing <code>config.py</code>.
+        Move through the settings with the <strong>↑/↓</strong> arrows; each setting shows its description and
+        default value. Press <strong>Enter</strong> to edit the selected value, <strong>s</strong> to save,
+        and <strong>q</strong> to quit. Comments, ordering, and formatting in <code>config.py</code> are preserved.</p>
+      <figure>
+        <img src="images/configurator.png" alt="Interactive TUI configurator" />
+      </figure>
     </main>
   </div>
 

docs/configuration.html

@@ -68,6 +68,16 @@ <h1>Configuration</h1>
       <p>Full configuration reference:
         <a href="https://github.com/hjelev/rpi-mqtt-monitor/wiki/Configuration" target="_blank" rel="noopener">Configuration wiki</a>.</p>
 
+      <h2>Interactive configurator</h2>
+      <p>Run <code>rpi-mqtt-monitor --config</code> to edit these settings from a terminal UI instead of
+        editing <code>config.py</code> by hand. Move through the settings with the <strong>↑/↓</strong>
+        arrows; each shows its description and default value. Press <strong>Enter</strong> to edit the
+        selected value, <strong>s</strong> to save, and <strong>q</strong> to quit. Comments, ordering,
+        and formatting in <code>config.py</code> are preserved.</p>
+      <figure>
+        <img src="images/configurator.png" alt="Interactive TUI configurator" />
+      </figure>
+
       <h2>Display control backends</h2>
       <p>With <code>display_control = True</code>, the monitor on/off buttons auto-detect a working
         backend for the current environment:</p>

docs/home-assistant.html

@@ -37,6 +37,11 @@ <h1>Home Assistant Integration</h1>
       <p>When <code>discovery_messages = True</code> (the default), a new MQTT device is created in
         Home Assistant automatically — no <code>configuration.yaml</code> edits required. Just add it
         to a dashboard.</p>
+      <p>The auto-created device groups all readings, controls (restart, shutdown, update), and sensors
+        under a single Home Assistant entry:</p>
+      <figure>
+        <img src="images/hass-view.png" alt="Auto-created Home Assistant device" />
+      </figure>
 
       <h2>Home Assistant API</h2>
       <p>To bypass MQTT and push directly to the HA REST API, use the <code>--hass_api</code> flag and
@@ -48,7 +53,7 @@ <h2>Wake on LAN</h2>
 
       <h2>Home Assistant Dashboard</h2>
       <figure>
-        <img src="images/rpi-cpu2mqtt-hass.jpg" alt="Home Assistant dashboard" />
+        <img src="images/hass-dashboard.png" alt="Home Assistant dashboard" />
       </figure>
     </main>
   </div>