v1.8.4: единая стилистика — замена confirm/alert/prompt на кастомные модалки, SERVICE_STYLE_GUIDE.md, обновлен AGENTS.md

py_service/app/templates/pages/bot_test.html

@@ -31,6 +31,14 @@ body { font-family:'Inter','Segoe UI',sans-serif; background:var(--bg-body, #1B2
 .test-chat-messages::-webkit-scrollbar-track { background:var(--bg-body, #0D1B2A); border-radius:3px; }
 .test-chat-messages::-webkit-scrollbar-thumb { background:var(--border, #253248); border-radius:3px; }
 .test-chat-messages::-webkit-scrollbar-thumb:hover { background:var(--text-muted, #6B8299); }
+.modal-overlay { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
+.modal-overlay.open { display:flex; }
+.modal { background:var(--bg-card, #0A1628); border:1px solid var(--border, #253248); border-radius:12px; padding:24px; width:420px; max-width:90vw; }
+.modal h2 { color:var(--text-primary, #E8EDF2); }
+.modal p { color:var(--text-muted, #6B8299); }
+.modal-actions { display:flex; gap:10px; }
+.btn-danger { background:var(--danger, #dc3545); color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; font-weight:600; }
+.btn { background:var(--bg-input, #253248); color:var(--text-primary, #E8EDF2); border:1px solid var(--border, #3a4a60); padding:8px 16px; border-radius:6px; cursor:pointer; }
 </style>
 <script>
 (function(){function g(){return window.matchMedia('(prefers-color-scheme:light)').matches?'light':'dark'}var s=localStorage.getItem('aegisone_service_theme')||'system',r=s==='system'?g():s;document.documentElement.setAttribute('data-theme',r);})();
@@ -43,7 +51,7 @@ body { font-family:'Inter','Segoe UI',sans-serif; background:var(--bg-body, #1B2
     <button onclick="runScenario('consent_no')">Отказ согласия</button>
     <button onclick="runScenario('question')">Общий вопрос</button>
     <button onclick="clearTest()">Очистить</button>
-    <button onclick="clearTestData()" style="background:var(--danger,#dc3545) !important;border-color:var(--danger,#dc3545) !important;">Сбросить все тестовые данные</button>
+    <button onclick="openConfirmClearTest()" style="background:var(--danger,#dc3545) !important;border-color:var(--danger,#dc3545) !important;">Сбросить все тестовые данные</button>
 </div>
 <div class="test-container">
     <div class="test-chat">
@@ -56,6 +64,21 @@ body { font-family:'Inter','Segoe UI',sans-serif; background:var(--bg-body, #1B2
     </div>
     <div class="test-log" id="test-log"></div>
 </div>
+
+<div class="modal-overlay" id="confirm-clear-test">
+    <div class="modal" style="max-width:420px;">
+        <h2 style="font-size:16px;margin-bottom:8px;">Сбросить тестовые данные?</h2>
+        <p style="color:var(--text-secondary);font-size:14px;margin-bottom:20px;">
+            Удалить все тестовые диалоги, сообщения и логи обработки?
+            Это действие нельзя отменить.
+        </p>
+        <div class="modal-actions" style="justify-content:flex-end;">
+            <button type="button" class="btn btn-danger" onclick="confirmClearTest()">Сбросить</button>
+            <button type="button" class="btn" onclick="closeConfirmClearTest()">Отмена</button>
+        </div>
+    </div>
+</div>
+
 <script>
 var testUserId = 999999001;
 function log(event, detail){
@@ -156,8 +179,14 @@ function clearTest(){
     document.getElementById('test-input').value = '';
     log('info', 'Тест очищен');
 }
-function clearTestData(){
-    if(!confirm('Удалить все тестовые диалоги, сообщения и логи обработки? Это действие нельзя отменить.')) return;
+function openConfirmClearTest(){
+    document.getElementById('confirm-clear-test').classList.add('open');
+}
+function closeConfirmClearTest(){
+    document.getElementById('confirm-clear-test').classList.remove('open');
+}
+function confirmClearTest(){
+    closeConfirmClearTest();
     log('info', 'Очистка тестовых данных...');
     fetch('/api/bot/test/clear', {method: 'POST'}).then(function(r){ return r.json() }).then(function(d){
         if(d && d.ok){