skopix 2.0.62 → 2.0.64

package/cli/commands/dashboard.js

@@ -1836,6 +1836,11 @@ export async function dashboardCommand(options) {
         sendJSON(res, 200, { stopped: true });
         return;
       }
+      if (pathname.match(/^\/api\/step-tester\/[^/]+\/status$/) && method === 'GET') {
+        const testerId = pathname.split('/')[3];
+        sendJSON(res, 200, { active: stepTesterSessions.has(testerId) });
+        return;
+      }
 
       // ─── STEP LIBRARY ──────────────────────────────────────────────────
       if (pathname === '/api/step-library' && method === 'GET') {
@@ -3990,6 +3995,9 @@ async function startStepTester(testerId, url, selector, mode, steps) {
       window.__skopixPreviewResults = {};
       document.addEventListener('DOMContentLoaded', () => {
         if (document.getElementById('__skopix_preview')) return;
+        // Push page content left to avoid covering elements
+        document.body.style.marginRight = '320px';
+        document.body.style.boxSizing = 'border-box';
         const tb = document.createElement('div');
         tb.id = '__skopix_preview';
         tb.style.cssText = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skopix",
-  "version": "2.0.62",
+  "version": "2.0.64",
   "description": "Browser-based QA tool — record tests by using your app, replay them deterministically, generate Playwright code automatically",
   "main": "cli/index.js",
   "bin": {

package/web/app/index.html

@@ -6422,9 +6422,27 @@ async function startBuilderPreview() {
     const data = await res.json();
     if (!res.ok) throw new Error(data.error || 'Failed');
     previewState.testerId = data.testerId;
+    btn.disabled = false;
     btn.textContent = '⏸ Previewing';
     btn.onclick = stopBuilderPreview;
     showToast('Browser open — use the toolbar in the browser to run steps');
+
+    // Poll until session ends (browser closed via Stop button in browser)
+    const poll = setInterval(async () => {
+      if (!previewState.testerId) { clearInterval(poll); return; }
+      try {
+        const r = await fetch(API_BASE + '/api/step-tester/' + previewState.testerId + '/status');
+        const d = await r.json();
+        if (!d.active) {
+          clearInterval(poll);
+          previewState.testerId = null;
+          btn.disabled = false;
+          btn.textContent = 'Preview';
+          btn.onclick = startBuilderPreview;
+        }
+      } catch { clearInterval(poll); }
+    }, 1500);
+
   } catch (err) {
     showToast('Error: ' + err.message);
     btn.disabled = false;