diff --git a/static/index.html b/static/index.html index 3e0f61c..26d6525 100644 --- a/static/index.html +++ b/static/index.html @@ -286,6 +286,86 @@ font-weight: 700; } + .runtimeWakeWordCard { + border-color: rgba(57,212,160,0.22); + background: + linear-gradient(135deg, rgba(57,212,160,0.09), rgba(255,138,42,0.08)), + var(--panel2); + } + + .runtimeWakeWordHeader { + display: flex; + justify-content: space-between; + align-items: flex-start; + gap: 14px; + } + + .runtimeWakeWordTitle { + display: flex; + align-items: flex-start; + gap: 12px; + } + + .runtimeWakeWordBadge { + flex: 0 0 auto; + display: grid; + place-items: center; + min-width: 68px; + height: 32px; + padding: 0 10px; + border-radius: 999px; + border: 1px solid rgba(57,212,160,0.34); + background: rgba(57,212,160,0.1); + color: var(--ok); + font-size: 12px; + font-weight: 800; + } + + .runtimeWakeWordTitle h3 { + margin-bottom: 5px; + } + + .runtimeWakeWordTitle p { + max-width: 760px; + margin-bottom: 0; + font-size: 13px; + } + + .runtimeWakeWordLinks { + display: grid; + gap: 10px; + margin-top: 16px; + } + + .runtimeWakeWordItem { + display: grid; + grid-template-columns: minmax(0, 1fr) auto; + gap: 12px; + align-items: center; + padding: 12px; + border-radius: 14px; + border: 1px solid rgba(255,255,255,0.08); + background: rgba(0,0,0,0.18); + } + + .runtimeWakeWordItem strong { + display: block; + margin-bottom: 4px; + } + + .runtimeWakeWordUrl { + display: block; + overflow: hidden; + color: var(--muted); + font-size: 12px; + text-overflow: ellipsis; + white-space: nowrap; + } + + .runtimeWakeWordItem button { + white-space: nowrap; + } + .firmwareLayout { display: grid; grid-template-columns: 1fr; @@ -1109,6 +1189,17 @@ .firmwareActions button { width: 100%; } + .runtimeWakeWordHeader, + .runtimeWakeWordTitle { + flex-direction: column; + align-items: stretch; + } + .runtimeWakeWordItem { + grid-template-columns: 1fr; + } + .runtimeWakeWordItem button { + width: 100%; + } .studioPanelHeader, .capturedControlPanel { grid-template-columns: 1fr; @@ -1441,6 +1532,23 @@ +
No reflash is needed after training. Copy a trained wake word JSON URL below and paste it into your satellite's Home Assistant microWakeWord Model URL entity.