From b8efb9e56469b29abfee21aaf71ce984f8aa9dd6 Mon Sep 17 00:00:00 2001
From: Chuck <33324927+ChuckBuilds@users.noreply.github.com>
Date: Wed, 2 Sep 2026 21:12:54 -0400
Subject: [PATCH] fix(web-ui-info): stop clipping the address, and document
 every setting

On a 64x32 panel -- the most common size -- "at ledmatrix:5000" is 68px of
4x6 text in 64px of panel, and PIL clips silently at draw time, so it
rendered as "t ledmatrix:500" with both ends sliced off. The render harness
passes this: it measures the bounding box it was asked to draw, not the
pixels that survived.

The address line now shortens in stages instead -- drop the "at " prefix,
then wrap the address -- and the block is centred vertically rather than
pinned 5px from the top, which left the text stranded at the top of a tall
panel.

The README gains real rendered screenshots for the panel-size and
hostname-length behaviour, the hostname/IP alternation the old README never
mentioned, the five-step IP detection order, and a note that the three
transition.* settings are read by nothing (#381).

The docs renderer can now pin socket.gethostname, so these images render
identically on any machine instead of baking in whoever ran them.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 README.md                                    |   2 +-
 docs/assets/web-ui-info/hero.png             | Bin 0 -> 1143 bytes
 docs/assets/web-ui-info/hostname-length.png  | Bin 0 -> 11875 bytes
 docs/assets/web-ui-info/narrow-wrap.png      | Bin 0 -> 7811 bytes
 docs/assets/web-ui-info/panel-sizes.png      | Bin 0 -> 12667 bytes
 docs/assets/web-ui-info/shots.json           | 121 ++++++++++
 plugins.json                                 |   4 +-
 plugins/web-ui-info/README.md                | 236 ++++++++++++++++---
 plugins/web-ui-info/manager.py               |  47 +++-
 plugins/web-ui-info/manifest.json            |   9 +-
 plugins/web-ui-info/test/harness.json        |   2 +-
 scripts/docs_render_support/sitecustomize.py |  11 +
 scripts/render_docs_assets.py                |   8 +-
 13 files changed, 388 insertions(+), 52 deletions(-)
 create mode 100644 docs/assets/web-ui-info/hero.png
 create mode 100644 docs/assets/web-ui-info/hostname-length.png
 create mode 100644 docs/assets/web-ui-info/narrow-wrap.png
 create mode 100644 docs/assets/web-ui-info/panel-sizes.png
 create mode 100644 docs/assets/web-ui-info/shots.json

diff --git a/README.md b/README.md
index 9fae8532..186940c9 100644
--- a/README.md
+++ b/README.md
@@ -175,7 +175,7 @@ curl -X POST http://your-pi-ip:5000/api/v3/plugins/install \
 
 | Plugin | Description | Preview |
 |--------|-------------|---------|
-| [Web UI Info](./plugins/web-ui-info/) | Displays web UI URL for device access | |
+| [Web UI Info](./plugins/web-ui-info/) | Displays web UI URL for device access | <a href="./plugins/web-ui-info/"><img src="./docs/assets/web-ui-info/hero.png" width="240" alt="web-ui-info on an LED panel"></a> |
 
 ### Development (1)
 
diff --git a/docs/assets/web-ui-info/hero.png b/docs/assets/web-ui-info/hero.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc6a6977c4fc5459921a3fad1a35247ba5fe812e
GIT binary patch
literal 1143
zcmeAS@N?(olHy`uVBq!ia0y~yU<NW74sb95Nt?%$KQJ(`*m=4*hE&{od)G1Vm4OKB
zh3V_{7*?jRdu(9%w!i5dw~)62m-T|r5x)v`+2=f)lNjQYY_nri$yX(iK?4CET(yd3
z*m@^#`^m|NA8weK|DC%^KVo|QHU<WP2B3Eo7#J8i7#tXw7&vqd5@hwJpMG-kWeJz=
zh6~f03Yb|K6c`v8I2;%lm;@La7+4rC^zcVJWc*4osV%w{l&Wn%|NPDUJLA@e?z4Tq
z``!27PfphD&(E4){LLW!c+l><>k^Lt+Bg61Vbgg&9Oei^U}i34Ws443y*^~w>s|H+
z+&asXOKs%1?|u1Lapb*p!LyZ)I~bX;IC6z%y3@6yvun1ri}sox&C;B`+LY(;oBLBr
zw=x{!6+m~eKvaT*h{>Ly^>1pHYG0p~Gj-eBV}(88Uw@n`+q!1wwePi4zgx{e&;9jT
z1I)KjpMo5T2Si`F$#m^?*>2x?GJNe<_a1#(G}Fd%u3ufub9E(fKs<l`{LS*V#2Gd>
z-+$jczshd@WcBN>x1Kr~^Y~OtCNLo(Spy2++@Bj*Tc!!mw&8qR&L-dQ{%7BLQCHp_
z>t3hT&)qV0+CTg3n3*saBE<*Lds{NL-}ar?^H{<(jc4iQN~PpO7pto!x2kbny>&Ip
zcp)$XVweA&yy4F7=VzF-XNym}Tz)#z@^9(1*>zLj{rUdA{9xo?X>H-W29(4AN*hkx
zJ>P%-`qi~_rPaiXxt>d3Z!u%k%4J^KcRcxEw9fX`ftlaJZq3U4uQKKA;Z>!tE~SO7
zl?(Hmy=IN<%+K#K_v`!(Ij1in8GGVexY`}mR0Im!7BPt}OV@;MIrhKu^xx^<&3KD-
z%sbb-amlSr1w|t$vBA;_FsK|}TSag1eHk*hP$u2pl*f5bR#;%jth%Y2i>&TyPBng?
zxieNbn|bQlmaMlbI@epG*0pcF!@1tH^USFSY#iu`2v4-qR_fnt_8D3GG*{UATm@O=
M>FVdQ&MBb@0KoHE?f?J)

literal 0
HcmV?d00001

diff --git a/docs/assets/web-ui-info/hostname-length.png b/docs/assets/web-ui-info/hostname-length.png
new file mode 100644
index 0000000000000000000000000000000000000000..e52f4a82296d03f32a33f7840626e158deeaf472
GIT binary patch
literal 11875
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
Pp-wBDJ(VJN@z(zU@iCSI

literal 0
HcmV?d00001

diff --git a/docs/assets/web-ui-info/narrow-wrap.png b/docs/assets/web-ui-info/narrow-wrap.png
new file mode 100644
index 0000000000000000000000000000000000000000..4296231f58bfdedc2689a03f7cb7dce2a92d31dc
GIT binary patch
literal 7811
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
C_-LB|

literal 0
HcmV?d00001

diff --git a/docs/assets/web-ui-info/panel-sizes.png b/docs/assets/web-ui-info/panel-sizes.png
new file mode 100644
index 0000000000000000000000000000000000000000..49290dd7e8e26e7cdc0b95cfb413d753abb87b4f
GIT binary patch
literal 12667
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

literal 0
HcmV?d00001

diff --git a/docs/assets/web-ui-info/shots.json b/docs/assets/web-ui-info/shots.json
new file mode 100644
index 00000000..a2aa7983
--- /dev/null
+++ b/docs/assets/web-ui-info/shots.json
@@ -0,0 +1,121 @@
+{
+  "plugin": "web-ui-info",
+  "defaults": {
+    "width": 128,
+    "height": 32,
+    "scale": 6,
+    "hostname": "ledmatrix",
+    "config": {
+      "enabled": true
+    }
+  },
+  "shots": [
+    {
+      "name": "hero",
+      "width": 128,
+      "height": 32
+    },
+    {
+      "name": "size-64x32",
+      "width": 64,
+      "height": 32,
+      "scale": 6,
+      "standalone": false
+    },
+    {
+      "name": "size-128x32",
+      "width": 128,
+      "height": 32,
+      "scale": 6,
+      "standalone": false
+    },
+    {
+      "name": "size-256x32",
+      "width": 256,
+      "height": 32,
+      "scale": 6,
+      "standalone": false
+    },
+    {
+      "name": "size-128x64",
+      "width": 128,
+      "height": 64,
+      "scale": 6,
+      "standalone": false
+    },
+    {
+      "name": "host-short",
+      "hostname": "pi",
+      "standalone": false
+    },
+    {
+      "name": "host-long",
+      "hostname": "raspberrypi-livingroom",
+      "standalone": false
+    },
+    {
+      "name": "host-long-64",
+      "width": 64,
+      "height": 32,
+      "scale": 6,
+      "hostname": "raspberrypi-livingroom",
+      "standalone": false
+    }
+  ],
+  "composites": [
+    {
+      "name": "panel-sizes",
+      "columns": 2,
+      "cells": [
+        {
+          "shot": "size-64x32",
+          "label": "64 x 32"
+        },
+        {
+          "shot": "size-128x32",
+          "label": "128 x 32"
+        },
+        {
+          "shot": "size-256x32",
+          "label": "256 x 32"
+        },
+        {
+          "shot": "size-128x64",
+          "label": "128 x 64"
+        }
+      ]
+    },
+    {
+      "name": "hostname-length",
+      "columns": 1,
+      "cells": [
+        {
+          "shot": "host-short",
+          "label": "\"pi\" - \"at\" prefix fits"
+        },
+        {
+          "shot": "hero",
+          "label": "\"ledmatrix\" - \"at\" prefix fits"
+        },
+        {
+          "shot": "host-long",
+          "label": "\"raspberrypi-livingroom\" - prefix dropped"
+        }
+      ]
+    },
+    {
+      "name": "narrow-wrap",
+      "columns": 1,
+      "cells": [
+        {
+          "shot": "size-64x32",
+          "label": "\"ledmatrix\" on 64x32"
+        },
+        {
+          "shot": "host-long-64",
+          "label": "long hostname wraps"
+        }
+      ]
+    }
+  ]
+}
diff --git a/plugins.json b/plugins.json
index f900d57c..209848ff 100644
--- a/plugins.json
+++ b/plugins.json
@@ -952,10 +952,10 @@
       "plugin_path": "plugins/web-ui-info",
       "stars": 0,
       "downloads": 0,
-      "last_updated": "2026-07-31",
+      "last_updated": "2026-09-02",
       "verified": true,
       "screenshot": "",
-      "latest_version": "1.0.2"
+      "latest_version": "1.1.0"
     },
     {
       "id": "youtube-stats",
diff --git a/plugins/web-ui-info/README.md b/plugins/web-ui-info/README.md
index 414864fc..8aef87d1 100644
--- a/plugins/web-ui-info/README.md
+++ b/plugins/web-ui-info/README.md
@@ -1,64 +1,228 @@
-# Web UI Info Plugin
+# Web UI Info
 
-A simple built-in plugin for LEDMatrix that displays the web UI URL for easy access.
+A one-screen reminder of the address your LEDMatrix web interface is on.
+It alternates between the device's hostname and its IP address, so you can
+read the URL off the panel instead of hunting for the Pi on your network.
 
-## Features
+![Web UI Info on a 128x32 panel](../../docs/assets/web-ui-info/hero.png)
 
-- Displays "visit web ui at http://[deviceID]:5000" on the LED matrix
-- Automatically detects device hostname
-- Easily enabled/disabled via web interface
-- Configurable display duration
+No network access, no API key, no dependencies beyond what LEDMatrix already
+ships — the plugin only reads local system information.
+
+---
+
+## What it shows
+
+Two centred lines of white text:
+
+```text
+visit web ui
+at ledmatrix:5000
+```
+
+The address on the second line **alternates every 10 seconds** between:
+
+| Mode | Second line | Source |
+|---|---|---|
+| Hostname | `at ledmatrix:5000` | `socket.gethostname()` |
+| IP address | `at 192.168.1.42:5000` | the first interface address that is not loopback |
+
+Both modes are laid out identically — only the address text differs. The port
+is always `5000`, the port the LEDMatrix web interface listens on; it is not
+configurable from this plugin.
+
+---
+
+## Installation
+
+Web UI Info ships with the default Plugin Store:
+
+1. Open the web interface (`http://your-pi-ip:5000`)
+2. Go to the **Plugin Manager** tab
+3. Find **Web UI Info** under **Plugin Store** and click **Install**
+4. Toggle it on, then click **Restart Display Service** on the **Overview** tab
+
+To install from source instead, copy the directory into your LEDMatrix
+plugins directory (default `plugin-repos/`):
+
+```bash
+cp -r plugins/web-ui-info ~/LEDMatrix/plugin-repos/
+sudo systemctl restart ledmatrix
+```
+
+---
 
 ## Configuration
 
-The plugin can be configured in `config/config.json`:
+Settings live in the plugin's tab in the web UI, and are stored in
+`config/config.json` under the `web-ui-info` key. The full schema is
+[`config_schema.json`](config_schema.json).
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `enabled` | boolean | `true` | Master switch. When off, the plugin is skipped in the rotation. |
+| `display_duration` | number | `10` | Seconds the panel holds the screen before the display rotates on (1–300). |
+| `transition.enabled` | boolean | `true` | **Not implemented** — see below. |
+| `transition.type` | string | `"redraw"` | **Not implemented** — see below. |
+| `transition.speed` | integer | `2` | **Not implemented** — see below. |
+
+That is the whole surface: this plugin has no colours, fonts, or layout
+options. The text is always white, always centred.
 
 ```json
 {
   "web-ui-info": {
     "enabled": true,
-    "display_duration": 10,
-    "transition": {
-      "type": "redraw",
-      "speed": 2,
-      "enabled": true
-    }
+    "display_duration": 10
   }
 }
 ```
 
-### Configuration Options
+### `display_duration` and the 10-second alternation
+
+The swap is driven by a wall clock, not by a per-turn counter: the plugin
+changes address whenever 10 seconds have passed since the last change. Two
+things follow from that.
+
+**Between turns.** The gap between one appearance in the rotation and the next
+is almost always longer than 10 seconds, so the plugin swaps as it comes back
+on screen. Consecutive turns alternate hostname, then IP, then hostname again —
+even at the default `display_duration`.
+
+**Within a turn.** A screen held longer than 10 seconds swaps again while you
+are looking at it.
+
+| `display_duration` | What you see |
+|---|---|
+| `5` – `10` (default) | One address per turn, alternating from turn to turn |
+| `20` | One swap part way through the screen |
+| `30` or more | A swap roughly every 10 seconds |
+
+The default is fine for most setups. Raise it to `20` if you want both
+addresses in a single turn rather than across two.
+
+### The `transition` settings do nothing
+
+`transition.enabled`, `transition.type`, and `transition.speed` appear in the
+configuration form, but `manager.py` never reads them and the LEDMatrix core
+implements no display transitions. Changing them has no effect. They are
+tracked for removal in
+[issue #381](https://github.com/ChuckBuilds/ledmatrix-plugins/issues/381) —
+four other plugins declare the same dead block.
+
+---
+
+## How the address is found
 
-- `enabled` (boolean): Enable or disable the plugin (default: `true`)
-- `display_duration` (number): How long to display the message in seconds (default: `10`, range: 1-300)
-- `transition` (object): Transition settings for switching to/from this display
+### Hostname
 
-## Usage
+`socket.gethostname()`, read once when the plugin loads. If that raises, the
+plugin falls back to `localhost`.
 
-The plugin will automatically be discovered and loaded when the LEDMatrix system starts. It will display the web UI URL during the normal rotation cycle.
+### IP address
 
-To enable/disable the plugin:
-1. Open the web UI at `http://[your-device]:5000`
-2. Open the **Plugin Manager** tab
-3. Find **Web UI Info** in the **Installed Plugins** list and toggle it
-   on or off
-4. Restart the display service from the **Overview** tab
+Re-read every 30 seconds, so unplugging Ethernet or switching networks is
+picked up without a restart. The plugin tries these in order and takes the
+first answer that is neither loopback (`127.x`) nor the AP-mode address:
 
-## Device ID
+1. **AP mode check.** If `hostapd` is active, or `wlan0` already holds
+   `192.168.4.1`, the plugin reports `192.168.4.1` — the address the web UI is
+   on when the Pi is running as its own access point.
+2. **`hostname -I`** — the fastest path, and the one that normally answers on
+   a Raspberry Pi.
+3. **`ip -4 addr show`** — preferring wired interfaces (`eth*`, `enp*`), then
+   `wlan0`.
+4. **A UDP socket to `8.8.8.8`** — no packet is actually sent; this just asks
+   the kernel which local address it would route from. Needs a default route.
+5. **`socket.gethostbyname()`** on the hostname.
 
-The plugin uses `socket.gethostname()` to determine the device hostname. If the hostname cannot be determined, it falls back to "localhost".
+If every step fails, the second line reads `at localhost:5000`.
 
-## Display
+---
 
-The plugin displays two lines of text:
-- Line 1: "visit web ui"
-- Line 2: "at [deviceID]:5000"
+## Panel sizes
 
-Text is centered horizontally on the display and rendered in white.
+The text is drawn in the 4x6 bitmap font at a fixed size, so what changes
+across panels is how much room the two lines have, not how big they are.
+
+![The same screen on four panel sizes](../../docs/assets/web-ui-info/panel-sizes.png)
+
+The block is centred both horizontally and vertically, so it sits in the
+middle of a tall panel rather than against the top edge.
+
+---
+
+## Long hostnames
+
+A hostname long enough to overflow the panel used to be silently sliced off at
+both ends. The plugin now shortens the line in stages instead:
+
+![The same panel with three hostname lengths](../../docs/assets/web-ui-info/hostname-length.png)
+
+1. `at <address>:5000` — the normal form
+2. `<address>:5000` — the `at ` prefix is dropped when it no longer fits
+3. the address wraps onto extra lines when even that is too wide
+
+On a 64x32 panel — where a 4x6 font gives you about 16 characters — both the
+second and third stages come into play:
+
+![A long hostname wrapping on a 64x32 panel](../../docs/assets/web-ui-info/narrow-wrap.png)
+
+If you would rather see a short address than a wrapped one, rename the device
+(`sudo hostnamectl set-hostname ledmatrix`) or wait out the 10-second swap and
+read the IP instead.
+
+---
+
+## Verifying it loaded
+
+Installed plugins appear under **Installed Plugins** in the **Plugin Manager**
+tab. From SSH:
+
+```bash
+sudo journalctl -u ledmatrix -f | grep web-ui-info
+```
+
+You should see the hostname and IP the plugin settled on at startup:
+
+```text
+Web UI Info plugin initialized - Hostname: ledmatrix, IP: 192.168.1.42
+```
+
+---
+
+## Troubleshooting
+
+**The panel says `at localhost:5000`**
+Every IP-detection step failed, which usually means no network interface is
+up. Check `hostname -I` over SSH — if that prints nothing, the plugin has
+nothing to show either.
+
+**The IP on the panel is out of date**
+It is re-read every 30 seconds, but only while the plugin's `update()` runs.
+If the display rotation is long, give it a full cycle before assuming it is
+stuck.
+
+**It always shows `192.168.4.1`**
+That is the AP-mode address, and it is reported whenever `hostapd` is running.
+If the Pi is meant to be on your normal network, `hostapd` is still active:
+`sudo systemctl stop hostapd`.
+
+**Changing `transition.*` does nothing**
+Correct — see [above](#the-transition-settings-do-nothing).
+
+---
 
 ## Notes
 
-- This is a built-in plugin that comes with the LEDMatrix repository
-- No external dependencies required
-- The plugin does not fetch any external data - it only displays the local device information
+- Ships with the LEDMatrix repository; no external dependencies.
+- Makes no network requests. It reads the local hostname and interface
+  addresses only.
+- The images in this README are produced by
+  [`scripts/render_docs_assets.py`](../../scripts/render_docs_assets.py) from
+  [`docs/assets/web-ui-info/shots.json`](../../docs/assets/web-ui-info/shots.json),
+  with the hostname pinned so they render the same on any machine.
+
+## License
 
+GPL-3.0, same as the LEDMatrix project.
diff --git a/plugins/web-ui-info/manager.py b/plugins/web-ui-info/manager.py
index d473bb98..eba0a1a4 100644
--- a/plugins/web-ui-info/manager.py
+++ b/plugins/web-ui-info/manager.py
@@ -13,7 +13,7 @@
 import subprocess
 import time
 from pathlib import Path
-from typing import Dict, Any
+from typing import Any, Dict, List
 from PIL import Image, ImageDraw, ImageFont
 
 from src.plugin_system.base_plugin import BasePlugin
@@ -203,6 +203,33 @@ def update(self) -> None:
                 self.device_ip = new_ip
             self.last_ip_refresh = current_time
     
+    def _fit_address(self, draw, font, width: int, address: str) -> List[str]:
+        """Lay ``address`` out in as few lines as fit ``width`` pixels.
+
+        The 4x6 face is a fixed size, so a long hostname on a narrow panel
+        cannot be shrunk to fit. Drop the "at " prefix first, and only then
+        wrap the address itself -- a wrapped hostname is still readable, while
+        a clipped one is not.
+        """
+        def text_width(text: str) -> int:
+            bbox = draw.textbbox((0, 0), text, font=font)
+            return bbox[2] - bbox[0]
+
+        if text_width(f"at {address}") <= width:
+            return [f"at {address}"]
+        if text_width(address) <= width:
+            return [address]
+
+        lines: List[str] = []
+        remaining = address
+        while remaining:
+            take = len(remaining)
+            while take > 1 and text_width(remaining[:take]) > width:
+                take -= 1
+            lines.append(remaining[:take])
+            remaining = remaining[take:]
+        return lines
+
     def display(self, force_clear: bool = False) -> None:
         """
         Display the web UI URL message.
@@ -263,15 +290,17 @@ def display(self, force_clear: bool = False) -> None:
             else:
                 address = self.device_id
             
-            # Prepare text to display
-            lines = [
-                "visit web ui",
-                f"at {address}:5000"
-            ]
-            
-            # Calculate text positions (centered)
-            y_start = 5
+            # Prepare text to display. PIL clips silently at draw time, so a
+            # line wider than the panel just loses its ends: on a 64x32 panel
+            # "at ledmatrix:5000" used to render as "t ledmatrix:500".
+            lines = ["visit web ui"] + self._fit_address(
+                draw, font_small, width, f"{address}:5000")
+
+            # Centre the block vertically rather than pinning it 5px from the
+            # top, which left the text stranded at the top of a tall panel.
             line_height = 8
+            block_height = (len(lines) - 1) * line_height + 6
+            y_start = max(0, (height - block_height) // 2)
 
             # Draw each line
             for i, line in enumerate(lines):
diff --git a/plugins/web-ui-info/manifest.json b/plugins/web-ui-info/manifest.json
index 19eca646..4dd896ac 100644
--- a/plugins/web-ui-info/manifest.json
+++ b/plugins/web-ui-info/manifest.json
@@ -1,7 +1,7 @@
 {
   "id": "web-ui-info",
   "name": "Web UI Info",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "author": "LEDMatrix",
   "description": "Displays the web UI URL for easy access. Shows 'visit web ui at http://[deviceID]:5000'",
   "entry_point": "manager.py",
@@ -19,6 +19,11 @@
   "update_interval": 300,
   "default_duration": 10,
   "versions": [
+    {
+      "version": "1.1.0",
+      "released": "2026-09-02",
+      "ledmatrix_min": "2.0.0"
+    },
     {
       "version": "1.0.2",
       "released": "2026-07-31",
@@ -35,7 +40,7 @@
       "ledmatrix_min": "2.0.0"
     }
   ],
-  "last_updated": "2026-07-31",
+  "last_updated": "2026-09-02",
   "compatible_versions": [
     ">=2.0.0"
   ]
diff --git a/plugins/web-ui-info/test/harness.json b/plugins/web-ui-info/test/harness.json
index 2684fbed..e623d75d 100644
--- a/plugins/web-ui-info/test/harness.json
+++ b/plugins/web-ui-info/test/harness.json
@@ -1,5 +1,5 @@
 {
-  "_comment": "Harness config for the web-UI info panel. The rendered address line contains the host machine's IP, which differs per machine, so this plugin ships no golden images — the harness still exercises crash/overflow checks on every panel size deterministically enough (layout is fixed; only the digits vary).",
+  "_comment": "Harness config for the web-UI info panel. The rendered address line carries the host machine's own hostname (and, once it rotates, its IP), both of which differ per machine, so this plugin ships no golden images -- the harness still exercises crash and overflow checks on every panel size. Reproducible screenshots live in docs/assets/web-ui-info, where the renderer pins the hostname.",
   "config": {
     "enabled": true
   }
diff --git a/scripts/docs_render_support/sitecustomize.py b/scripts/docs_render_support/sitecustomize.py
index 20844d5e..18300239 100644
--- a/scripts/docs_render_support/sitecustomize.py
+++ b/scripts/docs_render_support/sitecustomize.py
@@ -52,3 +52,14 @@ def today(cls):
     _docs_http_replay.install()
 except Exception:  # never let doc tooling break the render it is measuring
     pass
+
+
+# A plugin that shows the device hostname would otherwise bake whoever ran the
+# renderer into the committed image, and --check would then fail for everyone
+# else. Pinning it keeps the screenshot generic and reproducible.
+_HOSTNAME = os.environ.get("LEDMATRIX_DOCS_HOSTNAME")
+if _HOSTNAME:
+    import socket as _socket
+
+    _socket.gethostname = lambda: _HOSTNAME
+    _socket.getfqdn = lambda *_a: _HOSTNAME
diff --git a/scripts/render_docs_assets.py b/scripts/render_docs_assets.py
index 42a1d93d..f5824922 100644
--- a/scripts/render_docs_assets.py
+++ b/scripts/render_docs_assets.py
@@ -263,12 +263,18 @@ def render_shot(
     # clock, a countdown, or a "starts in 2h" line differs on every run.
     freeze_time = shot.get("freeze_time", defaults.get("freeze_time"))
     http_replay = shot.get("http_replay", defaults.get("http_replay"))
-    if freeze_time or http_replay:
+    # A plugin that prints the device hostname would otherwise bake whoever ran
+    # the renderer into the committed image, and --check would fail for anyone
+    # else. Pinning it keeps the screenshot generic and reproducible.
+    hostname = shot.get("hostname", defaults.get("hostname"))
+    if freeze_time or http_replay or hostname:
         support_dir = str(Path(__file__).resolve().parent / "docs_render_support")
         existing = env.get("PYTHONPATH")
         env["PYTHONPATH"] = f"{support_dir}{os.pathsep}{existing}" if existing else support_dir
     if freeze_time:
         env["LEDMATRIX_DOCS_FREEZE_TIME"] = str(freeze_time)
+    if hostname:
+        env["LEDMATRIX_DOCS_HOSTNAME"] = str(hostname)
     if http_replay:
         replay_path = (shot_list_dir / http_replay).resolve()
         if not replay_path.is_file():