plum-e2e 2.5.13 → 2.6.0

package/frontend/.svelte-kit/adapter-node/entries/pages/reports/live/_page.svelte.js

@@ -0,0 +1,257 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+import { X as store_get, Y as head, Z as ensure_array_like, _ as stringify, $ as unsubscribe_stores, p as pop, a as push } from "../../../../chunks/index.js";
+import { o as onDestroy } from "../../../../chunks/index-server.js";
+import { g as goto } from "../../../../chunks/client.js";
+import { p as page } from "../../../../chunks/stores.js";
+import { b as backgroundRuns, a as runnerState } from "../../../../chunks/runner.js";
+import { r as reportUrl } from "../../../../chunks/reports.js";
+import { a as REDIRECT_DELAY_MS, b as ALL_TESTS_LABEL } from "../../../../chunks/constants.js";
+import { a as triggerLabel } from "../../../../chunks/format.js";
+import { B as BackLink } from "../../../../chunks/BackLink.js";
+import { B as Badge } from "../../../../chunks/Badge.js";
+import { e as escape_html } from "../../../../chunks/escaping.js";
+import { a as attr } from "../../../../chunks/attributes.js";
+function _page($$payload, $$props) {
+  push();
+  var $$store_subs;
+  let bgRunId, state, isMulti, runningBgList, showPicker, showIdle, activeLane;
+  const EMPTY_BG_STATE = {
+    output: "",
+    running: false,
+    testCompleted: false,
+    latestReportId: null,
+    status: "idle",
+    lanes: [],
+    currentRun: null,
+    latestScreenshot: null
+  };
+  let redirectTimer = null;
+  let redirectCountdown = REDIRECT_DELAY_MS / 1e3;
+  let countdownInterval = null;
+  let activeTab = null;
+  onDestroy(() => {
+    if (redirectTimer) clearTimeout(redirectTimer);
+    if (countdownInterval) clearInterval(countdownInterval);
+  });
+  bgRunId = store_get($$store_subs ??= {}, "$page", page).url.searchParams.get("run");
+  state = bgRunId ? store_get($$store_subs ??= {}, "$backgroundRuns", backgroundRuns)[bgRunId] ?? EMPTY_BG_STATE : store_get($$store_subs ??= {}, "$runnerState", runnerState);
+  isMulti = state.lanes.length > 0;
+  runningBgList = Object.entries(store_get($$store_subs ??= {}, "$backgroundRuns", backgroundRuns)).filter(([, r]) => r.running);
+  showPicker = !bgRunId && !state.running && !state.testCompleted && runningBgList.length > 0;
+  showIdle = !state.running && !state.testCompleted && !showPicker;
+  if (showPicker && runningBgList.length === 1) {
+    goto(`/reports/live?run=${runningBgList[0][0]}`);
+  }
+  {
+    if (state.lanes.length === 0) {
+      activeTab = null;
+    } else if (!state.lanes.find((l) => l.id === activeTab)) {
+      activeTab = state.lanes[0].id;
+    }
+  }
+  activeLane = state.lanes.find((l) => l.id === activeTab) ?? null;
+  if (state.testCompleted && state.latestReportId && !redirectTimer) {
+    redirectCountdown = REDIRECT_DELAY_MS / 1e3;
+    countdownInterval = setInterval(
+      () => {
+        redirectCountdown--;
+        if (redirectCountdown <= 0) clearInterval(countdownInterval);
+      },
+      1e3
+    );
+    redirectTimer = setTimeout(() => goto(reportUrl(state.latestReportId)), REDIRECT_DELAY_MS);
+  }
+  head($$payload, ($$payload2) => {
+    $$payload2.title = `<title>Live Run — Plum</title>`;
+  });
+  BackLink($$payload, { href: "/reports", label: "Reports" });
+  $$payload.out += `<!----> `;
+  if (showIdle) {
+    $$payload.out += "<!--[-->";
+    $$payload.out += `<div class="idle-state svelte-4v9t4g"><div class="idle-icon svelte-4v9t4g"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-4v9t4g"><circle cx="12" cy="12" r="10" class="svelte-4v9t4g"></circle><polyline points="12 6 12 12 16 14" class="svelte-4v9t4g"></polyline></svg></div> <h2 class="svelte-4v9t4g">No tests currently running</h2> <p class="svelte-4v9t4g">Start a test from the panel below, then come back here to watch it live.</p> <a href="/reports" class="idle-link svelte-4v9t4g">View past reports →</a></div>`;
+  } else {
+    $$payload.out += "<!--[!-->";
+    if (showPicker) {
+      $$payload.out += "<!--[-->";
+      const each_array = ensure_array_like(runningBgList);
+      $$payload.out += `<div class="cron-running-state svelte-4v9t4g"><div class="cron-running-icon svelte-4v9t4g"><span class="cron-pulse-dot svelte-4v9t4g"></span></div> <h2 class="svelte-4v9t4g">${escape_html(runningBgList.length === 1 ? "A run" : `${runningBgList.length} runs`)} in progress</h2> <div class="cron-task-list svelte-4v9t4g"><!--[-->`;
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let [runId, run] = each_array[$$index];
+        $$payload.out += `<a${attr("href", `/reports/live?run=${stringify(runId)}`)} class="cron-task-chip svelte-4v9t4g">${escape_html(run.label)} · ${escape_html(triggerLabel(run.kind))}</a>`;
+      }
+      $$payload.out += `<!--]--></div> <p class="svelte-4v9t4g">Select a run above, or wait — the report opens automatically when it finishes.</p></div>`;
+    } else {
+      $$payload.out += "<!--[!-->";
+      $$payload.out += `<div${attr("class", `run-header svelte-4v9t4g ${stringify([
+        state.status === "pass" ? "header-pass" : "",
+        state.status === "fail" ? "header-fail" : ""
+      ].filter(Boolean).join(" "))}`)}><div class="header-left svelte-4v9t4g">`;
+      if (state.running) {
+        $$payload.out += "<!--[-->";
+        $$payload.out += `<span class="live-badge svelte-4v9t4g"><span class="live-dot svelte-4v9t4g"></span>Live</span>`;
+      } else {
+        $$payload.out += "<!--[!-->";
+        if (state.status === "pass") {
+          $$payload.out += "<!--[-->";
+          Badge($$payload, {
+            variant: "pass",
+            children: ($$payload2) => {
+              $$payload2.out += `<!---->Passed`;
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$payload.out += "<!--[!-->";
+          Badge($$payload, {
+            variant: "fail",
+            children: ($$payload2) => {
+              $$payload2.out += `<!---->Failed`;
+            },
+            $$slots: { default: true }
+          });
+        }
+        $$payload.out += `<!--]-->`;
+      }
+      $$payload.out += `<!--]--> `;
+      if (state.currentRun) {
+        $$payload.out += "<!--[-->";
+        $$payload.out += `<div class="run-info svelte-4v9t4g">`;
+        if (state.currentRun.runTitle) {
+          $$payload.out += "<!--[-->";
+          $$payload.out += `<span class="run-title-label svelte-4v9t4g">${escape_html(state.currentRun.runTitle)}</span> <span class="run-sep svelte-4v9t4g">·</span>`;
+        } else {
+          $$payload.out += "<!--[!-->";
+        }
+        $$payload.out += `<!--]--> <span class="run-tag-label svelte-4v9t4g">${escape_html(state.currentRun.tag || ALL_TESTS_LABEL)}</span> <span class="run-sep svelte-4v9t4g">·</span> <span class="run-detail svelte-4v9t4g">${escape_html(state.currentRun.workers)} worker${escape_html(state.currentRun.workers !== 1 ? "s" : "")}</span> <span class="run-sep svelte-4v9t4g">·</span> <span class="run-detail svelte-4v9t4g">${escape_html(state.currentRun.browser)}</span> `;
+        if (state.lanes.length > 1) {
+          $$payload.out += "<!--[-->";
+          $$payload.out += `<span class="run-sep svelte-4v9t4g">·</span> <span class="run-detail svelte-4v9t4g">${escape_html(state.lanes.length)} runners</span>`;
+        } else {
+          $$payload.out += "<!--[!-->";
+        }
+        $$payload.out += `<!--]--></div>`;
+      } else {
+        $$payload.out += "<!--[!-->";
+      }
+      $$payload.out += `<!--]--></div> `;
+      if (state.running && !bgRunId) {
+        $$payload.out += "<!--[-->";
+        $$payload.out += `<button class="cancel-btn svelte-4v9t4g"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-4v9t4g"><rect x="3" y="3" width="18" height="18" rx="2" class="svelte-4v9t4g"></rect><line x1="9" y1="9" x2="15" y2="15" class="svelte-4v9t4g"></line><line x1="15" y1="9" x2="9" y2="15" class="svelte-4v9t4g"></line></svg> Cancel run</button>`;
+      } else {
+        $$payload.out += "<!--[!-->";
+      }
+      $$payload.out += `<!--]--></div> `;
+      if (state.testCompleted && state.latestReportId) {
+        $$payload.out += "<!--[-->";
+        $$payload.out += `<div${attr("class", `completion-bar svelte-4v9t4g ${stringify([
+          state.status === "pass" ? "pass-bar" : "",
+          state.status === "fail" ? "fail-bar" : ""
+        ].filter(Boolean).join(" "))}`)}><div class="completion-left svelte-4v9t4g">`;
+        if (state.status === "pass") {
+          $$payload.out += "<!--[-->";
+          $$payload.out += `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-4v9t4g"><polyline points="20 6 9 17 4 12" class="svelte-4v9t4g"></polyline></svg> All tests passed`;
+        } else {
+          $$payload.out += "<!--[!-->";
+          $$payload.out += `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-4v9t4g"><line x1="18" y1="6" x2="6" y2="18" class="svelte-4v9t4g"></line><line x1="6" y1="6" x2="18" y2="18" class="svelte-4v9t4g"></line></svg> Some tests failed`;
+        }
+        $$payload.out += `<!--]--></div> <div class="completion-right svelte-4v9t4g"><span class="redirect-hint svelte-4v9t4g">Redirecting in ${escape_html(redirectCountdown)}s…</span> <button class="view-now-btn svelte-4v9t4g">View Report Now <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-4v9t4g"><line x1="5" y1="12" x2="19" y2="12" class="svelte-4v9t4g"></line><polyline points="12 5 19 12 12 19" class="svelte-4v9t4g"></polyline></svg></button></div></div>`;
+      } else {
+        $$payload.out += "<!--[!-->";
+      }
+      $$payload.out += `<!--]--> `;
+      if (isMulti) {
+        $$payload.out += "<!--[-->";
+        const each_array_1 = ensure_array_like(state.lanes);
+        $$payload.out += `<div class="lane-tabs svelte-4v9t4g"><!--[-->`;
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let lane = each_array_1[$$index_1];
+          $$payload.out += `<button${attr("class", `lane-tab svelte-4v9t4g ${stringify([activeTab === lane.id ? "active" : ""].filter(Boolean).join(" "))}`)}><span${attr("class", `tab-dot svelte-4v9t4g ${stringify([
+            lane.status === "running" ? "tab-dot-running" : "",
+            lane.status === "done" ? "tab-dot-done" : "",
+            lane.status === "error" ? "tab-dot-error" : ""
+          ].filter(Boolean).join(" "))}`)}></span> ${escape_html(lane.name)} `;
+          if (lane.testCount) {
+            $$payload.out += "<!--[-->";
+            $$payload.out += `<span class="tab-count svelte-4v9t4g">${escape_html(lane.testCount)}</span>`;
+          } else {
+            $$payload.out += "<!--[!-->";
+          }
+          $$payload.out += `<!--]--></button>`;
+        }
+        $$payload.out += `<!--]--></div>`;
+      } else {
+        $$payload.out += "<!--[!-->";
+      }
+      $$payload.out += `<!--]--> <div${attr("class", `run-view svelte-4v9t4g ${stringify([isMulti ? "no-top-radius" : ""].filter(Boolean).join(" "))}`)}><div class="screenshot-panel svelte-4v9t4g">`;
+      if (isMulti) {
+        $$payload.out += "<!--[-->";
+        if (activeLane?.latestScreenshot) {
+          $$payload.out += "<!--[-->";
+          $$payload.out += `<!---->`;
+          {
+            $$payload.out += `<img${attr("src", `data:image/jpeg;base64,${stringify(activeLane.latestScreenshot.data)}`)} class="live-shot svelte-4v9t4g" alt="Live browser view">`;
+          }
+          $$payload.out += `<!----> <div class="step-overlay svelte-4v9t4g"><span class="step-keyword svelte-4v9t4g">Step</span> <span class="step-name svelte-4v9t4g">${escape_html(activeLane.latestScreenshot.stepName)}</span></div>`;
+        } else {
+          $$payload.out += "<!--[!-->";
+          $$payload.out += `<div class="awaiting-state svelte-4v9t4g"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.25" class="svelte-4v9t4g"><rect x="2" y="5" width="20" height="14" rx="2" class="svelte-4v9t4g"></rect><circle cx="12" cy="12" r="3" class="svelte-4v9t4g"></circle></svg> <span class="svelte-4v9t4g">${escape_html(activeLane?.status === "running" ? "Awaiting stream..." : "No stream...")}</span></div>`;
+        }
+        $$payload.out += `<!--]-->`;
+      } else {
+        $$payload.out += "<!--[!-->";
+        if (state.latestScreenshot) {
+          $$payload.out += "<!--[-->";
+          $$payload.out += `<!---->`;
+          {
+            $$payload.out += `<img${attr("src", `data:image/jpeg;base64,${stringify(state.latestScreenshot.data)}`)} class="live-shot svelte-4v9t4g" alt="Live browser view">`;
+          }
+          $$payload.out += `<!----> <div class="step-overlay svelte-4v9t4g"><span class="step-keyword svelte-4v9t4g">Step</span> <span class="step-name svelte-4v9t4g">${escape_html(state.latestScreenshot.stepName)}</span></div>`;
+        } else {
+          $$payload.out += "<!--[!-->";
+          $$payload.out += `<div class="awaiting-state svelte-4v9t4g"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" opacity="0.25" class="svelte-4v9t4g"><rect x="2" y="5" width="20" height="14" rx="2" class="svelte-4v9t4g"></rect><circle cx="12" cy="12" r="3" class="svelte-4v9t4g"></circle></svg> <span class="svelte-4v9t4g">${escape_html(state.running ? "Awaiting stream..." : "No stream")}</span></div>`;
+        }
+        $$payload.out += `<!--]-->`;
+      }
+      $$payload.out += `<!--]--></div> <div class="terminal-panel svelte-4v9t4g"><div class="terminal-bar svelte-4v9t4g"><span class="dot red svelte-4v9t4g"></span> <span class="dot yellow svelte-4v9t4g"></span> <span class="dot green svelte-4v9t4g"></span> <span class="terminal-label svelte-4v9t4g">`;
+      if (isMulti) {
+        $$payload.out += "<!--[-->";
+        $$payload.out += `${escape_html(activeLane?.name ?? "Runner")}`;
+      } else {
+        $$payload.out += "<!--[!-->";
+        $$payload.out += `${escape_html(state.running ? "Running…" : "Finished")}`;
+      }
+      $$payload.out += `<!--]--></span></div> `;
+      if (isMulti) {
+        $$payload.out += "<!--[-->";
+        $$payload.out += `<pre class="terminal svelte-4v9t4g">${escape_html(activeLane?.logs || "(waiting for output…)")}</pre>`;
+      } else {
+        $$payload.out += "<!--[!-->";
+        $$payload.out += `<pre class="terminal svelte-4v9t4g">${escape_html(state.output)}</pre>`;
+      }
+      $$payload.out += `<!--]--></div></div>`;
+    }
+    $$payload.out += `<!--]-->`;
+  }
+  $$payload.out += `<!--]-->`;
+  if ($$store_subs) unsubscribe_stores($$store_subs);
+  pop();
+}
+export {
+  _page as default
+};

package/frontend/.svelte-kit/adapter-node/entries/pages/scheduled-tests/_page.svelte.js

@@ -15,40 +15,50 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
-import { _ as fallback, Z as slot, $ as bind_props, a2 as copy_payload, a3 as assign_payload, p as pop, a as push, V as ensure_array_like, W as stringify } from "../../../chunks/index.js";
+import { a2 as copy_payload, a3 as assign_payload, p as pop, a as push, Y as head, Z as ensure_array_like, _ as stringify, X as store_get, $ as unsubscribe_stores } from "../../../chunks/index.js";
+import { B as BROWSERS } from "../../../chunks/constants.js";
+import "../../../chunks/auth.js";
+import { b as backgroundRuns } from "../../../chunks/runner.js";
+import { s as stagger } from "../../../chunks/format.js";
 import { B as Button } from "../../../chunks/Button.js";
 import { B as Badge } from "../../../chunks/Badge.js";
+import { M as Modal, C as ConfirmModal } from "../../../chunks/ConfirmModal.js";
+import { T as Toast } from "../../../chunks/Toast.js";
+import { E as EmptyState } from "../../../chunks/EmptyState.js";
 import { a as attr } from "../../../chunks/attributes.js";
 import { e as escape_html } from "../../../chunks/escaping.js";
-function Modal($$payload, $$props) {
-  let open = fallback($$props["open"], false);
-  let title = fallback($$props["title"], "");
-  if (open) {
-    $$payload.out += "<!--[-->";
-    $$payload.out += `<div class="backdrop svelte-aus6t7" role="presentation"><div class="panel svelte-aus6t7" role="dialog" aria-modal="true"${attr("aria-label", title)}><div class="header svelte-aus6t7"><h3 class="title svelte-aus6t7">${escape_html(title)}</h3> <button class="close-btn svelte-aus6t7" aria-label="Close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></div> <div class="body svelte-aus6t7"><!---->`;
-    slot($$payload, $$props, "default", {});
-    $$payload.out += `<!----></div></div></div>`;
-  } else {
-    $$payload.out += "<!--[!-->";
-  }
-  $$payload.out += `<!--]-->`;
-  bind_props($$props, { open, title });
-}
 function _page($$payload, $$props) {
   push();
+  var $$store_subs;
+  const CUSTOM_SENTINEL = "__custom__";
+  const scheduleOptions = [
+    { label: "Every minute", value: "* * * * *" },
+    { label: "Every hour", value: "0 * * * *" },
+    { label: "Every midnight", value: "0 0 * * *" },
+    { label: "Every Sunday", value: "0 0 * * 0" }
+  ];
   let cronJobs = [];
-  let scheduleOptions = [];
+  let availableRunners = [];
+  let toast = null;
   let modalOpen = false;
   let deleteModalOpen = false;
-  let isEditing = false;
   let taskToDelete = "";
-  let form = { taskName: "", tags: "" };
+  let form = {
+    taskName: "",
+    tags: "",
+    workers: 1,
+    browser: "chromium",
+    runnerIds: ["built-in"]
+  };
   function cronLabel(expression) {
     return scheduleOptions.find((s) => s.value === expression)?.label ?? expression;
   }
   let $$settled = true;
   let $$inner_payload;
   function $$render_inner($$payload2) {
+    head($$payload2, ($$payload3) => {
+      $$payload3.title = `<title>Scheduled Tests — Plum</title>`;
+    });
     Modal($$payload2, {
       title: "New Cron Job",
       get open() {
@@ -60,12 +70,32 @@ function _page($$payload, $$props) {
       },
       children: ($$payload3) => {
         const each_array = ensure_array_like(scheduleOptions);
-        $$payload3.out += `<form class="modal-form svelte-1ugkbyh"><div class="field"><div class="field-label"><span>Task Name</span> <span class="field-hint">${escape_html("Use a unique, meaningful name")}</span></div> <input type="text" class="field-input"${attr("value", form.taskName)} placeholder="nightly-login-suite"${attr("disabled", isEditing, true)} required></div> <div class="field"><div class="field-label"><span>Schedule</span></div> <select class="field-input" required><option value="" disabled selected>Select a schedule</option><!--[-->`;
+        const each_array_1 = ensure_array_like(BROWSERS);
+        const each_array_2 = ensure_array_like(availableRunners);
+        $$payload3.out += `<form class="modal-form svelte-13v7bmf"><div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Task Name</span> <span class="field-hint svelte-13v7bmf">Use a unique, meaningful name</span></div> <input type="text" class="field-input svelte-13v7bmf"${attr("value", form.taskName)} placeholder="nightly-login-suite" required></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Schedule</span></div> <select class="field-input svelte-13v7bmf" required><option value="" disabled class="svelte-13v7bmf">Select a schedule</option><!--[-->`;
         for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
           let opt = each_array[$$index];
-          $$payload3.out += `<option${attr("value", opt.value)}>${escape_html(opt.label)}</option>`;
+          $$payload3.out += `<option${attr("value", opt.value)} class="svelte-13v7bmf">${escape_html(opt.label)}</option>`;
+        }
+        $$payload3.out += `<!--]--><option${attr("value", CUSTOM_SENTINEL)} class="svelte-13v7bmf">Custom…</option></select> `;
+        {
+          $$payload3.out += "<!--[!-->";
+        }
+        $$payload3.out += `<!--]--></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Tags</span> <span class="field-hint svelte-13v7bmf">Multiple: @test-1 or @test-2. Leave blank to run all tests</span></div> <input type="text" class="field-input svelte-13v7bmf"${attr("value", form.tags)} placeholder="@suite-login (optional)"></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Workers</span> <span class="field-hint svelte-13v7bmf">Parallel workers for this job</span></div> <div class="stepper svelte-13v7bmf"><button type="button" class="step-btn svelte-13v7bmf"${attr("disabled", form.workers <= 1, true)}>−</button> <span class="step-val svelte-13v7bmf">${escape_html(form.workers)}</span> <button type="button" class="step-btn svelte-13v7bmf"${attr("disabled", form.workers >= 10, true)}>+</button></div></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Browser</span></div> <div class="seg-control svelte-13v7bmf"><!--[-->`;
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let b = each_array_1[$$index_1];
+          $$payload3.out += `<button type="button"${attr("class", `seg-btn svelte-13v7bmf ${stringify([form.browser === b.id ? "active" : ""].filter(Boolean).join(" "))}`)}><span class="seg-num svelte-13v7bmf">${escape_html(b.label)}</span></button>`;
+        }
+        $$payload3.out += `<!--]--></div></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Runners</span> <span class="field-hint svelte-13v7bmf">Select one or more nodes</span></div> <div class="runner-checks svelte-13v7bmf"><label class="runner-check-option svelte-13v7bmf"><input type="checkbox"${attr("checked", form.runnerIds.includes("built-in"), true)} class="svelte-13v7bmf"> <span class="runner-check-dot built-in svelte-13v7bmf"></span> <span class="svelte-13v7bmf">Built-in</span> <span class="runner-check-hint svelte-13v7bmf">this server</span></label> <!--[-->`;
+        for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+          let r = each_array_2[$$index_2];
+          $$payload3.out += `<label class="runner-check-option svelte-13v7bmf"><input type="checkbox"${attr("checked", form.runnerIds.includes(r.id), true)} class="svelte-13v7bmf"> <span class="runner-check-dot remote svelte-13v7bmf"></span> <span class="svelte-13v7bmf">${escape_html(r.name)}</span> <span class="runner-check-hint svelte-13v7bmf">${escape_html(r.url)}</span></label>`;
         }
-        $$payload3.out += `<!--]--></select></div> <div class="field"><div class="field-label"><span>Tags</span> <span class="field-hint">Multiple: @test-1 or @test-2</span></div> <input type="text" class="field-input"${attr("value", form.tags)} placeholder="@suite-login" required></div> `;
+        $$payload3.out += `<!--]--></div></div> `;
+        {
+          $$payload3.out += "<!--[!-->";
+        }
+        $$payload3.out += `<!--]--> `;
         {
           $$payload3.out += "<!--[!-->";
         }
@@ -83,7 +113,7 @@ function _page($$payload, $$props) {
       $$slots: { default: true }
     });
     $$payload2.out += `<!----> `;
-    Modal($$payload2, {
+    ConfirmModal($$payload2, {
       title: "Delete Cron Job",
       get open() {
         return deleteModalOpen;
@@ -93,48 +123,41 @@ function _page($$payload, $$props) {
         $$settled = false;
       },
       children: ($$payload3) => {
-        $$payload3.out += `<p class="confirm-text svelte-1ugkbyh">Are you sure you want to delete <strong class="svelte-1ugkbyh">${escape_html(taskToDelete)}</strong>? This cannot be undone.</p> <div class="confirm-actions svelte-1ugkbyh">`;
-        Button($$payload3, {
-          variant: "danger",
-          children: ($$payload4) => {
-            $$payload4.out += `<!---->Delete`;
-          },
-          $$slots: { default: true }
-        });
-        $$payload3.out += `<!----> `;
-        Button($$payload3, {
-          variant: "ghost",
-          children: ($$payload4) => {
-            $$payload4.out += `<!---->Cancel`;
-          },
-          $$slots: { default: true }
-        });
-        $$payload3.out += `<!----></div>`;
+        $$payload3.out += `<!---->Are you sure you want to delete <strong class="svelte-13v7bmf">${escape_html(taskToDelete)}</strong>? This cannot be undone.`;
       },
       $$slots: { default: true }
     });
-    $$payload2.out += `<!----> <div class="page-header svelte-1ugkbyh"><div class="header-row svelte-1ugkbyh"><div><h1 class="svelte-1ugkbyh">Scheduled Tests</h1> <p class="subtitle svelte-1ugkbyh">Manage recurring test runs via cron jobs</p></div> `;
+    $$payload2.out += `<!----> `;
+    Toast($$payload2, { toast });
+    $$payload2.out += `<!----> <div class="page-header svelte-13v7bmf"><div class="header-row svelte-13v7bmf"><div class="svelte-13v7bmf"><h1 class="svelte-13v7bmf">Scheduled Tests</h1> <p class="subtitle svelte-13v7bmf">Manage recurring test runs via cron jobs</p></div> `;
     Button($$payload2, {
       children: ($$payload3) => {
         $$payload3.out += `<!---->+ New Job`;
       },
       $$slots: { default: true }
     });
-    $$payload2.out += `<!----></div></div> `;
-    {
-      $$payload2.out += "<!--[!-->";
-    }
-    $$payload2.out += `<!--]--> <div class="card" style="padding: 0; overflow: hidden;">`;
+    $$payload2.out += `<!----></div></div> <div class="card svelte-13v7bmf" style="padding: 0; overflow: hidden;">`;
     if (cronJobs.length === 0) {
       $$payload2.out += "<!--[-->";
-      $$payload2.out += `<p class="empty svelte-1ugkbyh">No scheduled tests yet. Create one to get started.</p>`;
+      EmptyState($$payload2, {
+        message: "No scheduled tests yet. Create one to get started.",
+        size: "sm"
+      });
     } else {
       $$payload2.out += "<!--[!-->";
-      const each_array_1 = ensure_array_like(cronJobs);
-      $$payload2.out += `<div class="table-wrap svelte-1ugkbyh"><table class="data-table"><thead><tr><th>Name</th><th>Schedule</th><th>Tags</th><th>Actions</th></tr></thead><tbody><!--[-->`;
-      for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
-        let job = each_array_1[i];
-        $$payload2.out += `<tr${attr("style", `animation-delay: ${stringify(i * 45)}ms`)} class="job-row svelte-1ugkbyh"><td class="job-name svelte-1ugkbyh">${escape_html(job.taskName)}</td><td>`;
+      const each_array_3 = ensure_array_like(cronJobs);
+      $$payload2.out += `<div class="table-wrap svelte-13v7bmf"><table class="data-table svelte-13v7bmf"><thead class="svelte-13v7bmf"><tr class="svelte-13v7bmf"><th class="th-toggle svelte-13v7bmf"></th><th class="th-run svelte-13v7bmf"></th><th class="svelte-13v7bmf">Name</th><th class="svelte-13v7bmf">Schedule</th><th class="svelte-13v7bmf">Tags</th><th class="svelte-13v7bmf">Workers</th><th class="svelte-13v7bmf">Browser</th><th class="svelte-13v7bmf">Runner</th><th class="svelte-13v7bmf">Actions</th></tr></thead><tbody class="svelte-13v7bmf"><!--[-->`;
+      for (let i = 0, $$length = each_array_3.length; i < $$length; i++) {
+        let job = each_array_3[i];
+        const ids = job.runnerIds ? job.runnerIds.split(",").map((s) => s.trim()) : ["built-in"];
+        $$payload2.out += `<tr${attr("style", stagger(i))}${attr("class", `job-row svelte-13v7bmf ${stringify([!job.enabled ? "disabled" : ""].filter(Boolean).join(" "))}`)}><td class="td-toggle svelte-13v7bmf"><button${attr("class", `toggle-btn svelte-13v7bmf ${stringify([job.enabled ? "on" : ""].filter(Boolean).join(" "))}`)}${attr("title", job.enabled ? "Disable schedule" : "Enable schedule")}${attr("aria-label", job.enabled ? "Disable schedule" : "Enable schedule")}${attr("aria-pressed", job.enabled)}><span class="toggle-knob svelte-13v7bmf"></span></button></td><td class="td-run svelte-13v7bmf"><button class="run-icon-btn svelte-13v7bmf"${attr("title", `Run ${stringify(job.taskName)} now`)}><svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-13v7bmf"><polygon points="5,3 19,12 5,21" class="svelte-13v7bmf"></polygon></svg></button></td><td class="job-name svelte-13v7bmf">`;
+        if (store_get($$store_subs ??= {}, "$backgroundRuns", backgroundRuns)[job.taskName]?.running) {
+          $$payload2.out += "<!--[-->";
+          $$payload2.out += `<span class="running-dot svelte-13v7bmf" title="Running now"></span>`;
+        } else {
+          $$payload2.out += "<!--[!-->";
+        }
+        $$payload2.out += `<!--]--> ${escape_html(job.taskName)}</td><td class="svelte-13v7bmf">`;
         Badge($$payload2, {
           variant: "schedule",
           children: ($$payload3) => {
@@ -142,7 +165,22 @@ function _page($$payload, $$props) {
           },
           $$slots: { default: true }
         });
-        $$payload2.out += `<!----></td><td><span class="tag-text svelte-1ugkbyh">${escape_html(job.tags)}</span></td><td class="actions-cell svelte-1ugkbyh">`;
+        $$payload2.out += `<!----></td><td class="svelte-13v7bmf"><span class="tag-text svelte-13v7bmf">${escape_html(job.tags)}</span></td><td class="svelte-13v7bmf"><span${attr("class", `workers-badge svelte-13v7bmf ${stringify([job.workers > 1 ? "multi" : ""].filter(Boolean).join(" "))}`)}>×${escape_html(job.workers)}</span></td><td class="svelte-13v7bmf"><span class="browser-badge svelte-13v7bmf">${escape_html(job.browser ?? "chromium")}</span></td><td class="svelte-13v7bmf"><span${attr("class", `runner-badge svelte-13v7bmf ${stringify([ids.length > 1 ? "multi-node" : ""].filter(Boolean).join(" "))}`)}>`;
+        if (ids.length === 1 && ids[0] === "built-in") {
+          $$payload2.out += "<!--[-->";
+          $$payload2.out += `built-in`;
+        } else {
+          $$payload2.out += "<!--[!-->";
+          if (ids.length === 1) {
+            $$payload2.out += "<!--[-->";
+            $$payload2.out += `${escape_html(availableRunners.find((r) => r.id === ids[0])?.name ?? ids[0])}`;
+          } else {
+            $$payload2.out += "<!--[!-->";
+            $$payload2.out += `${escape_html(ids.length)} nodes`;
+          }
+          $$payload2.out += `<!--]-->`;
+        }
+        $$payload2.out += `<!--]--></span></td><td class="actions-cell svelte-13v7bmf">`;
         Button($$payload2, {
           variant: "ghost",
           size: "sm",
@@ -172,6 +210,7 @@ function _page($$payload, $$props) {
     $$render_inner($$inner_payload);
   } while (!$$settled);
   assign_payload($$payload, $$inner_payload);
+  if ($$store_subs) unsubscribe_stores($$store_subs);
   pop();
 }
 export {