kami
311c5cb1cd
- Rewrote ui.css with design tokens, card/btn/badge/dot components - All pages wrapped in <main class=page> with max-width container - Replaced inline <style> blocks with ui.css classes - passkey page now uses shared nav.site template - PWA voice page unified under shared nav.site (no more separate tab nav) - Inline lang toggle moved from nav to voice page body
41 lines
1.9 KiB
HTML
41 lines
1.9 KiB
HTML
<!doctype html><meta charset=utf-8>
|
|
<meta name=viewport content="width=device-width,initial-scale=1">
|
|
<title>maven · dash</title>
|
|
<link rel=stylesheet href=/ui.css>
|
|
{{template "nav" "dash"}}
|
|
<main class=page>
|
|
<section class=card>
|
|
<h2 class=card-title><span class="dot dot-ok" style="margin-right:.2rem"></span>presence</h2>
|
|
<p><span class={{.Presence.Bucket}}>{{.Presence.Bucket}}</span> — score {{printf "%.2f" .Presence.Score}} <span class=muted>({{ago .Presence.Updated}})</span></p>
|
|
<div class=updated id=updated>обновляется каждые 10с</div>
|
|
</section>
|
|
<section class=card>
|
|
<h2 class=card-title>nudges</h2>
|
|
<div class=scroll><table class=mono id=nudges><tr><th>when<th>rule<th>chan<th>outcome<th>message</tr>
|
|
{{range .Nudges}}<tr><td>{{ago .Ts}}<td>{{.Rule}}<td><span class=badge>{{.Channel}}</span><td class={{.Outcome}}>{{.Outcome}}<td>{{.Message}}</tr>{{end}}
|
|
</table></div>
|
|
</section>
|
|
<section class=card>
|
|
<h2 class=card-title>facts</h2>
|
|
<div class=scroll><table class=mono id=facts><tr><th>when<th>kind<th>key<th>value<th>source<th>conf</tr>
|
|
{{range .Facts}}<tr><td>{{ago .Ts}}<td>{{.Kind}}<td class=key>{{.Key}}<td>{{.Value}}<td>{{.Source}}<td>{{printf "%.2f" .Confidence}}</tr>{{end}}
|
|
</table></div>
|
|
</section>
|
|
<section class=card>
|
|
<h2 class=card-title>notes</h2>
|
|
<div class=scroll><table class=mono id=notes><tr><th>when<th>source<th>text</tr>
|
|
{{range .Notes}}<tr><td>{{ago .Ts}}<td>{{.Source}}<td>{{.Text}}</tr>{{end}}
|
|
</table></div>
|
|
</section>
|
|
</main>
|
|
<script>
|
|
setInterval(() => fetch('/dash').then(r => r.text()).then(html => {
|
|
const p = new DOMParser(), d = p.parseFromString(html, 'text/html');
|
|
for (const id of ['nudges', 'facts', 'notes']) {
|
|
const old = document.getElementById(id), nu = d.getElementById(id);
|
|
if (old && nu) old.replaceWith(nu);
|
|
}
|
|
document.getElementById('updated').textContent = 'обновлено ' + new Date().toLocaleTimeString();
|
|
}), 10000);
|
|
</script>
|