feat: VoiceCoach v2.1 - GPU local, Ollama LLM, settings panel, token server separation

- pipeline.py: switched LLM from OpenClaw/Claude to local Ollama, added settings loading, sentence aggregator, async SpeechBrain, tuned VAD
- main.py: simplified (no more token server thread, just pipeline)
- token_server.py: NEW - standalone token + settings API server
- docker-compose.yml: all services on GPU machine, added token-server service, CUDA speaches, Ollama LLM
- web-client/index.html: added settings panel with sliders
- web-client/app.js: settings management, localStorage persistence, push to server
- web-client/style.css: settings panel styles
- web-client/nginx.conf: proxy to token-server instead of pipecat-agent
- patch_livekit.py: updated with proper indentation-safe patching

web-client/style.css

@@ -86,3 +86,125 @@ h1 { font-size: 24px; font-weight: 600; }
   transition: background 0.2s;
 }
 .mode-btn:hover { background: #1a2744; border-color: #4a6cf7; }
+
+.settings-panel {
+  margin-top: 16px;
+  background: #0d1117;
+  border: 1px solid #333;
+  border-radius: 8px;
+  overflow: hidden;
+}
+.settings-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 12px;
+  background: #161b22;
+  font-size: 12px;
+  font-weight: 600;
+  color: #888;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  cursor: pointer;
+}
+.settings-header:hover { color: #ccc; }
+.settings-body { padding: 12px; }
+.setting-group { margin-bottom: 14px; }
+.setting-group label {
+  display: flex;
+  justify-content: space-between;
+  font-size: 13px;
+  color: #ccc;
+  margin-bottom: 4px;
+}
+.setting-val {
+  color: #4a6cf7;
+  font-weight: 600;
+  font-family: 'SF Mono', monospace;
+}
+.setting-group input[type=range] {
+  width: 100%;
+  height: 6px;
+  -webkit-appearance: none;
+  background: #333;
+  border-radius: 3px;
+  outline: none;
+}
+.setting-group input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: #4a6cf7;
+  cursor: pointer;
+}
+.setting-group select {
+  width: 100%;
+  padding: 6px 8px;
+  background: #16213e;
+  border: 1px solid #333;
+  border-radius: 4px;
+  color: #ccc;
+  font-size: 13px;
+}
+.setting-hint {
+  font-size: 11px;
+  color: #555;
+  margin-top: 2px;
+}
+.btn-small {
+  padding: 8px 16px;
+  font-size: 13px;
+  width: auto;
+  display: inline-block;
+  margin-right: 8px;
+  margin-top: 8px;
+}
+.btn-reset {
+  background: #333;
+  color: #aaa;
+}
+.btn-reset:hover { background: #444; }
+
+.log-panel {
+  margin-top: 16px;
+  background: #0d1117;
+  border: 1px solid #333;
+  border-radius: 8px;
+  overflow: hidden;
+}
+.log-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 6px 12px;
+  background: #161b22;
+  font-size: 12px;
+  font-weight: 600;
+  color: #888;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+.log-clear {
+  background: none;
+  border: 1px solid #444;
+  border-radius: 4px;
+  color: #888;
+  font-size: 11px;
+  padding: 2px 8px;
+  cursor: pointer;
+}
+.log-clear:hover { border-color: #666; color: #ccc; }
+.log-output {
+  padding: 8px 12px;
+  max-height: 200px;
+  overflow-y: auto;
+  font-family: 'SF Mono', 'Fira Code', monospace;
+  font-size: 11px;
+  line-height: 1.6;
+}
+.log-output div { word-break: break-all; }
+.log-time { color: #555; margin-right: 6px; }
+.log-info { color: #8b949e; }
+.log-warn { color: #d29922; }
+.log-error { color: #f85149; }