plum-e2e 2.5.13 → 2.6.0

package/frontend/.svelte-kit/output/server/entries/pages/reports/_id_/_page.svelte.js

@@ -0,0 +1,62 @@
+/*
+ * 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, $ as unsubscribe_stores, p as pop, a as push } from "../../../../chunks/index.js";
+import { p as page } from "../../../../chunks/stores.js";
+import { o as onDestroy } from "../../../../chunks/index-server.js";
+import "../../../../chunks/format.js";
+/* empty css                                                     */
+import { B as BackLink } from "../../../../chunks/BackLink.js";
+function _page($$payload, $$props) {
+  push();
+  var $$store_subs;
+  let replaySteps, allScenarios;
+  parseInt(store_get($$store_subs ??= {}, "$page", page).params.id, 10);
+  let replayIdx = 0;
+  onDestroy(() => {
+  });
+  replaySteps = [];
+  replaySteps[replayIdx] ?? null;
+  allScenarios = [];
+  allScenarios.filter((s) => s.status === "passed").length;
+  allScenarios.filter((s) => s.status === "failed").length;
+  allScenarios.filter((s) => s.status === "skipped" || s.status === "pending").length;
+  allScenarios.reduce((s, sc) => s + sc.duration, 0);
+  head($$payload, ($$payload2) => {
+    $$payload2.title = `<title>Report — Plum</title>`;
+  });
+  BackLink($$payload, { href: "/reports", label: "Reports" });
+  $$payload.out += `<!----> `;
+  {
+    $$payload.out += "<!--[!-->";
+    {
+      $$payload.out += "<!--[-->";
+      $$payload.out += `<div class="loading-state svelte-1cdcqpr"><div class="loading-dots svelte-1cdcqpr"><span class="svelte-1cdcqpr"></span><span class="svelte-1cdcqpr"></span><span class="svelte-1cdcqpr"></span></div></div>`;
+    }
+    $$payload.out += `<!--]-->`;
+  }
+  $$payload.out += `<!--]--> `;
+  {
+    $$payload.out += "<!--[!-->";
+  }
+  $$payload.out += `<!--]-->`;
+  if ($$store_subs) unsubscribe_stores($$store_subs);
+  pop();
+}
+export {
+  _page as default
+};

package/frontend/.svelte-kit/output/server/entries/pages/reports/_page.svelte.js

@@ -15,10 +15,18 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
-import { _ as fallback, V as ensure_array_like, $ as bind_props, p as pop, a as push, W as stringify } from "../../../chunks/index.js";
+import { a as push, a0 as fallback, Z as ensure_array_like, _ as stringify, a1 as bind_props, p as pop, X as store_get, a2 as copy_payload, a3 as assign_payload, $ as unsubscribe_stores, Y as head } from "../../../chunks/index.js";
+import { t as tick } from "../../../chunks/index-server.js";
+import { f as fetchReports, r as reportUrl } from "../../../chunks/reports.js";
+import { r as reportsVersion } from "../../../chunks/runner.js";
+import { R as REPORTS_PER_PAGE } from "../../../chunks/constants.js";
+import { s as stagger, i as isScheduled, t as triggerVariant, a as triggerLabel } from "../../../chunks/format.js";
 import { B as Badge } from "../../../chunks/Badge.js";
+/* empty css                                                       */
 import { a as attr } from "../../../chunks/attributes.js";
 import { e as escape_html } from "../../../chunks/escaping.js";
