viberadar 0.3.207 → 0.3.209

package/dist/ui/dashboard.html

@@ -1498,13 +1498,25 @@
     padding: 14px 16px; cursor: pointer; transition: border-color 0.15s, background 0.15s;
   }
   .load-library-card:hover { border-color: var(--blue); background: #1a2a3a22; }
-  .load-library-card-name { font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 4px; }
-  .load-library-card-meta { font-size: 11px; color: var(--muted); margin-bottom: 10px; }
-  .load-library-card-actions { display: flex; gap: 6px; }
-  .load-library-empty {
-    display: flex; flex-direction: column; align-items: center; justify-content: center;
-    padding: 60px 20px; text-align: center; color: var(--dim);
-  }
+  .load-library-card-name { font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 4px; }
+  .load-library-card-meta { font-size: 11px; color: var(--muted); margin-bottom: 10px; }
+  .load-library-card-actions { display: flex; gap: 6px; }
+  .load-run-list { display: flex; flex-direction: column; gap: 6px; }
+  .load-run-item {
+    display: grid; grid-template-columns: 1fr auto auto auto; gap: 10px; align-items: center;
+    background: var(--bg); border: 1px solid var(--border); border-radius: 6px;
+    padding: 8px 10px; cursor: pointer; font-size: 12px;
+  }
+  .load-run-item:hover { border-color: var(--blue); }
+  .load-run-main { min-width: 0; }
+  .load-run-name { color: var(--text); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .load-run-meta { color: var(--muted); font-size: 11px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .load-run-kpi { color: var(--muted); font-size: 11px; white-space: nowrap; text-align: right; }
+  .load-config-hint { font-size: 11px; color: var(--muted); margin-top: 8px; line-height: 1.45; }
+  .load-library-empty {
+    display: flex; flex-direction: column; align-items: center; justify-content: center;
+    padding: 60px 20px; text-align: center; color: var(--dim);
+  }
   /* Editor topbar */
   .load-editor-topbar {
     display: flex; align-items: center; gap: 10px;
@@ -1765,10 +1777,14 @@ let loadK6Available = null;   // null = unchecked, true/false
 let loadK6Version   = '';
 let loadScriptDraft = '';     // editable k6 script
 let loadAiPromptDraft = '';    // AI prompt textarea draft
-let loadAiGenerating  = false; // waiting for agent to produce script
-let loadSavedScripts  = [];    // [{ name, date, script }]
-let loadScriptNameDraft = '';  // save name input draft
-let loadView = 'library';     // 'library' | 'editor'
+let loadAiGenerating  = false; // waiting for agent to produce script
+let loadSavedScripts  = [];    // [{ name, date, script }]
+let loadRuns          = [];    // saved k6 run history
+let loadScriptNameDraft = '';  // save name input draft
+let loadBaseUrlDraft = 'http://localhost:5000';
+let loadVusDraft = 10;
+let loadDurationDraft = '30s';
+let loadView = 'library';     // 'library' | 'editor'
 
 function toggleObsHint(id) {
   document.getElementById(id).classList.toggle('open');
@@ -1859,12 +1875,14 @@ function switchMode(nextMode) {
     clearFeatureHash();
   }
   if (contextMode === 'probe') { loadProbeData(); }
-  if (contextMode === 'load' && loadK6Available === null) { checkK6(); }
-  if (contextMode === 'load') {
-    loadRefreshScripts();
-    // reset to library view when switching to load tab (unless test is running)
-    const isRunning = loadState && loadState.status === 'running';
-    if (!isRunning) loadView = 'library';
+  if (contextMode === 'load' && loadK6Available === null) { checkK6(); }
+  if (contextMode === 'load') {
+    loadRefreshScripts();
+    loadRefreshRuns();
+    loadFetchResults();
+    // reset to library view when switching to load tab (unless test is running)
+    const isRunning = loadState && loadState.status === 'running';
+    if (!isRunning) loadView = 'library';
   }
   setModeRoute(contextMode);
   document.getElementById('searchInput').value = searchQuery;
@@ -3145,8 +3163,9 @@ async function init() {
     setModeRoute(contextMode, true);
     document.getElementById('searchInput').value = searchQuery;
 
-    document.getElementById('loading').style.display = 'none';
-    if (contextMode === 'probe') { await loadProbeData(); }
+    document.getElementById('loading').style.display = 'none';
+    if (contextMode === 'probe') { await loadProbeData(); }
+    if (contextMode === 'load') { await Promise.all([loadRefreshScripts(), loadRefreshRuns(), loadFetchResults(), checkK6()]); }
     renderStats();
     renderSidebar();
     renderContent();
@@ -3313,21 +3332,22 @@ function renderSidebar() {
     const statusLabel = !ls ? '—' : ls.status === 'running' ? 'Запущено' : ls.status === 'done' ? 'Завершено' : ls.status === 'stopped' ? 'Остановлено' : ls.status === 'error' ? 'Ошибка' : '—';
     extra.innerHTML = `
       <div class="sidebar-label">Нагрузочное тестирование</div>
-      <div style="font-size:12px;color:var(--muted);padding:0 6px;line-height:1.45;margin-bottom:12px">
-        k6-сценарии для API и фич. Живые графики, AI-анализ результатов.
-      </div>
-      <div style="padding:0 6px;font-size:12px">
-        <div style="color:var(--dim);margin-bottom:4px">Статус</div>
-        <div style="color:${statusColor};font-weight:600">${statusLabel}</div>
-      </div>
-      ${ls && ls.status !== 'idle' ? `
-        <div style="padding:8px 6px 0;font-size:12px;color:var(--muted)">
-          <div>Запросов: <span style="color:var(--text)">${ls.totalRequests || 0}</span></div>
-          <div>Ошибок: <span style="color:${(ls.totalErrors||0)>0?'var(--red)':'var(--text)'}">${ls.totalErrors || 0}</span></div>
-          ${ls.summary ? `<div>RPS: <span style="color:var(--text)">${(ls.summary.rps||0).toFixed(1)}</span></div>
-          <div>avg: <span style="color:var(--text)">${Math.round(ls.summary.avgDuration||0)}ms</span></div>
-          <div>p90: <span style="color:var(--text)">${Math.round(ls.summary.p90Duration||0)}ms</span></div>` : ''}
-        </div>` : ''}
+      <div style="font-size:12px;color:var(--muted);padding:0 6px;line-height:1.45;margin-bottom:12px">
+        k6-сценарии для API и фич. Живые графики, история запусков, AI-анализ результатов.
+      </div>
+      <div style="padding:0 6px;font-size:12px">
+        <div style="color:var(--dim);margin-bottom:4px">Статус</div>
+        <div style="color:${statusColor};font-weight:600">${statusLabel}</div>
+        <div style="color:var(--dim);margin-top:8px">История: <span style="color:var(--text)">${loadRuns.length}</span></div>
+      </div>
+      ${ls && ls.status !== 'idle' ? `
+        <div style="padding:8px 6px 0;font-size:12px;color:var(--muted)">
+          <div>Запросов: <span style="color:var(--text)">${ls.totalRequests || 0}</span></div>
+          <div>Ошибок: <span style="color:${(ls.totalErrors||0)>0?'var(--red)':'var(--text)'}">${ls.totalErrors || 0}</span></div>
+          ${ls.summary ? `<div>RPS: <span style="color:var(--text)">${(ls.summary.rps||0).toFixed(1)}</span></div>
+          <div>avg: <span style="color:var(--text)">${Math.round(ls.summary.avgDuration||0)}ms</span></div>
+          <div>p95: <span style="color:var(--text)">${Math.round(ls.summary.p95Duration||0)}ms</span></div>` : ''}
+        </div>` : ''}
       ${loadK6Available === false ? `<div style="padding:8px 6px;font-size:11px;color:var(--red)">⚠ k6 не найден.<br>Установите: <code>choco install k6</code></div>` : ''}`;
     return;
   }
@@ -4847,7 +4867,9 @@ function renderObsGlobalDetail(c, filterFeatureKey) {
     const label = isUnmapped ? 'Unmapped' : (bf ? bf.label : filterFeatureKey);
     const color = isUnmapped ? '#e3b341' : (bf ? bf.color : '#484f58');
     const score = bf ? bf.score : null;
-    const featurePromptBtn = `<button class="obs-copy-btn" title="Скопировать единый prompt по наблюдаемости фичи" onclick="event.stopPropagation();obsCopyPrompt('obs-feature-review',{featureKey:'${escapeHtml(filterFeatureKey)}'})">📋 Prompt по фиче</button>`;
+    const featurePromptMeta = `{featureKey:'${escapeHtml(filterFeatureKey)}'}`;
+    const featurePromptBtn = `<button class="obs-copy-btn" title="Скопировать единый prompt по наблюдаемости фичи" onclick="event.stopPropagation();obsCopyPrompt('obs-feature-review',${featurePromptMeta})">📋 Prompt по фиче</button>`;
+    const featureRunBtn = hasAgent ? `<button class="obs-action-btn" title="Запустить единый prompt по наблюдаемости фичи в терминале VibeRadar" onclick="event.stopPropagation();runAgentTask('obs-feature-review',null,null,null,${featurePromptMeta})">🤖 Запустить</button>` : '';
     return `<div class="feature-detail-header">
       <button class="back-btn" onclick="setFeatureDrill(null)">← Все фичи</button>
       <span class="feature-detail-name">
@@ -4856,6 +4878,7 @@ function renderObsGlobalDetail(c, filterFeatureKey) {
       </span>
       ${score != null ? `<span style="font-size:20px;font-weight:700;color:${covColor(score)}">${score}%</span>` : ''}
       ${featurePromptBtn}
+      ${featureRunBtn}
     </div>`;
   })() : '';
 
@@ -7588,19 +7611,19 @@ async function checkK6() {
   }
 }
 
-function buildDefaultScript(cfg) {
-  const baseUrl = cfg.baseUrl || 'http://localhost:5000';
-  const endpoints = (cfg.endpoints || ['/']).filter(Boolean);
-  const endpointLines = endpoints.map(ep =>
-    `  const r = http.get(\`\${BASE_URL}${ep}\`);\n  check(r, { 'status 2xx': (res) => res.status >= 200 && res.status < 300 });`
-  ).join('\n');
-  return `import http from 'k6/http';
-import { check, sleep } from 'k6';
-
-const BASE_URL = '${baseUrl}';
-
-export const options = {
-  vus: ${cfg.vus || 10},
+function buildDefaultScript(cfg) {
+  const baseUrl = cfg.baseUrl || 'http://localhost:5000';
+  const endpoints = (cfg.endpoints || ['/']).filter(Boolean);
+  const endpointLines = endpoints.map(ep =>
+    `  const r = http.get(\`\${BASE_URL}${ep}\`);\n  check(r, { 'status 2xx': (res) => res.status >= 200 && res.status < 300 });`
+  ).join('\n');
+  return `import http from 'k6/http';
+import { check, sleep } from 'k6';
+
+const BASE_URL = __ENV.BASE_URL || '${baseUrl}';
+
+export const options = {
+  vus: ${cfg.vus || 10},
   duration: '${cfg.duration || '30s'}',
   thresholds: {
     http_req_duration: ['p(95)<2000'],
@@ -7622,13 +7645,13 @@ function generateScriptFromFeature(featureKey) {
   const mods = (D.modules || []).filter(m => m.featureKeys && m.featureKeys.includes(featureKey));
   const apiMods = mods.filter(m => m.type === 'service' || (m.name && /api|service|controller|handler/i.test(m.name)));
   const endpoints = apiMods.slice(0, 5).map(m => '/' + m.name.replace(/\.(ts|js)$/, '').replace(/\\/g, '/'));
-  return buildDefaultScript({
-    baseUrl: 'http://localhost:5000',
-    vus: 10,
-    duration: '30s',
-    endpoints: endpoints.length ? endpoints : ['/'],
-  });
-}
+  return buildDefaultScript({
+    baseUrl: loadBaseUrlDraft || 'http://localhost:5000',
+    vus: loadVusDraft || 10,
+    duration: loadDurationDraft || '30s',
+    endpoints: endpoints.length ? endpoints : ['/'],
+  });
+}
 
 function drawLoadCharts() {
   if (!loadBuckets || loadBuckets.length === 0) return;
@@ -7638,7 +7661,7 @@ function drawLoadCharts() {
   drawLoadChart('loadChartVus',     loadBuckets, b => b.vus,                        'var(--yellow)', 'VUs');
 }
 
-function drawLoadChart(id, buckets, valFn, color, label) {
+function drawLoadChart(id, buckets, valFn, color, label) {
   const canvas = document.getElementById(id);
   if (!canvas) return;
   const dpr = window.devicePixelRatio || 1;
@@ -7715,10 +7738,36 @@ function drawLoadChart(id, buckets, valFn, color, label) {
   ctx.fillStyle = 'rgba(125,133,144,0.9)';
   ctx.font = '10px system-ui';
   ctx.textAlign = 'left';
-  ctx.fillText(label, pad.l + 2, H - 4);
-}
-
-function renderLoad(c) {
+  ctx.fillText(label, pad.l + 2, H - 4);
+}
+
+function formatLoadRunDate(ts) {
+  if (!ts) return '—';
+  try { return new Date(ts).toLocaleString(); } catch { return '—'; }
+}
+
+function loadStatusLabel(status) {
+  return status === 'running' ? 'Запущено'
+    : status === 'done' ? 'Завершено'
+    : status === 'stopped' ? 'Остановлено'
+    : status === 'error' ? 'Ошибка'
+    : '—';
+}
+
+function applyLoadConfigToFields(cfg) {
+  if (!cfg) return;
+  loadBaseUrlDraft = cfg.baseUrl || loadBaseUrlDraft;
+  loadVusDraft = cfg.vus || loadVusDraft;
+  loadDurationDraft = cfg.duration || loadDurationDraft;
+  const baseEl = document.getElementById('loadBaseUrl');
+  const vusEl = document.getElementById('loadVus');
+  const durEl = document.getElementById('loadDuration');
+  if (baseEl) baseEl.value = loadBaseUrlDraft;
+  if (vusEl) vusEl.value = loadVusDraft;
+  if (durEl) durEl.value = loadDurationDraft;
+}
+
+function renderLoad(c) {
   const isRunning = loadState && loadState.status === 'running';
   const isDone    = loadState && (loadState.status === 'done' || loadState.status === 'stopped');
   const hasErr    = loadState && loadState.status === 'error';
@@ -7746,17 +7795,31 @@ function renderLoad(c) {
   const view = isRunning ? 'editor' : loadView;
 
   // ─── LIBRARY VIEW ─────────────────────────────────────────────────────────
-  if (view === 'library') {
-    const cards = loadSavedScripts.map(s => `
-      <div class="load-library-card" data-sname="${escapeHtml(s.name)}">
-        <div class="load-library-card-name">${escapeHtml(s.name)}</div>
-        <div class="load-library-card-meta">${escapeHtml(s.date)}</div>
-      </div>`).join('');
-
-    c.innerHTML = `<div class="load-screen">
-      <div class="load-library-header">
-        <div>
-          <div style="font-size:16px;font-weight:600;color:var(--fg)">Нагрузочные тесты</div>
+  if (view === 'library') {
+    const cards = loadSavedScripts.map(s => `
+      <div class="load-library-card" data-sname="${escapeHtml(s.name)}">
+        <div class="load-library-card-name">${escapeHtml(s.name)}</div>
+        <div class="load-library-card-meta">${escapeHtml(s.date)} · ${s.vus || 10} VU · ${escapeHtml(s.duration || '30s')}</div>
+      </div>`).join('');
+    const runRows = loadRuns.slice(0, 12).map(r => {
+      const summary = r.summary || {};
+      const cfg = r.config || {};
+      const err = summary.errorPct != null ? `${Number(summary.errorPct || 0).toFixed(2)}%` : '—';
+      return `<div class="load-run-item" data-run-id="${escapeHtml(r.runId)}">
+        <div class="load-run-main">
+          <div class="load-run-name">${escapeHtml(r.scriptName || 'Без названия')}</div>
+          <div class="load-run-meta">${formatLoadRunDate(r.createdAt || r.startTime)} · ${cfg.vus || '—'} VU · ${escapeHtml(cfg.duration || '—')} · ${loadStatusLabel(r.status)}</div>
+        </div>
+        <div class="load-run-kpi">${summary.rps != null ? Number(summary.rps || 0).toFixed(1) : '—'} RPS</div>
+        <div class="load-run-kpi">p95 ${summary.p95Duration != null ? Math.round(summary.p95Duration || 0) + 'ms' : '—'}</div>
+        <div class="load-run-kpi" style="color:${Number(summary.errorPct || 0) > 5 ? 'var(--red)' : 'var(--muted)'}">${err}</div>
+      </div>`;
+    }).join('');
+
+    c.innerHTML = `<div class="load-screen">
+      <div class="load-library-header">
+        <div>
+          <div style="font-size:16px;font-weight:600;color:var(--fg)">Нагрузочные тесты</div>
           <div style="font-size:12px;color:var(--muted);margin-top:2px">${loadK6Version ? escapeHtml(loadK6Version) : ''} · ${loadSavedScripts.length} сохранённых</div>
         </div>
         <button class="load-btn load-btn-run" style="font-size:13px;padding:8px 20px" onclick="loadNewTest()">＋ Новый тест</button>
@@ -7769,16 +7832,24 @@ function renderLoad(c) {
             <div style="font-size:12px;color:var(--muted);margin-bottom:16px">Создай первый тест — напиши k6 скрипт или сгенерируй через AI</div>
             <button class="load-btn load-btn-run" onclick="loadNewTest()">＋ Создать первый тест</button>
           </div>`
-        : `<div class="load-library-grid">${cards}</div>`
-      }
-    </div>`;
+        : `<div class="load-library-grid">${cards}</div>`
+      }
+
+      <div class="load-section" style="margin:0 20px 20px">
+        <div class="load-section-title">История запусков</div>
+        ${runRows ? `<div class="load-run-list">${runRows}</div>` : '<div style="font-size:12px;color:var(--muted)">Запусков пока нет</div>'}
+      </div>
+    </div>`;
 
     // Attach click handlers via data attribute — avoids quoting issues
-    c.querySelectorAll('.load-library-card[data-sname]').forEach(el => {
-      el.addEventListener('click', () => loadOpenScript(el.dataset.sname));
-    });
-    return;
-  }
+    c.querySelectorAll('.load-library-card[data-sname]').forEach(el => {
+      el.addEventListener('click', () => loadOpenScript(el.dataset.sname));
+    });
+    c.querySelectorAll('.load-run-item[data-run-id]').forEach(el => {
+      el.addEventListener('click', () => loadOpenRun(el.dataset.runId));
+    });
+    return;
+  }
 
   // ─── EDITOR VIEW ──────────────────────────────────────────────────────────
   const features = (D && D.features) || [];
@@ -7786,9 +7857,9 @@ function renderLoad(c) {
     `<option value="${f.key}">${f.label || f.key}</option>`
   ).join('');
 
-  if (!loadScriptDraft) {
-    loadScriptDraft = buildDefaultScript({ baseUrl: 'http://localhost:5000', vus: 10, duration: '30s', endpoints: ['/'] });
-  }
+  if (!loadScriptDraft) {
+    loadScriptDraft = buildDefaultScript({ baseUrl: loadBaseUrlDraft, vus: loadVusDraft, duration: loadDurationDraft, endpoints: ['/'] });
+  }
 
   const statusBadge = !loadState || loadState.status === 'idle' ? '' :
     loadState.status === 'running' ? '<span class="load-status-badge load-status-running">● Запущено</span>' :
@@ -7810,19 +7881,20 @@ function renderLoad(c) {
       <div class="load-section-title">Конфигурация ${loadK6Version ? `<span style="color:var(--dim);font-weight:400">${escapeHtml(loadK6Version)}</span>` : ''}</div>
       <div class="load-config-row">
         <div class="load-config-field" style="flex:1;min-width:200px">
-          <label>Base URL</label>
-          <input id="loadBaseUrl" type="text" value="http://localhost:5000" placeholder="http://localhost:5000" />
-        </div>
-        <div class="load-config-field">
-          <label>VUs</label>
-          <input id="loadVus" type="number" value="10" min="1" max="500" style="width:70px" />
-        </div>
-        <div class="load-config-field">
-          <label>Duration</label>
-          <input id="loadDuration" type="text" value="30s" style="width:70px" placeholder="30s" />
-        </div>
-      </div>
-      <div class="load-config-row" style="margin-top:8px">
+          <label>Base URL</label>
+          <input id="loadBaseUrl" type="text" value="${escapeHtml(loadBaseUrlDraft)}" placeholder="http://localhost:5000" />
+        </div>
+        <div class="load-config-field">
+          <label>VUs</label>
+          <input id="loadVus" type="number" value="${escapeHtml(String(loadVusDraft))}" min="1" max="10000" style="width:80px" />
+        </div>
+        <div class="load-config-field">
+          <label>Duration</label>
+          <input id="loadDuration" type="text" value="${escapeHtml(loadDurationDraft)}" style="width:80px" placeholder="30s" />
+        </div>
+      </div>
+      <div class="load-config-hint">VUs и Duration применяются через CLI k6 и переопределяют значения из <code>export const options</code>. Base URL доступен в скрипте как <code>__ENV.BASE_URL</code>.</div>
+      <div class="load-config-row" style="margin-top:8px">
         <div class="load-config-field" style="flex:1;min-width:300px">
           <label>Bearer Token <span style="color:var(--dim);font-weight:400;font-size:11px">(→ <code style="background:var(--bg2);padding:1px 4px;border-radius:3px">__ENV.TOKEN</code>)</span></label>
           <input id="loadToken" type="password" placeholder="Вставь Bearer-токен (необязательно)" style="font-family:monospace;font-size:12px" oninput="localStorage.setItem('vr_load_token', this.value)" />
@@ -7876,11 +7948,13 @@ function renderLoad(c) {
       <div class="load-summary-grid">
         ${summary.rps != null ? `<div class="load-kpi"><div class="load-kpi-val" style="color:var(--blue)">${(summary.rps||0).toFixed(1)}</div><div class="load-kpi-lbl">RPS</div></div>` : ''}
         ${summary.avgDuration != null ? `<div class="load-kpi"><div class="load-kpi-val">${Math.round(summary.avgDuration||0)}</div><div class="load-kpi-lbl">avg ms</div></div>` : ''}
-        ${summary.p90Duration != null ? `<div class="load-kpi"><div class="load-kpi-val">${Math.round(summary.p90Duration||0)}</div><div class="load-kpi-lbl">p90 ms</div></div>` : ''}
-        ${summary.p95Duration != null ? `<div class="load-kpi"><div class="load-kpi-val">${Math.round(summary.p95Duration||0)}</div><div class="load-kpi-lbl">p95 ms</div></div>` : ''}
-        ${summary.totalRequests != null ? `<div class="load-kpi"><div class="load-kpi-val">${summary.totalRequests||0}</div><div class="load-kpi-lbl">Запросов</div></div>` : ''}
-        ${summary.errorPct != null ? `<div class="load-kpi"><div class="load-kpi-val" style="color:${(summary.errorPct||0)>5?'var(--red)':'var(--green)'}">${(summary.errorPct||0).toFixed(2)}%</div><div class="load-kpi-lbl">Ошибок</div></div>` : ''}
-      </div>
+        ${summary.p90Duration != null ? `<div class="load-kpi"><div class="load-kpi-val">${Math.round(summary.p90Duration||0)}</div><div class="load-kpi-lbl">p90 ms</div></div>` : ''}
+        ${summary.p95Duration != null ? `<div class="load-kpi"><div class="load-kpi-val">${Math.round(summary.p95Duration||0)}</div><div class="load-kpi-lbl">p95 ms</div></div>` : ''}
+        ${summary.p99Duration != null ? `<div class="load-kpi"><div class="load-kpi-val">${Math.round(summary.p99Duration||0)}</div><div class="load-kpi-lbl">p99 ms</div></div>` : ''}
+        ${summary.totalRequests != null ? `<div class="load-kpi"><div class="load-kpi-val">${summary.totalRequests||0}</div><div class="load-kpi-lbl">Запросов</div></div>` : ''}
+        ${summary.errorPct != null ? `<div class="load-kpi"><div class="load-kpi-val" style="color:${(summary.errorPct||0)>5?'var(--red)':'var(--green)'}">${(summary.errorPct||0).toFixed(2)}%</div><div class="load-kpi-lbl">Ошибок</div></div>` : ''}
+        ${summary.checksFailed != null ? `<div class="load-kpi"><div class="load-kpi-val" style="color:${(summary.checksFailed||0)>0?'var(--red)':'var(--green)'}">${summary.checksFailed||0}</div><div class="load-kpi-lbl">check fails</div></div>` : ''}
+      </div>
       <div class="load-btns" style="margin-top:12px">
         <button class="load-btn" style="background:#1a2a3a;border-color:var(--blue);color:var(--blue)" onclick="loadAiAnalysis()">🤖 AI-анализ результатов</button>
       </div>
@@ -7903,9 +7977,15 @@ function renderLoad(c) {
   const savedToken = localStorage.getItem('vr_load_token');
   if (savedToken) { const el = document.getElementById('loadToken'); if (el) el.value = savedToken; }
 
-  // Sync textarea with draft
-  const ta = document.getElementById('loadScriptEditor');
-  if (ta) { ta.addEventListener('input', () => { loadScriptDraft = ta.value; }); }
+  // Sync textarea with draft
+  const ta = document.getElementById('loadScriptEditor');
+  if (ta) { ta.addEventListener('input', () => { loadScriptDraft = ta.value; }); }
+  const baseInput = document.getElementById('loadBaseUrl');
+  const vusInput = document.getElementById('loadVus');
+  const durationInput = document.getElementById('loadDuration');
+  if (baseInput) baseInput.addEventListener('input', () => { loadBaseUrlDraft = baseInput.value || 'http://localhost:5000'; });
+  if (vusInput) vusInput.addEventListener('input', () => { loadVusDraft = parseInt(vusInput.value || '10', 10) || 10; });
+  if (durationInput) durationInput.addEventListener('input', () => { loadDurationDraft = durationInput.value || '30s'; });
 
   // Feature selector auto-generates script
   const featSel = document.getElementById('loadFeature');
@@ -7935,14 +8015,17 @@ function loadNewTest() {
   renderContent();
 }
 
-function loadOpenScript(name) {
-  const s = loadSavedScripts.find(x => x.name === name);
-  if (!s) return;
-  loadScriptDraft = s.script;
-  loadScriptNameDraft = s.name;
-  loadView = 'editor';
-  renderContent();
-}
+function loadOpenScript(name) {
+  const s = loadSavedScripts.find(x => x.name === name);
+  if (!s) return;
+  loadScriptDraft = s.script;
+  loadScriptNameDraft = s.name;
+  if (s.baseUrl) loadBaseUrlDraft = s.baseUrl;
+  if (s.vus) loadVusDraft = s.vus;
+  if (s.duration) loadDurationDraft = s.duration;
+  loadView = 'editor';
+  renderContent();
+}
 
 function loadGenerateScript() {
   const baseUrl  = document.getElementById('loadBaseUrl')?.value || 'http://localhost:5000';
@@ -7960,23 +8043,31 @@ function loadGenerateScript() {
   if (ta) ta.value = script;
 }
 
-async function runLoadTest() {
-  const ta = document.getElementById('loadScriptEditor');
-  const script = ta ? ta.value : loadScriptDraft;
-  if (!script.trim()) { alert('Скрипт пустой — сначала сгенерируйте или напишите k6-скрипт'); return; }
-
-  loadLogLines = [];
-  loadBuckets  = [];
+async function runLoadTest() {
+  const ta = document.getElementById('loadScriptEditor');
+  const script = ta ? ta.value : loadScriptDraft;
+  if (!script.trim()) { alert('Скрипт пустой — сначала сгенерируйте или напишите k6-скрипт'); return; }
+  const baseUrl = (document.getElementById('loadBaseUrl')?.value || loadBaseUrlDraft || 'http://localhost:5000').trim();
+  const vus = parseInt(document.getElementById('loadVus')?.value || String(loadVusDraft || 10), 10) || 10;
+  const duration = (document.getElementById('loadDuration')?.value || loadDurationDraft || '30s').trim();
+  const scriptName = (document.getElementById('loadScriptName')?.value || loadScriptNameDraft || 'Новый тест').trim();
+  loadBaseUrlDraft = baseUrl;
+  loadVusDraft = vus;
+  loadDurationDraft = duration;
+  loadScriptNameDraft = scriptName;
+
+  loadLogLines = [];
+  loadBuckets  = [];
 
   try {
     const tokenVal = (document.getElementById('loadToken')?.value || localStorage.getItem('vr_load_token') || '').trim();
     const envVars = tokenVal ? { TOKEN: tokenVal } : {};
 
-    const r = await fetch('/api/load/run', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ script, envVars }),
-    });
+    const r = await fetch('/api/load/run', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ script, vus, duration, baseUrl, scriptName, envVars }),
+    });
     const d = await r.json();
     if (!r.ok) { alert('Ошибка запуска: ' + (d.error || r.status)); return; }
   } catch (e) {
@@ -8053,15 +8144,16 @@ ${featureList || '(нет данных)'}
 - посмотри на метод, путь, body, заголовки
 - найди нужные ID, ключи, форматы данных из реального кода или конфигов
 
-**Шаг 2 — составь k6 скрипт.**
-Требования:
-1. Валидный JavaScript для k6 (import from 'k6/http', 'k6', 'k6/data')
-2. \`export const options = { vus: ${vus}, duration: '${duration}', thresholds: {...} }\`
-3. \`export default function() { ... }\` с проверками \`check()\`
-4. Если нужна авторизация — добавь заголовок Authorization (Bearer-токен как переменную __ENV.TOKEN)
-5. Если нужна загрузка файла — используй \`http.file()\` и \`open()\`
-6. Добавь \`sleep(1)\` между запросами
-7. Добавь комментарий в начале: что тестируется и какой эндпоинт
+**Шаг 2 — составь k6 скрипт.**
+Требования:
+1. Валидный JavaScript для k6 (import from 'k6/http', 'k6', 'k6/data')
+2. VUs и duration задаёт VibeRadar через CLI, поэтому не хардкодь нагрузку как единственный источник истины; если добавляешь \`export const options\`, оставь там только thresholds/summaryTrendStats или безопасные дефолты
+3. \`export default function() { ... }\` с проверками \`check()\`
+4. Base URL бери из \`__ENV.BASE_URL || '${baseUrl}'\`
+5. Если нужна авторизация — добавь заголовок Authorization (Bearer-токен как переменную __ENV.TOKEN)
+6. Если нужна загрузка файла — используй \`http.file()\` и \`open()\`
+7. Добавь \`sleep(1)\` между запросами
+8. Добавь комментарий в начале: что тестируется и какой эндпоинт
 
 **Шаг 3 — сохрани ТОЛЬКО скрипт в файл.**
 Запиши итоговый JavaScript-код в файл: \`.viberadar/load-script-generated.js\`
@@ -8113,7 +8205,7 @@ async function loadFetchAiScript() {
   return false;
 }
 
-async function loadRefreshScripts() {
+async function loadRefreshScripts() {
   try {
     const r = await fetch('/api/load/scripts');
     if (!r.ok) return;
@@ -8121,22 +8213,67 @@ async function loadRefreshScripts() {
     // Only re-render if we're on load tab in library view (don't disrupt editor)
     if (contextMode === 'load' && loadView === 'library') renderContent();
   } catch {}
-}
-
-async function loadSaveScript() {
+}
+
+async function loadRefreshRuns() {
+  try {
+    const r = await fetch('/api/load/runs');
+    if (!r.ok) return;
+    loadRuns = await r.json();
+    if (contextMode === 'load' && loadView === 'library') renderContent();
+  } catch {}
+}
+
+async function loadFetchResults() {
+  try {
+    const r = await fetch('/api/load/results');
+    if (!r.ok) return;
+    const d = await r.json();
+    if (d && d.status && d.status !== 'idle') {
+      loadState = d;
+      loadBuckets = d.buckets || [];
+      loadLogLines = d.logs || [];
+      if (d.config) applyLoadConfigToFields(d.config);
+    }
+  } catch {}
+}
+
+async function loadOpenRun(runId) {
+  try {
+    const r = await fetch('/api/load/runs/' + encodeURIComponent(runId));
+    if (!r.ok) return;
+    const d = await r.json();
+    loadState = d;
+    loadBuckets = d.buckets || [];
+    loadLogLines = d.logs || [];
+    loadScriptDraft = d.script || '';
+    loadScriptNameDraft = d.config?.scriptName || d.scriptName || '';
+    if (d.config) applyLoadConfigToFields(d.config);
+    loadView = 'editor';
+    renderContent();
+  } catch {}
+}
+
+async function loadSaveScript() {
   const nameEl = document.getElementById('loadScriptName');
   const name = (nameEl ? nameEl.value : loadScriptNameDraft).trim();
   if (!name) { alert('Введи название скрипта'); nameEl && nameEl.focus(); return; }
-  const taEl = document.getElementById('loadScriptEditor');
-  const script = taEl ? taEl.value : loadScriptDraft;
-  if (!script.trim()) { alert('Скрипт пустой'); return; }
-  loadScriptNameDraft = name;
-  try {
-    const r = await fetch('/api/load/scripts', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ name, script }),
-    });
+  const taEl = document.getElementById('loadScriptEditor');
+  const script = taEl ? taEl.value : loadScriptDraft;
+  if (!script.trim()) { alert('Скрипт пустой'); return; }
+  const baseUrl = (document.getElementById('loadBaseUrl')?.value || loadBaseUrlDraft || 'http://localhost:5000').trim();
+  const vus = parseInt(document.getElementById('loadVus')?.value || String(loadVusDraft || 10), 10) || 10;
+  const duration = (document.getElementById('loadDuration')?.value || loadDurationDraft || '30s').trim();
+  loadScriptNameDraft = name;
+  loadBaseUrlDraft = baseUrl;
+  loadVusDraft = vus;
+  loadDurationDraft = duration;
+  try {
+    const r = await fetch('/api/load/scripts', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ name, script, baseUrl, vus, duration }),
+    });
     if (!r.ok) { const d = await r.json().catch(() => ({})); alert('Ошибка: ' + (d.error || r.status)); return; }
     await loadRefreshScripts();
     // flash save button
@@ -8145,16 +8282,20 @@ async function loadSaveScript() {
   } catch (e) { alert('Ошибка: ' + e.message); }
 }
 
-async function loadLoadScript(name) {
+async function loadLoadScript(name) {
   const s = loadSavedScripts.find(x => x.name === name);
   if (!s) return;
-  loadScriptDraft = s.script;
-  loadScriptNameDraft = s.name;
-  const ta = document.getElementById('loadScriptEditor');
-  if (ta) { ta.value = s.script; ta.style.borderColor = 'var(--blue)'; setTimeout(() => { ta.style.borderColor = ''; }, 1500); }
-  const nameEl = document.getElementById('loadScriptName');
-  if (nameEl) nameEl.value = s.name;
-}
+  loadScriptDraft = s.script;
+  loadScriptNameDraft = s.name;
+  if (s.baseUrl) loadBaseUrlDraft = s.baseUrl;
+  if (s.vus) loadVusDraft = s.vus;
+  if (s.duration) loadDurationDraft = s.duration;
+  const ta = document.getElementById('loadScriptEditor');
+  if (ta) { ta.value = s.script; ta.style.borderColor = 'var(--blue)'; setTimeout(() => { ta.style.borderColor = ''; }, 1500); }
+  const nameEl = document.getElementById('loadScriptName');
+  if (nameEl) nameEl.value = s.name;
+  applyLoadConfigToFields(s);
+}
 
 async function loadDeleteScript(name) {
   if (!confirm(`Удалить скрипт «${name}»?`)) return;
@@ -8475,13 +8616,14 @@ function connectSSE() {
   });
 
   // ── Load test SSE events ────────────────────────────────────────────────────
-  es.addEventListener('load-started', (e) => {
-    const { config } = JSON.parse(e.data);
-    loadState = { status: 'running', startTime: Date.now(), buckets: [], totalRequests: 0, totalErrors: 0, logs: [], script: config?.script || '', config, summary: null };
-    loadBuckets = [];
-    loadLogLines = [];
-    if (contextMode === 'load') { renderSidebar(); renderContent(); }
-  });
+  es.addEventListener('load-started', (e) => {
+    const { runId, config } = JSON.parse(e.data);
+    loadState = { runId, status: 'running', startTime: Date.now(), buckets: [], totalRequests: 0, totalErrors: 0, logs: [], script: loadScriptDraft || '', config, summary: null };
+    loadBuckets = [];
+    loadLogLines = [];
+    if (config) applyLoadConfigToFields(config);
+    if (contextMode === 'load') { renderSidebar(); renderContent(); }
+  });
 
   es.addEventListener('load-log', (e) => {
     const { line } = JSON.parse(e.data);
@@ -8499,18 +8641,20 @@ function connectSSE() {
     }
   });
 
-  es.addEventListener('load-progress', (e) => {
-    const { buckets, total, errors } = JSON.parse(e.data);
-    loadBuckets = buckets || [];
-    if (loadState) { loadState.totalRequests = total || 0; loadState.totalErrors = errors || 0; }
-    if (contextMode === 'load') { drawLoadCharts(); renderSidebar(); }
-  });
-
-  es.addEventListener('load-done', (e) => {
-    const { status, summary } = JSON.parse(e.data);
-    if (loadState) { loadState.status = status; loadState.summary = summary || null; loadState.endTime = Date.now(); }
-    if (contextMode === 'load') { renderSidebar(); renderContent(); }
-  });
+  es.addEventListener('load-progress', (e) => {
+    const { buckets, total, errors } = JSON.parse(e.data);
+    loadBuckets = buckets || [];
+    if (loadState) loadState.buckets = loadBuckets;
+    if (loadState) { loadState.totalRequests = total || 0; loadState.totalErrors = errors || 0; }
+    if (contextMode === 'load') { drawLoadCharts(); renderSidebar(); }
+  });
+
+  es.addEventListener('load-done', (e) => {
+    const { status, summary } = JSON.parse(e.data);
+    if (loadState) { loadState.status = status; loadState.summary = summary || null; loadState.endTime = Date.now(); }
+    loadRefreshRuns();
+    if (contextMode === 'load') { renderSidebar(); renderContent(); }
+  });
 
   es.addEventListener('probe-run-started', (e) => {
     const payload = JSON.parse(e.data || '{}');