viberadar 0.3.215 → 0.3.216

package/dist/ui/dashboard.html

@@ -7845,11 +7845,12 @@ function applyLoadImport(raw, sourceName) {
 }
 
 function loadImportConfigClick() {
-  const input = document.getElementById('loadConfigImportFile');
-  if (input) {
-    input.value = '';
-    input.click();
-  }
+  openLoadImportConfigModal();
+}
+
+function readLoadImportConfigText(text, sourceName) {
+  const raw = JSON.parse(String(text || '{}'));
+  applyLoadImport(raw, sourceName);
 }
 
 function loadImportConfigFile(input) {
@@ -7858,8 +7859,9 @@ function loadImportConfigFile(input) {
   const reader = new FileReader();
   reader.onload = () => {
     try {
-      const raw = JSON.parse(String(reader.result || '{}'));
-      applyLoadImport(raw, file.name);
+      readLoadImportConfigText(reader.result || '{}', file.name);
+      const overlay = document.getElementById('loadImportConfigOverlay');
+      if (overlay) overlay.remove();
     } catch (e) {
       alert('Конфиг не импортирован: ' + e.message);
     }
@@ -7868,6 +7870,88 @@ function loadImportConfigFile(input) {
   reader.readAsText(file);
 }
 
+function openLoadImportConfigModal() {
+  let overlay = document.getElementById('loadImportConfigOverlay');
+  if (overlay) overlay.remove();
+  overlay = document.createElement('div');
+  overlay.id = 'loadImportConfigOverlay';
+  overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.62);display:flex;align-items:center;justify-content:center;z-index:9999;padding:18px';
+  overlay.innerHTML = `
+    <div style="background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:18px;width:720px;max-width:96vw;max-height:92vh;overflow:auto">
+      <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px">
+        <div>
+          <div style="font-size:15px;font-weight:600;color:var(--text)">Импорт k6 конфига</div>
+          <div style="font-size:12px;color:var(--muted);margin-top:3px">Вставь JSON из буфера или выбери файл. После импорта поля можно править вручную.</div>
+        </div>
+        <button id="loadImportClose" class="load-btn" style="padding:4px 9px">Закрыть</button>
+      </div>
+      <textarea id="loadImportConfigText" spellcheck="false" placeholder='{"name":"auth-browse","baseUrl":"https://demo.unica.hopper-it.ru","vus":10,"duration":"2m","accounts":[{"email":"user@example.com","password":"pass"}],"script":"import http from ..."}' style="width:100%;min-height:260px;resize:vertical;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45;padding:10px;outline:none"></textarea>
+      <div id="loadImportStatus" style="min-height:18px;margin-top:8px;font-size:12px;color:var(--muted)">JSON пока не вставлен</div>
+      <div style="display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:14px;flex-wrap:wrap">
+        <div>
+          <input id="loadConfigImportFile" type="file" accept=".json,application/json" style="display:none" onchange="loadImportConfigFile(this)" />
+          <button class="load-btn" id="loadImportFileBtn">Выбрать JSON-файл</button>
+        </div>
+        <div style="display:flex;gap:8px">
+          <button class="load-btn" id="loadImportCancel">Отмена</button>
+          <button class="load-btn load-btn-run" id="loadImportApply" disabled>Импорт</button>
+        </div>
+      </div>
+    </div>`;
+  document.body.appendChild(overlay);
+
+  const textEl = overlay.querySelector('#loadImportConfigText');
+  const statusEl = overlay.querySelector('#loadImportStatus');
+  const applyBtn = overlay.querySelector('#loadImportApply');
+  const close = () => overlay.remove();
+  const validate = () => {
+    const text = textEl.value.trim();
+    if (!text) {
+      statusEl.textContent = 'JSON пока не вставлен';
+      statusEl.style.color = 'var(--muted)';
+      applyBtn.disabled = true;
+      return;
+    }
+    try {
+      const raw = JSON.parse(text);
+      const imported = normalizeLoadImport(raw, 'clipboard');
+      const parts = [];
+      if (imported.scriptName) parts.push(imported.scriptName);
+      if (imported.baseUrl) parts.push(imported.baseUrl);
+      if (imported.vus) parts.push(`${imported.vus} VUs`);
+      if (imported.duration) parts.push(imported.duration);
+      statusEl.textContent = `JSON валидный${parts.length ? ': ' + parts.join(' · ') : ''}`;
+      statusEl.style.color = 'var(--green)';
+      applyBtn.disabled = false;
+    } catch (e) {
+      statusEl.textContent = 'JSON невалидный: ' + e.message;
+      statusEl.style.color = 'var(--red)';
+      applyBtn.disabled = true;
+    }
+  };
+
+  overlay.addEventListener('click', e => { if (e.target === overlay) close(); });
+  overlay.querySelector('#loadImportClose').addEventListener('click', close);
+  overlay.querySelector('#loadImportCancel').addEventListener('click', close);
+  overlay.querySelector('#loadImportFileBtn').addEventListener('click', () => {
+    const input = overlay.querySelector('#loadConfigImportFile');
+    input.value = '';
+    input.click();
+  });
+  textEl.addEventListener('input', validate);
+  applyBtn.addEventListener('click', () => {
+    try {
+      readLoadImportConfigText(textEl.value, 'clipboard');
+      close();
+    } catch (e) {
+      statusEl.textContent = 'Конфиг не импортирован: ' + e.message;
+      statusEl.style.color = 'var(--red)';
+      applyBtn.disabled = true;
+    }
+  });
+  setTimeout(() => textEl.focus(), 0);
+}
+
 function renderLoad(c) {
   const isRunning = loadState && loadState.status === 'running';
   const isDone    = loadState && (loadState.status === 'done' || loadState.status === 'stopped');
@@ -7928,9 +8012,8 @@ function renderLoad(c) {
           <button class="load-btn load-btn-run" style="font-size:13px;padding:8px 20px" onclick="loadNewTest()">＋ Новый тест</button>
         </div>
       </div>
-      <input id="loadConfigImportFile" type="file" accept=".json,application/json" style="display:none" onchange="loadImportConfigFile(this)" />
-
-      ${loadSavedScripts.length === 0
+
+      ${loadSavedScripts.length === 0
         ? `<div class="load-library-empty">
             <div style="font-size:32px;margin-bottom:12px">📋</div>
             <div style="font-size:14px;font-weight:500;margin-bottom:6px">Нет сохранённых тестов</div>
@@ -7980,7 +8063,6 @@ function renderLoad(c) {
     <div class="load-editor-topbar">
       ${!isRunning ? `<button class="load-back-btn" onclick="loadView='library';renderContent()">← Все тесты</button>` : ''}
       ${!isRunning ? `<button class="load-btn" style="font-size:12px;padding:5px 10px" onclick="loadImportConfigClick()">Импорт конфига</button>` : ''}
-      <input id="loadConfigImportFile" type="file" accept=".json,application/json" style="display:none" onchange="loadImportConfigFile(this)" />
       <span style="font-size:12px;color:var(--muted);margin-left:4px">${statusBadge}</span>
     </div>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viberadar",
-  "version": "0.3.215",
+  "version": "0.3.216",
   "description": "Live module map with test coverage for vibecoding projects",
   "main": "./dist/cli.js",
   "bin": {