mavweb: add a command cheatsheet to the voice page

Temporary reference while testing utterances: a collapsible <details> panel
(native, no JS) listing the six router intents (act/reminder/fact/note/query/
system) with real example phrasings pulled from models/seeds, RU-first since
the voice lang is ru.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
kami
2026-07-04 00:05:16 +04:00
parent 2740c2f685
commit 88fb4912c4
+19
View File
@@ -32,6 +32,14 @@ h1{font-size:1.2rem;font-weight:400;color:#888;letter-spacing:.1em;text-transfor
#log .push{color:#88f}
#dash-frame{width:100%;flex:1;border:none;background:#111;min-height:0}
/* cheatsheet — temporary reference while testing command lines */
#cheat{width:100%;max-width:480px;font-size:.8rem;border-top:1px solid #222;color:#888}
#cheat summary{cursor:pointer;padding:.5rem 0;color:#00aaff;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;user-select:none}
#cheat dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;padding:.25rem 0 .5rem}
#cheat dt{color:#00ff88;font-weight:600;white-space:nowrap}
#cheat dd{color:#aaa;line-height:1.5}
#cheat dd span{color:#555}
</style>
</head>
<body>
@@ -44,6 +52,17 @@ h1{font-size:1.2rem;font-weight:400;color:#888;letter-spacing:.1em;text-transfor
<div id="status">tap &amp; hold to speak</div>
<button id="btn" type="button">&#x1f399;</button>
<div id="log"></div>
<details id="cheat">
<summary>Cheatsheet · шпаргалка</summary>
<dl>
<dt>Act</dt><dd>включи свет · сделай громче · <span>restart nginx</span></dd>
<dt>Reminder</dt><dd>напомни через 4 часа размяться · <span>remind me tomorrow at 8am to call the doctor</span></dd>
<dt>Fact</dt><dd>выпил кофе · вес 73 кг · <span>ran 3 kilometers</span></dd>
<dt>Note</dt><dd>запиши рецепт блинов · <span>note: add a backup job for the db</span></dd>
<dt>Query</dt><dd>какой сегодня день · какой прогноз погоды · <span>what version are you</span></dd>
<dt>System</dt><dd>включи тихий режим · как загрузка системы</dd>
</dl>
</details>
</div>
<div id="tab-dash" class="tab">
<iframe id="dash-frame" src="/dash"></iframe>