datjan/HomeSpanUI ? reverse-engineered prompt

Build me a simple web app that runs on an ESP32 and lets me turn the board into a HomeKit controller without editing a bunch of code every time. I want to flash it, open its IP address in a browser, enter my WiFi in the setup, and then use the browser UI to add and configure devices, see how they should be wired, and pair the controller with Apple Home using a QR code.

Please support both a single device mode and a bridge mode with up to 8 devices. The UI should make it easy to add common things like dimmable lights, RGB lights, outlets, buttons, doorbells, security sensors, motion sensors, contact sensors, smoke, light, temperature, and humidity sensors. I also want to see live device status in the browser and be able to switch supported devices there even without the Home app.

Include a small activity log with the latest actions, and if possible let those log events go out over MQTT. If anything is unclear, look up the current docs for HomeSpan and Arduino ESP32.