v1.1.8: instance type column — 3 columns: name | service | status

site/static/app.js

@@ -27,6 +27,7 @@
  */
 let svcInstances=[], selectedInst=null, selectedOp=null, pollTimer=null;
 let currentSvcId=1;  // динамический — обновляется при selectService()
+let currentSvcName='';  // имя текущего сервиса (колонка «тип инстанса»)
 const AUTOTEST_PREFIX='autotest-';
 
 // Первый сервис из списка (рендерится Jinja2)
@@ -45,13 +46,15 @@ async function selectService(svcId){
     const r=await fetch('/api/operations/'+svcId);
     const d=await r.json();
     svcInstances=d.instances||[];
+    currentSvcName=d.svc||'';
 
     let html='';
     svcInstances.forEach(i=>{
         const status=i.status||i.explainedStatus||'?';
         const sc=status==='running'?'badge-success':'';
         html+=`<div class="inst-item" onclick="toggleInstance('${i.instanceUid}')" data-iuid="${i.instanceUid}">
-            <span style="flex:1;">${i.displayName}</span>
+            <span style="display:inline-block;width:220px;">${i.displayName}</span>
+            <span style="display:inline-block;width:160px;color:var(--muted);font-size:11px;">${currentSvcName}</span>
             <span class="badge ${sc}" style="font-size:9px;">${status}</span>
         </div>`;
         html+=`<div class="inst-ops" id="ops-${i.instanceUid}"></div>`;
@@ -316,7 +319,8 @@ async function refreshInstances(){
         const status=i.status||i.explainedStatus||'?';
         const sc=status==='running'?'badge-success':'';
         html+=`<div class="inst-item" onclick="toggleInstance('${i.instanceUid}')" data-iuid="${i.instanceUid}">
-            <span style="flex:1;">${i.displayName}</span>
+            <span style="display:inline-block;width:220px;">${i.displayName}</span>
+            <span style="display:inline-block;width:160px;color:var(--muted);font-size:11px;">${currentSvcName}</span>
             <span class="badge ${sc}" style="font-size:9px;">${status}</span>
         </div>`;
         html+=`<div class="inst-ops" id="ops-${i.instanceUid}"></div>`;