Diario de guerra

Componentes de diseño

• Plantilla base de artículo — jerarquía, tabla de contenidos, código, tablas y pie listos para reutilizar en las próximas guías.
• Bloque de código/YAML/terminal copiable — botón de copiar, badge de ruta y versión, scroll horizontal en móvil. Pieza 2 del backlog de diseño.
• Tablas responsivas de datos — scroll horizontal en móvil, caption accesible y semáforo de rangos LQI/RSSI. Pieza 3 del backlog de diseño.
• SVG de topología de red local — router, switch, AP, coordinador de malla, dispositivos ESPHome, NAS y altavoces de red. Pieza 4 del backlog de diseño.
• SVG de flujo de automatización — trigger, condición, acción y ramas choose/wait/repeat/else, con YAML de ejemplo al lado. Pieza 5 del backlog de diseño.
• SVG de mapa de malla Zigbee/Z-Wave — nodos, rutas, LQI y RSSI listos para reutilizar en diagnósticos de red. Pieza 6 del backlog de diseño.
• SVG de series temporales de sensores y energía — eje de tiempo, unidad, bandas de umbral y rango realista para reutilizar en ambientales, energía y audio. Pieza 7 del backlog de diseño.
• SVG de cadena de señal de audio en red — fuente, núcleo Roon/Plexamp, endpoint, DAC y amplificador con transporte, códec y sample rate por tramo. Pieza 8 del backlog de diseño.
• Plantilla de entrada del diario — coste real, versiones verificadas, fallo encontrado y decisión, para que cada entrada del /log sea comparable. Pieza 9 del backlog de diseño.