dschlueter/my_voice_assistant_v2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat(admin): Phase 3 — Laufzeit-Konfiguration ohne Server-Neustart

Browse source 
Neue Tabelle config_overrides in SQLite; RuntimeSettings-Wrapper liest
überschreibbare Felder mit 30s TTL-Cache aus der DB und fällt auf
.env-Werte zurück. dependencies.py und quota.py nutzen runtime_settings
als Default statt des statischen Settings-Singletons.

16 Felder überschreibbar: STT/LLM/TTS-Provider, LLM-Modelle, Stimmen,
Systemprompt, Temperatur, Tageskontingent, Normalisierung u.a.

Backend: GET/PUT/DELETE /api/admin/config/{key}
Admin-UI: neuer Tab "⚙ Einstellungen" mit Inline-Edit und Reset.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Dieter Schlüter 2026-06-19 01:39:36 +02:00
commit 5d022aaf63
7 changed files with 285 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

73
app/web/app.js
View file

@ -385,6 +385,7 @@ function switchAdminTab(name) {
if (name === "metrics") loadMetrics();
if (name === "words") loadWoerterbuch();
if (name === "log") { /* User muss manuell verbinden */ }
if (name === "settings") loadSettings();
}
document.querySelectorAll(".admin-tab").forEach((btn) =>
@ -968,3 +969,75 @@ function disconnectLog() {
$("#log-connect").addEventListener("click", connectLog);
$("#log-disconnect").addEventListener("click", disconnectLog);
$("#log-clear").addEventListener("click", () => { $("#log-output").innerHTML = ""; });
// ════════════════════════════════════════
// TAB: EINSTELLUNGEN
// ════════════════════════════════════════
async function loadSettings() {
const container = $("#settings-content");
container.innerHTML = '<p class="text-sm text-slate-400">lade …</p>';
const data = await adminFetch("/api/admin/config");
if (!data) { container.innerHTML = '<p class="text-sm text-red-500">Fehler beim Laden.</p>'; return; }
container.innerHTML = "";
data.forEach((item) => container.appendChild(buildSettingRow(item)));
}
function buildSettingRow(item) {
const wrap = document.createElement("div");
const overridden = item.is_overridden;
wrap.className = "bg-white dark:bg-slate-800 rounded-xl border " +
(overridden
? "border-amber-300 dark:border-amber-600"
: "border-slate-200 dark:border-slate-700") +
" p-4";
const inputId = "cfg-" + item.key;
const isLong = item.type === "str" && item.base_value.length > 60;
wrap.innerHTML = `
<div class="flex items-start justify-between gap-3 mb-2 flex-wrap">
<div>
<label for="${inputId}" class="font-medium text-sm">${escHtml(item.label)}</label>
<span class="ml-2 text-xs font-mono text-slate-400">${escHtml(item.key)}</span>
${overridden ? '<span class="ml-2 text-xs rounded-full bg-amber-100 dark:bg-amber-900/40 text-amber-700 dark:text-amber-300 px-2 py-0.5">überschrieben</span>' : ""}
</div>
${overridden ? `<button class="reset-btn text-xs text-red-500 hover:text-red-700 dark:hover:text-red-400 transition-colors whitespace-nowrap">↩ Zurücksetzen</button>` : ""}
</div>
<div class="flex gap-2 items-end flex-wrap">
${isLong
? `<textarea id="${inputId}" rows="3"
class="flex-1 min-w-0 rounded-lg border border-slate-300 dark:border-slate-600 bg-transparent px-3 py-2 text-xs font-mono focus:outline-none focus:ring-2 focus:ring-blue-500 resize-y"
>${escHtml(item.effective_value)}</textarea>`
: `<input id="${inputId}" type="text" value="${escHtml(item.effective_value)}"
class="flex-1 min-w-0 rounded-lg border border-slate-300 dark:border-slate-600 bg-transparent px-3 py-2 text-xs font-mono focus:outline-none focus:ring-2 focus:ring-blue-500" />`
}
<button class="save-btn rounded-lg bg-blue-600 hover:bg-blue-700 text-white text-xs px-3 py-2 font-medium transition-colors whitespace-nowrap">Speichern</button>
</div>
<p class="text-xs text-slate-400 mt-1.5">
<span class="font-medium">.env:</span> <span class="font-mono">${escHtml(item.base_value) || "—"}</span>
<span class="ml-3 text-slate-300 dark:text-slate-600">·</span>
<span class="ml-2">${escHtml(item.hint)}</span>
</p>
`;
const inp = wrap.querySelector(`#${inputId}`);
wrap.querySelector(".save-btn").addEventListener("click", async () => {
const val = inp.value ?? inp.textContent ?? "";
const res = await adminFetch(`/api/admin/config/${item.key}`, "PUT", { value: val });
if (res !== null) loadSettings();
});
const resetBtn = wrap.querySelector(".reset-btn");
if (resetBtn) {
resetBtn.addEventListener("click", async () => {
if (!confirm(`Override für „${item.label}" entfernen?\nDer .env-Wert gilt danach wieder.`)) return;
const res = await adminFetch(`/api/admin/config/${item.key}`, "DELETE");
if (res !== null) loadSettings();
});
}
return wrap;
}
$("#load-settings").addEventListener("click", loadSettings);