refactor: update web-client files - replace old HTML/JS/CSS with new droidAssist implementation

- Remove old: assist.html, index.html, script.js, styles.css, AI robot.lottie
- Add new: droidAssist.html, droidAssist.css, droidAssist.js, animation.lottie
- Restructure web-client files into html/ directory
This commit is contained in:
2026-05-28 13:19:00 +03:00
parent 8a4686c800
commit 3cc8bb8aef
8 changed files with 702 additions and 1491 deletions
+62
View File
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Droid Assistant</title>
<!-- Стили -->
<link rel="stylesheet" href="droidAssist.css">
</head>
<body>
<div class="particles" id="particles"></div>
<div class="connection-badge">
<div class="status-dot" id="statusDot"></div>
<span id="statusLabel">Отключено</span>
</div>
<div class="assistant-container">
<div class="animation-wrapper idle" id="animationWrapper">
<canvas id="lottie-canvas" width="700" height="700"></canvas>
<div class="loading-overlay" id="loadingOverlay">
<div class="spinner"></div>
</div>
</div>
<div class="status-text" id="statusText">В ОЖИДАНИИ</div>
<div class="volume-container">
<div class="volume-header">
<span>🔊 Громкость</span>
<span class="volume-value" id="volumeValue">80%</span>
</div>
<input type="range" class="volume-slider" id="volumeSlider" min="0" max="100" value="80" step="1">
<div class="volume-buttons">
<button class="vol-btn" id="volDownBtn">🔉 -10%</button>
<button class="vol-btn" id="volUpBtn">🔊 +10%</button>
</div>
</div>
<div class="debug-buttons">
<button class="debug-btn" onclick="goToState('yes')">👍 Yes</button>
<button class="debug-btn" onclick="goToState('thinking')">🤔 Think</button>
<button class="debug-btn" onclick="goToState('alert')">⚠️ Alert</button>
<button class="debug-btn" onclick="goToState('no')">❌ No</button>
<button class="debug-btn" onclick="goToState('jump')">🦘 Jump</button>
<button class="debug-btn" onclick="goToState('idle')">😐 Idle</button>
</div>
<div class="transcript-box">
<div class="transcript-label">💬 Последняя фраза</div>
<div class="transcript-text" id="transcriptText">—</div>
</div>
</div>
<!-- Скрипт как модуль (нужен для импорта DotLottie) -->
<script type="module" src="droidAssist.js"></script>
</body>
</html>