plum-e2e 2.5.13 → 2.6.0

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

@@ -15,24 +15,35 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
-import { a0 as current_component, V as ensure_array_like, W as stringify, p as pop, a as push } from "../../chunks/index.js";
-import { a as attr } from "../../chunks/attributes.js";
+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 { A as API_BASE } from "../../chunks/constants.js";
+import { t as testsVersion } from "../../chunks/runner.js";
+import { s as stagger } from "../../chunks/format.js";
+import { E as EmptyState } from "../../chunks/EmptyState.js";
 import { e as escape_html } from "../../chunks/escaping.js";
-function onDestroy(fn) {
-  var context = (
-    /** @type {Component} */
-    current_component
-  );
-  (context.d ??= []).push(fn);
+import { a as attr } from "../../chunks/attributes.js";
+async function fetchSuites() {
+  const res = await fetch(`${API_BASE}/tests`);
+  const { suites } = await res.json();
+  return suites.suites ?? [];
 }
 function _page($$payload, $$props) {
   push();
+  var $$store_subs;
   let q, filtered, totalTests, visibleTests;
   let suites = [];
   let search = "";
   let expandedSteps = /* @__PURE__ */ new Set();
   let copiedIds = /* @__PURE__ */ new Set();
   const copyTimers = /* @__PURE__ */ new Map();
+  async function loadSuites() {
+    try {
+      suites = await fetchSuites();
+    } catch (e) {
+      console.error("Failed to fetch suites", e);
+    }
+  }
   function suiteIds(suite) {
     return Array.isArray(suite.suiteId) ? suite.suiteId : [suite.suiteId];
   }
@@ -45,10 +56,11 @@ function _page($$payload, $$props) {
   onDestroy(() => {
     for (const timer of copyTimers.values()) clearTimeout(timer);
   });
+  if (store_get($$store_subs ??= {}, "$testsVersion", testsVersion)) loadSuites();
   q = search.trim().toLowerCase();
   filtered = suites.map((suite) => {
     if (!q) return suite;
-    const suiteMatches = suite.suiteName.toLowerCase().includes(q);
+    const suiteMatches = suite.suiteName.toLowerCase().includes(q) || suiteIds(suite).some((id) => id.toLowerCase().includes(q));
     const matchedTests = suite.tests.filter((t) => t.testCase.toLowerCase().includes(q) || testIds(t).some((id) => id.toLowerCase().includes(q)));
     if (!suiteMatches && matchedTests.length === 0) return null;
     return {
@@ -58,7 +70,10 @@ function _page($$payload, $$props) {
   }).filter(Boolean);
   totalTests = suites.reduce((n, s) => n + s.tests.length, 0);
   visibleTests = filtered.reduce((n, s) => n + s.tests.length, 0);
-  $$payload.out += `<div class="page-header svelte-10529e9"><div class="header-top svelte-10529e9"><div class="svelte-10529e9"><h1 class="svelte-10529e9">Tests</h1> <p class="subtitle svelte-10529e9">`;
+  head($$payload, ($$payload2) => {
+    $$payload2.title = `<title>Automated Tests — Plum</title>`;
+  });
+  $$payload.out += `<div class="page-header svelte-17hubf3"><div class="header-top svelte-17hubf3"><div class="svelte-17hubf3"><h1 class="svelte-17hubf3">Tests</h1> <p class="subtitle svelte-17hubf3">`;
   if (q) {
     $$payload.out += "<!--[-->";
     $$payload.out += `${escape_html(visibleTests)} of ${escape_html(totalTests)} tests`;
@@ -66,49 +81,51 @@ function _page($$payload, $$props) {
     $$payload.out += "<!--[!-->";
     $$payload.out += `${escape_html(suites.length)} suite${escape_html(suites.length !== 1 ? "s" : "")} · ${escape_html(totalTests)} test${escape_html(totalTests !== 1 ? "s" : "")}`;
   }
-  $$payload.out += `<!--]--></p></div></div> <div class="search-row svelte-10529e9"><div class="search-wrap svelte-10529e9"><svg class="search-icon svelte-10529e9" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" class="svelte-10529e9"></circle><line x1="21" y1="21" x2="16.65" y2="16.65" class="svelte-10529e9"></line></svg> <input type="text" class="search-input svelte-10529e9"${attr("value", search)} placeholder="Search suites or tests…"> `;
+  $$payload.out += `<!--]--></p></div></div> <div class="search-row svelte-17hubf3"><div class="search-wrap svelte-17hubf3"><svg class="search-icon svelte-17hubf3" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" class="svelte-17hubf3"></circle><line x1="21" y1="21" x2="16.65" y2="16.65" class="svelte-17hubf3"></line></svg> <input type="text" class="search-input svelte-17hubf3"${attr("value", search)} placeholder="Search suites or tests…"> `;
   {
     $$payload.out += "<!--[!-->";
   }
   $$payload.out += `<!--]--></div></div></div> `;
   if (filtered.length === 0) {
     $$payload.out += "<!--[-->";
-    $$payload.out += `<p class="empty svelte-10529e9">${escape_html(q ? `No tests matching "${search}"` : "No test suites found.")}</p>`;
+    EmptyState($$payload, {
+      message: q ? `No tests matching "${search}"` : "No test suites found."
+    });
   } else {
     $$payload.out += "<!--[!-->";
     const each_array = ensure_array_like(filtered);
-    $$payload.out += `<div class="suites svelte-10529e9"><!--[-->`;
+    $$payload.out += `<div class="suites svelte-17hubf3"><!--[-->`;
     for (let si = 0, $$length = each_array.length; si < $$length; si++) {
       let suite = each_array[si];
       const each_array_1 = ensure_array_like(suiteIds(suite));
       const each_array_2 = ensure_array_like(suite.tests);
-      $$payload.out += `<div class="suite svelte-10529e9"${attr("style", `animation-delay: ${stringify(si * 55)}ms`)}><div class="suite-header svelte-10529e9"><div class="suite-meta svelte-10529e9"><div class="suite-badges svelte-10529e9"><!--[-->`;
+      $$payload.out += `<div class="suite svelte-17hubf3"${attr("style", stagger(si, 55))}><div class="suite-header svelte-17hubf3"><div class="suite-meta svelte-17hubf3"><div class="suite-badges svelte-17hubf3"><!--[-->`;
       for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
         let id = each_array_1[$$index];
-        $$payload.out += `<button${attr("class", `id-pill svelte-10529e9 ${stringify([copiedIds.has(id) ? "copied" : ""].filter(Boolean).join(" "))}`)}${attr("title", copiedIds.has(id) ? `Copied ${id}` : `Copy ${id}`)}${attr("aria-label", copiedIds.has(id) ? `Copied ${id}` : `Copy ${id}`)}>${escape_html(id)}</button>`;
+        $$payload.out += `<button${attr("class", `id-pill svelte-17hubf3 ${stringify([copiedIds.has(id) ? "copied" : ""].filter(Boolean).join(" "))}`)}${attr("title", copiedIds.has(id) ? `Copied ${id}` : `Copy ${id}`)}${attr("aria-label", copiedIds.has(id) ? `Copied ${id}` : `Copy ${id}`)}>${escape_html(id)}</button>`;
       }
-      $$payload.out += `<!--]--></div> <span class="suite-name svelte-10529e9">${escape_html(suite.suiteName)}</span> <span class="suite-count svelte-10529e9">${escape_html(suite.tests.length)} test${escape_html(suite.tests.length !== 1 ? "s" : "")}</span></div> <button class="run-btn suite-run svelte-10529e9" title="Run suite"><svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-10529e9"><polygon points="5,3 19,12 5,21" class="svelte-10529e9"></polygon></svg> Run suite</button></div> <div class="tests svelte-10529e9"><!--[-->`;
+      $$payload.out += `<!--]--></div> <span class="suite-name svelte-17hubf3">${escape_html(suite.suiteName)}</span> <span class="suite-count svelte-17hubf3">${escape_html(suite.tests.length)} test${escape_html(suite.tests.length !== 1 ? "s" : "")}</span></div> <button class="run-btn suite-run svelte-17hubf3" title="Run suite"><svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-17hubf3"><polygon points="5,3 19,12 5,21" class="svelte-17hubf3"></polygon></svg> Run suite</button></div> <div class="tests svelte-17hubf3"><!--[-->`;
       for (let ti = 0, $$length2 = each_array_2.length; ti < $$length2; ti++) {
         let test = each_array_2[ti];
         const pid = primaryId(test);
         const stepsOpen = expandedSteps.has(pid);
         const each_array_3 = ensure_array_like(testIds(test));
-        $$payload.out += `<div class="test-row svelte-10529e9"${attr("style", `animation-delay: ${stringify((si * 4 + ti) * 30)}ms`)}><div class="test-main svelte-10529e9"><button class="run-icon-btn svelte-10529e9"${attr("title", `Run ${stringify(pid)}`)}${attr("aria-label", `Run ${stringify(test.testCase)}`)}><svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-10529e9"><polygon points="5,3 19,12 5,21" class="svelte-10529e9"></polygon></svg></button> <div class="test-ids svelte-10529e9"><!--[-->`;
+        $$payload.out += `<div class="test-row svelte-17hubf3"${attr("style", stagger(si * 4 + ti, 30))}><div class="test-main svelte-17hubf3"><button class="run-icon-btn svelte-17hubf3"${attr("title", `Run ${stringify(pid)}`)}${attr("aria-label", `Run ${stringify(test.testCase)}`)}><svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-17hubf3"><polygon points="5,3 19,12 5,21" class="svelte-17hubf3"></polygon></svg></button> <div class="test-ids svelte-17hubf3"><!--[-->`;
         for (let $$index_1 = 0, $$length3 = each_array_3.length; $$index_1 < $$length3; $$index_1++) {
           let id = each_array_3[$$index_1];
-          $$payload.out += `<button${attr("class", `id-pill svelte-10529e9 ${stringify([copiedIds.has(id) ? "copied" : ""].filter(Boolean).join(" "))}`)}${attr("title", copiedIds.has(id) ? `Copied ${id}` : `Copy ${id}`)}${attr("aria-label", copiedIds.has(id) ? `Copied ${id}` : `Copy ${id}`)}>${escape_html(id)}</button>`;
+          $$payload.out += `<button${attr("class", `id-pill svelte-17hubf3 ${stringify([copiedIds.has(id) ? "copied" : ""].filter(Boolean).join(" "))}`)}${attr("title", copiedIds.has(id) ? `Copied ${id}` : `Copy ${id}`)}${attr("aria-label", copiedIds.has(id) ? `Copied ${id}` : `Copy ${id}`)}>${escape_html(id)}</button>`;
         }
-        $$payload.out += `<!--]--></div> <span class="test-name svelte-10529e9">${escape_html(test.testCase)} `;
+        $$payload.out += `<!--]--></div> <span class="test-name svelte-17hubf3">${escape_html(test.testCase)} `;
         if (test.type === "outline") {
           $$payload.out += "<!--[-->";
-          $$payload.out += `<span class="outline-badge svelte-10529e9">outline</span>`;
+          $$payload.out += `<span class="outline-badge svelte-17hubf3">outline</span>`;
         } else {
           $$payload.out += "<!--[!-->";
         }
         $$payload.out += `<!--]--></span> `;
         if (test.steps?.length > 0) {
           $$payload.out += "<!--[-->";
-          $$payload.out += `<button class="steps-toggle svelte-10529e9"${attr("aria-expanded", stepsOpen)}><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"${attr("class", `svelte-10529e9 ${stringify([stepsOpen ? "rotated" : ""].filter(Boolean).join(" "))}`)}><polyline points="9 18 15 12 9 6" class="svelte-10529e9"></polyline></svg> ${escape_html(stepsOpen ? "Hide" : "Steps")}</button>`;
+          $$payload.out += `<button class="steps-toggle svelte-17hubf3"${attr("aria-expanded", stepsOpen)}><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"${attr("class", `svelte-17hubf3 ${stringify([stepsOpen ? "rotated" : ""].filter(Boolean).join(" "))}`)}><polyline points="9 18 15 12 9 6" class="svelte-17hubf3"></polyline></svg> ${escape_html(stepsOpen ? "Hide" : "Steps")}</button>`;
         } else {
           $$payload.out += "<!--[!-->";
         }
@@ -116,29 +133,29 @@ function _page($$payload, $$props) {
         if (stepsOpen && test.steps?.length > 0) {
           $$payload.out += "<!--[-->";
           const each_array_4 = ensure_array_like(test.steps);
-          $$payload.out += `<div class="steps svelte-10529e9"><ol class="step-list svelte-10529e9"><!--[-->`;
+          $$payload.out += `<div class="steps svelte-17hubf3"><ol class="step-list svelte-17hubf3"><!--[-->`;
           for (let $$index_2 = 0, $$length3 = each_array_4.length; $$index_2 < $$length3; $$index_2++) {
             let step = each_array_4[$$index_2];
-            $$payload.out += `<li class="step svelte-10529e9">${escape_html(step)}</li>`;
+            $$payload.out += `<li class="step svelte-17hubf3">${escape_html(step)}</li>`;
           }
           $$payload.out += `<!--]--></ol> `;
           if (test.examples) {
             $$payload.out += "<!--[-->";
             const each_array_5 = ensure_array_like(test.examples.headers);
             const each_array_6 = ensure_array_like(test.examples.rows);
-            $$payload.out += `<div class="examples svelte-10529e9"><span class="examples-label svelte-10529e9">Examples</span> <div class="examples-table-wrap svelte-10529e9"><table class="examples-table svelte-10529e9"><thead class="svelte-10529e9"><tr class="svelte-10529e9"><!--[-->`;
+            $$payload.out += `<div class="examples svelte-17hubf3"><span class="examples-label svelte-17hubf3">Examples</span> <div class="examples-table-wrap svelte-17hubf3"><table class="examples-table svelte-17hubf3"><thead class="svelte-17hubf3"><tr class="svelte-17hubf3"><!--[-->`;
             for (let $$index_3 = 0, $$length3 = each_array_5.length; $$index_3 < $$length3; $$index_3++) {
               let h = each_array_5[$$index_3];
-              $$payload.out += `<th class="svelte-10529e9">${escape_html(h)}</th>`;
+              $$payload.out += `<th class="svelte-17hubf3">${escape_html(h)}</th>`;
             }
-            $$payload.out += `<!--]--></tr></thead><tbody class="svelte-10529e9"><!--[-->`;
+            $$payload.out += `<!--]--></tr></thead><tbody class="svelte-17hubf3"><!--[-->`;
             for (let $$index_5 = 0, $$length3 = each_array_6.length; $$index_5 < $$length3; $$index_5++) {
               let row = each_array_6[$$index_5];
               const each_array_7 = ensure_array_like(row);
-              $$payload.out += `<tr class="svelte-10529e9"><!--[-->`;
+              $$payload.out += `<tr class="svelte-17hubf3"><!--[-->`;
               for (let $$index_4 = 0, $$length4 = each_array_7.length; $$index_4 < $$length4; $$index_4++) {
                 let cell = each_array_7[$$index_4];
-                $$payload.out += `<td class="svelte-10529e9">${escape_html(cell)}</td>`;
+                $$payload.out += `<td class="svelte-17hubf3">${escape_html(cell)}</td>`;
               }
               $$payload.out += `<!--]--></tr>`;
             }
@@ -157,6 +174,7 @@ function _page($$payload, $$props) {
     $$payload.out += `<!--]--></div>`;
   }
   $$payload.out += `<!--]-->`;
+  if ($$store_subs) unsubscribe_stores($$store_subs);
   pop();
 }
 export {

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

@@ -0,0 +1,40 @@
+/*
+ * 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 { Y as head, X as store_get, $ as unsubscribe_stores, p as pop, a as push } from "../../../chunks/index.js";
+import "../../../chunks/client.js";
+import "../../../chunks/auth.js";
+import { t as theme } from "../../../chunks/theme.js";
+import { a as attr } from "../../../chunks/attributes.js";
+function _page($$payload, $$props) {
+  push();
+  var $$store_subs;
+  head($$payload, ($$payload2) => {
+    $$payload2.title = `<title>Sign in — Plum</title>`;
+  });
+  $$payload.out += `<div class="page svelte-cliau1"${attr("data-theme", store_get($$store_subs ??= {}, "$theme", theme))}>`;
+  {
+    $$payload.out += "<!--[-->";
+    $$payload.out += `<p class="checking svelte-cliau1">Checking server…</p>`;
+  }
+  $$payload.out += `<!--]--></div>`;
+  if ($$store_subs) unsubscribe_stores($$store_subs);
+  pop();
+}
+export {
+  _page as default
+};

package/frontend/.svelte-kit/adapter-node/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/adapter-node/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 {