+import { C as ConfirmModal } from "../../../chunks/ConfirmModal.js";
+import { E as EmptyState } from "../../../chunks/EmptyState.js";
 function Pagination($$payload, $$props) {
   push();
   let current = fallback($$props["current"], 1);
@@ -26,12 +34,12 @@ function Pagination($$payload, $$props) {
   if (total > 1) {
     $$payload.out += "<!--[-->";
     const each_array = ensure_array_like(Array(total));
-    $$payload.out += `<div class="pagination svelte-tsubiy"><button class="arrow svelte-tsubiy"${attr("disabled", current === 1, true)} aria-label="Previous">←</button> <!--[-->`;
+    $$payload.out += `<div class="pagination svelte-1a7b06a"><button class="arrow svelte-1a7b06a"${attr("disabled", current === 1, true)} aria-label="Previous">←</button> <!--[-->`;
     for (let i = 0, $$length = each_array.length; i < $$length; i++) {
       each_array[i];
-      $$payload.out += `<button${attr("class", `page svelte-tsubiy ${stringify([current === i + 1 ? "active" : ""].filter(Boolean).join(" "))}`)}>${escape_html(i + 1)}</button>`;
+      $$payload.out += `<button${attr("class", `page svelte-1a7b06a ${stringify([current === i + 1 ? "active" : ""].filter(Boolean).join(" "))}`)}>${escape_html(i + 1)}</button>`;
     }
-    $$payload.out += `<!--]--> <button class="arrow svelte-tsubiy"${attr("disabled", current === total, true)} aria-label="Next">→</button></div>`;
+    $$payload.out += `<!--]--> <button class="arrow svelte-1a7b06a"${attr("disabled", current === total, true)} aria-label="Next">→</button></div>`;
   } else {
     $$payload.out += "<!--[!-->";
   }
@@ -41,99 +49,169 @@ function Pagination($$payload, $$props) {
 }
 function _page($$payload, $$props) {
   push();
-  let totalPages, paginated, passCount, failCount, passRate, trend;
+  var $$store_subs;
+  let totalPages, passRate, trendDots, allOnPageSelected, someSelected;
   let reports = [];
+  let total = 0;
+  let passCount = 0;
+  let failCount = 0;
+  let trend = [];
   let currentPage = 1;
-  const PER_PAGE = 15;
-  function triggerLabel(type) {
-    if (type === "manual-trigger") return "Manual";
-    if (type === "command-line-trigger" || type === "undefined") return "CLI";
-    return "Scheduled";
-  }
-  function triggerVariant(type) {
-    if (type === "manual-trigger") return "tag";
-    if (type === "command-line-trigger" || type === "undefined") return "neutral";
-    return "schedule";
-  }
-  totalPages = Math.ceil(reports.length / PER_PAGE);
-  paginated = reports.slice((currentPage - 1) * PER_PAGE, currentPage * PER_PAGE);
-  passCount = reports.filter((r) => r.status === "PASS").length;
-  failCount = reports.length - passCount;
-  passRate = reports.length ? Math.round(passCount / reports.length * 100) : 0;
-  trend = reports.slice(0, 12).reverse();
-  $$payload.out += `<div class="page-header svelte-wxbf05"><div class="header-top svelte-wxbf05"><div><h1 class="svelte-wxbf05">Reports</h1> <p class="subtitle svelte-wxbf05">${escape_html(reports.length)} run${escape_html(reports.length !== 1 ? "s" : "")} recorded</p></div> `;
-  if (reports.length > 0) {
-    $$payload.out += "<!--[-->";
-    $$payload.out += `<div class="rate-display svelte-wxbf05"><span${attr("class", `rate-number svelte-wxbf05 ${stringify([
-      passRate >= 80 ? "pass" : "",
-      passRate < 80 && passRate >= 50 ? "warn" : "",
-      passRate < 50 ? "fail" : ""
-    ].filter(Boolean).join(" "))}`)}>${escape_html(passRate)}%</span> <span class="rate-label svelte-wxbf05">passing</span></div>`;
-  } else {
-    $$payload.out += "<!--[!-->";
-  }
-  $$payload.out += `<!--]--></div> `;
-  if (reports.length > 0) {
-    $$payload.out += "<!--[-->";
-    const each_array = ensure_array_like(trend);
-    $$payload.out += `<div class="stats-bar svelte-wxbf05"><div class="pass-bar-track svelte-wxbf05"><div class="pass-bar-fill svelte-wxbf05"${attr("style", `width: ${stringify("0")}`)}></div></div> <div class="bar-legend svelte-wxbf05"><span class="legend-pass svelte-wxbf05">${escape_html(passCount)} passed</span> <span class="legend-fail svelte-wxbf05">${escape_html(failCount)} failed</span></div></div> <div class="trend-row svelte-wxbf05"><span class="trend-label svelte-wxbf05">Recent</span> <div class="trend-dots svelte-wxbf05"><!--[-->`;
-    for (let i = 0, $$length = each_array.length; i < $$length; i++) {
-      let r = each_array[i];
-      $$payload.out += `<span${attr("class", `trend-dot svelte-wxbf05 ${stringify([
-        r.status === "PASS" ? "pass" : "",
-        r.status !== "PASS" ? "fail" : ""
-      ].filter(Boolean).join(" "))}`)}${attr("style", `animation-delay: ${stringify(i * 35)}ms`)}${attr("title", `${stringify(r.status)} · ${stringify(r.tags)} · ${stringify(r.date)}`)}></span>`;
+  let animateBar = false;
+  let selected = /* @__PURE__ */ new Set();
+  let deleteModal = { open: false, targets: [] };
+  let deleting = false;
+  async function loadReports() {
+    try {
+      let data = await fetchReports({ page: currentPage, limit: REPORTS_PER_PAGE });
+      if (data.reports.length === 0 && currentPage > 1) {
+        currentPage = Math.max(1, Math.ceil(data.total / REPORTS_PER_PAGE));
+        data = await fetchReports({ page: currentPage, limit: REPORTS_PER_PAGE });
+      }
+      reports = data.reports;
+      total = data.total;
+      passCount = data.passCount;
+      failCount = data.failCount;
+      trend = data.trend;
+      selected = /* @__PURE__ */ new Set();
+      await tick();
+      animateBar = true;
+    } catch (e) {
+      console.error("Failed to fetch reports", e);
     }
-    $$payload.out += `<!--]--></div> <span class="trend-hint svelte-wxbf05">← older · newer →</span></div>`;
-  } else {
-    $$payload.out += "<!--[!-->";
   }
-  $$payload.out += `<!--]--></div> `;
-  if (reports.length === 0) {
-    $$payload.out += "<!--[-->";
-    $$payload.out += `<p class="empty svelte-wxbf05">No reports yet. Run a test to generate one.</p>`;
-  } else {
-    $$payload.out += "<!--[!-->";
-    const each_array_1 = ensure_array_like(paginated);
-    $$payload.out += `<div class="report-list svelte-wxbf05"><!--[-->`;
-    for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
-      let report = each_array_1[i];
-      $$payload.out += `<a${attr("class", `report-item svelte-wxbf05 ${stringify([
-        report.status === "PASS" ? "is-pass" : "",
-        report.status !== "PASS" ? "is-fail" : ""
-      ].filter(Boolean).join(" "))}`)}${attr("href", `/reports/${stringify(encodeURIComponent(report.fileName))}`)}${attr("style", `animation-delay: ${stringify(i * 45)}ms`)}><div class="item-left svelte-wxbf05"><span${attr("class", `status-mark svelte-wxbf05 ${stringify([
-        report.status === "PASS" ? "pass" : "",
-        report.status !== "PASS" ? "fail" : ""
-      ].filter(Boolean).join(" "))}`)}>${escape_html(report.status === "PASS" ? "✓" : "✗")}</span> <div class="item-meta svelte-wxbf05"><span class="item-tags svelte-wxbf05">${escape_html(report.tags)}</span> <div class="item-badges svelte-wxbf05">`;
-      Badge($$payload, {
-        variant: triggerVariant(report.triggerType),
-        children: ($$payload2) => {
-          $$payload2.out += `<!---->${escape_html(triggerLabel(report.triggerType))}`;
-        },
-        $$slots: { default: true }
-      });
-      $$payload.out += `<!----> `;
-      Badge($$payload, {
-        variant: "neutral",
-        children: ($$payload2) => {
-          $$payload2.out += `<!---->${escape_html(report.runners)} runner${escape_html(report.runners !== 1 ? "s" : "")}`;
-        },
-        $$slots: { default: true }
-      });
-      $$payload.out += `<!----></div></div></div> <div class="item-right svelte-wxbf05"><span class="item-date svelte-wxbf05">${escape_html(report.date)}</span> <svg class="item-arrow svelte-wxbf05" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></div></a>`;
+  totalPages = Math.ceil(total / REPORTS_PER_PAGE);
+  passRate = total ? Math.round(passCount / total * 100) : 0;
+  trendDots = [...trend].reverse();
+  allOnPageSelected = reports.length > 0 && reports.every((r) => selected.has(r.id));
+  someSelected = selected.size > 0;
+  if (store_get($$store_subs ??= {}, "$reportsVersion", reportsVersion)) loadReports();
+  let $$settled = true;
+  let $$inner_payload;
+  function $$render_inner($$payload2) {
+    head($$payload2, ($$payload3) => {
+      $$payload3.title = `<title>Reports — Plum</title>`;
+    });
+    ConfirmModal($$payload2, {
+      title: deleteModal.targets.length === 1 ? "Delete report?" : `Delete ${deleteModal.targets.length} reports?`,
+      confirmLabel: "Delete",
+      loading: deleting,
+      get open() {
+        return deleteModal.open;
+      },
+      set open($$value) {
+        deleteModal.open = $$value;
+        $$settled = false;
+      },
+      children: ($$payload3) => {
+        if (deleteModal.targets.length === 1) {
+          $$payload3.out += "<!--[-->";
+          $$payload3.out += `This will permanently remove the report and its data file.`;
+        } else {
+          $$payload3.out += "<!--[!-->";
+          $$payload3.out += `This will permanently remove ${escape_html(deleteModal.targets.length)} reports and their data files.`;
+        }
+        $$payload3.out += `<!--]-->`;
+      },
+      $$slots: { default: true }
+    });
+    $$payload2.out += `<!----> <div class="page-header svelte-wkly2m"><div class="header-top svelte-wkly2m"><div><h1 class="svelte-wkly2m">Reports</h1> <p class="subtitle svelte-wkly2m">${escape_html(total)} run${escape_html(total !== 1 ? "s" : "")} recorded</p></div> `;
+    if (total > 0) {
+      $$payload2.out += "<!--[-->";
+      $$payload2.out += `<div class="rate-display svelte-wkly2m"><span${attr("class", `rate-number svelte-wkly2m ${stringify([
+        passRate >= 80 ? "pass" : "",
+        passRate < 80 && passRate >= 50 ? "warn" : "",
+        passRate < 50 ? "fail" : ""
+      ].filter(Boolean).join(" "))}`)}>${escape_html(passRate)}%</span> <span class="rate-label svelte-wkly2m">passing</span></div>`;
+    } else {
+      $$payload2.out += "<!--[!-->";
     }
-    $$payload.out += `<!--]--></div> `;
-    if (totalPages > 1) {
-      $$payload.out += "<!--[-->";
-      $$payload.out += `<div class="pagination-wrap svelte-wxbf05">`;
-      Pagination($$payload, { current: currentPage, total: totalPages });
-      $$payload.out += `<!----></div>`;
+    $$payload2.out += `<!--]--></div> `;
+    if (total > 0) {
+      $$payload2.out += "<!--[-->";
+      const each_array = ensure_array_like(trendDots);
+      $$payload2.out += `<div class="stats-bar svelte-wkly2m"><div class="pass-bar-track svelte-wkly2m"><div class="pass-bar-fill svelte-wkly2m"${attr("style", `width: ${stringify(animateBar ? passRate + "%" : "0")}`)}></div></div> <div class="bar-legend svelte-wkly2m"><span class="legend-pass svelte-wkly2m">${escape_html(passCount)} passed</span> <span class="legend-fail svelte-wkly2m">${escape_html(failCount)} failed</span></div></div> <div class="trend-row svelte-wkly2m"><span class="trend-label svelte-wkly2m">Recent</span> <div class="trend-dots svelte-wkly2m"><!--[-->`;
+      for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+        let r = each_array[i];
+        $$payload2.out += `<span${attr("class", `trend-dot svelte-wkly2m ${stringify([
+          r.status === "PASS" ? "pass" : "",
+          r.status !== "PASS" ? "fail" : ""
+        ].filter(Boolean).join(" "))}`)}${attr("style", stagger(i, 35))}${attr("title", `${stringify(r.status)} · ${stringify(r.tags)} · ${stringify(r.date)}`)}></span>`;
+      }
+      $$payload2.out += `<!--]--></div> <span class="trend-hint svelte-wkly2m">← older · newer →</span></div>`;
     } else {
-      $$payload.out += "<!--[!-->";
+      $$payload2.out += "<!--[!-->";
     }
-    $$payload.out += `<!--]-->`;
+    $$payload2.out += `<!--]--></div> `;
+    if (total === 0) {
+      $$payload2.out += "<!--[-->";
+      EmptyState($$payload2, {
+        message: "No reports yet. Run a test to generate one."
+      });
+    } else {
+      $$payload2.out += "<!--[!-->";
+      const each_array_1 = ensure_array_like(reports);
+      $$payload2.out += `<div class="list-header svelte-wkly2m"><label class="select-all-wrap svelte-wkly2m" title="Select all on this page"><input type="checkbox" class="checkbox svelte-wkly2m"${attr("checked", allOnPageSelected, true)}${attr("indeterminate", someSelected && !allOnPageSelected, true)}></label> `;
+      if (someSelected) {
+        $$payload2.out += "<!--[-->";
+        $$payload2.out += `<button class="btn-delete-selected svelte-wkly2m">Delete (${escape_html(selected.size)})</button>`;
+      } else {
+        $$payload2.out += "<!--[!-->";
+      }
+      $$payload2.out += `<!--]--></div> <div class="report-list svelte-wkly2m"><!--[-->`;
+      for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+        let report = each_array_1[i];
+        $$payload2.out += `<div${attr("class", `report-row svelte-wkly2m ${stringify([
+          selected.has(report.id) ? "is-selected" : ""
+        ].filter(Boolean).join(" "))}`)}${attr("style", stagger(i))}><label class="row-check-wrap svelte-wkly2m" title="Select"><input type="checkbox" class="checkbox svelte-wkly2m"${attr("checked", selected.has(report.id), true)}></label> <a${attr("class", `report-item svelte-wkly2m ${stringify([
+          report.status === "PASS" ? "is-pass" : "",
+          report.status !== "PASS" ? "is-fail" : ""
+        ].filter(Boolean).join(" "))}`)}${attr("href", reportUrl(report.id))}><div class="item-left svelte-wkly2m"><span${attr("class", `status-mark svelte-wkly2m ${stringify([
+          report.status === "PASS" ? "pass" : "",
+          report.status !== "PASS" ? "fail" : ""
+        ].filter(Boolean).join(" "))}`)}>${escape_html(report.status === "PASS" ? "✓" : "✗")}</span> <div class="item-meta svelte-wkly2m"><span class="item-tags svelte-wkly2m">${escape_html(report.testRun?.title ?? (isScheduled(report.triggerType) ? report.triggerType : report.tags))}</span> <div class="item-badges svelte-wkly2m">`;
+        Badge($$payload2, {
+          variant: triggerVariant(report.triggerType),
+          children: ($$payload3) => {
+            $$payload3.out += `<!---->${escape_html(triggerLabel(report.triggerType))}`;
+          },
+          $$slots: { default: true }
+        });
+        $$payload2.out += `<!----> `;
+        if (report.browser && report.browser !== "chromium") {
+          $$payload2.out += "<!--[-->";
+          Badge($$payload2, {
+            variant: "neutral",
+            children: ($$payload3) => {
+              $$payload3.out += `<!---->${escape_html(report.browser)}`;
+            },
+            $$slots: { default: true }
+          });
+        } else {
+          $$payload2.out += "<!--[!-->";
+        }
+        $$payload2.out += `<!--]--></div></div></div> <div class="item-right svelte-wkly2m"><span class="item-date svelte-wkly2m">${escape_html(report.date)}</span> <svg class="item-arrow svelte-wkly2m" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></div></a> <button class="row-delete-btn svelte-wkly2m" title="Delete report"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6l-1 14H6L5 6"></path><path d="M10 11v6M14 11v6"></path><path d="M9 6V4h6v2"></path></svg></button></div>`;
+      }
+      $$payload2.out += `<!--]--></div> `;
+      if (totalPages > 1) {
+        $$payload2.out += "<!--[-->";
+        $$payload2.out += `<div class="pagination-wrap svelte-wkly2m">`;
+        Pagination($$payload2, { current: currentPage, total: totalPages });
+        $$payload2.out += `<!----></div>`;
+      } else {
+        $$payload2.out += "<!--[!-->";
+      }
+      $$payload2.out += `<!--]-->`;
+    }
+    $$payload2.out += `<!--]-->`;
   }
-  $$payload.out += `<!--]-->`;
+  do {
+    $$settled = true;
+    $$inner_payload = copy_payload($$payload);
+    $$render_inner($$inner_payload);
+  } while (!$$settled);
+  assign_payload($$payload, $$inner_payload);
+  if ($$store_subs) unsubscribe_stores($$store_subs);
   pop();
 }
 export {

package/frontend/.svelte-kit/output/server/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
+};