v1.0.96: history UI — collapsible table below instances, auto-refresh on finish

site/static/app.js

@@ -267,6 +267,7 @@ async function executeOp(params){
                 if(sd.status==='OK'){
                     await refreshInstances();
                 }
+                if(historyOpen) await loadHistory();
             }
         },2000);
     }catch(e){
@@ -311,6 +312,39 @@ async function refreshInstances(){
     document.getElementById('inst-list').innerHTML=html;
 }
 
+// === История тестов ===
+let historyOpen=false;
+async function toggleHistory(){
+    const body=document.getElementById('history-body');
+    historyOpen=!historyOpen;
+    body.style.display=historyOpen?'block':'none';
+    if(historyOpen) await loadHistory();
+}
+async function loadHistory(){
+    const body=document.getElementById('history-body');
+    if(!body||body.style.display==='none') return;
+    try{
+        const r=await fetch('/api/history');
+        const rows=await r.json();
+        if(!rows||!rows.length){body.innerHTML='<span style="color:var(--muted);font-size:11px;">Нет записей</span>'; return;}
+        let html='<table style="width:100%;font-size:11px;">';
+        html+='<tr><th style="padding:2px 6px;">Время</th><th style="padding:2px 6px;">Операция</th><th style="padding:2px 6px;">Инстанс</th><th style="padding:2px 6px;">Статус</th><th style="padding:2px 6px;">Длит.</th></tr>';
+        rows.forEach(r=>{
+            const time=r.created_at?r.created_at.replace('T',' ').substring(0,19):'?';
+            const cls=r.status==='OK'?'badge-success':'';
+            html+=`<tr>
+                <td style="padding:2px 6px;">${time}</td>
+                <td style="padding:2px 6px;">${r.op_name||'?'}</td>
+                <td style="padding:2px 6px;">${r.display_name||r.instance_uid||'?'}</td>
+                <td style="padding:2px 6px;"><span class="badge ${cls}" style="font-size:9px;">${r.status||'?'}</span></td>
+                <td style="padding:2px 6px;">${r.duration_sec!=null?r.duration_sec.toFixed(1)+'s':'-'}</td>
+            </tr>`;
+        });
+        html+='</table>';
+        body.innerHTML=html;
+    }catch(e){body.innerHTML='<span style="color:var(--destructive);font-size:11px;">Ошибка загрузки</span>';}
+}
+
 // === Панель логов (скрыта, показывается по кнопке) ===
 let logPollTimer=null;
 function startLogPoll(){