plum-e2e 2.6.8 → 2.7.1

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

@@ -1,49 +1,47 @@
-/*
- * 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 { X as head, Y as ensure_array_like, Z as stringify, 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 "../../chunks/runner.js";
 import { s as stagger } from "../../chunks/format.js";
 import { E as EmptyState } from "../../chunks/EmptyState.js";
+import { p as pluralize, S as SORT_BY_LABEL } from "../../chunks/common.js";
 import { e as escape_html } from "../../chunks/escaping.js";
 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 ?? [];
-}
+const PAGE_TITLE = "Automated Tests — Plum";
+const HEADING = "Tests";
+const SEARCH_PLACEHOLDER = "Search suites or tests…";
+const NO_SUITES_MESSAGE = "No test suites found.";
+const RUN_SUITE_LABEL = "Run suite";
+const OUTLINE_BADGE = "outline";
+const HIDE_LABEL = "Hide";
+const STEPS_LABEL = "Steps";
+const EXAMPLES_LABEL = "Examples";
+const noMatchMessage = (search) => `No tests matching "${search}"`;
+const copiedTitle = (id) => `Copied ${id}`;
+const copyTitle = (id) => `Copy ${id}`;
+const runIdTitle = (pid) => `Run ${pid}`;
+const runTestLabel = (name) => `Run ${name}`;
+const collapseOrExpandSuiteLabel = (expanded) => expanded ? "Collapse suite" : "Expand suite";
+const visibleOfTotal = (visible, total) => `${visible} of ${total} tests`;
+const testCountLabel = (count) => `${count} ${pluralize(count, "test")}`;
+const suiteSummary = (suiteCount, testCount) => `${suiteCount} ${pluralize(suiteCount, "suite")} · ${testCount} ${pluralize(testCount, "test")}`;
 function _page($$payload, $$props) {
   push();
-  var $$store_subs;
   let q, filtered, totalTests, visibleTests;
   let suites = [];
   let search = "";
   let expandedSteps = /* @__PURE__ */ new Set();
+  let collapsedSuites = /* @__PURE__ */ new Set();
   let copiedIds = /* @__PURE__ */ new Set();
   const copyTimers = /* @__PURE__ */ new Map();
-  async function loadSuites() {
+  function readSort(key, fallback) {
     try {
-      suites = await fetchSuites();
-    } catch (e) {
-      console.error("Failed to fetch suites", e);
+      const v = sessionStorage.getItem(key);
+      if (v) return JSON.parse(v);
+    } catch {
     }
+    return fallback;
   }
+  let sort = readSort("plum:automated-tests:sort", { by: "id", order: "desc" });
   function suiteIds(suite) {
     return Array.isArray(suite.suiteId) ? suite.suiteId : [suite.suiteId];
   }
@@ -56,7 +54,6 @@ 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;
@@ -67,114 +64,151 @@ function _page($$payload, $$props) {
       ...suite,
       tests: suiteMatches ? suite.tests : matchedTests
     };
-  }).filter(Boolean);
+  }).filter(Boolean).map((suite) => ({
+    ...suite,
+    tests: [...suite.tests].sort((a, b) => {
+      const diff = sort.by === "name" ? a.testCase.localeCompare(b.testCase) : (primaryId(a) ?? "").localeCompare(primaryId(b) ?? "");
+      return sort.order === "asc" ? diff : -diff;
+    })
+  })).sort((a, b) => {
+    const diff = sort.by === "name" ? a.suiteName.localeCompare(b.suiteName) : (suiteIds(a)[0] ?? "").localeCompare(suiteIds(b)[0] ?? "");
+    return sort.order === "asc" ? diff : -diff;
+  });
   totalTests = suites.reduce((n, s) => n + s.tests.length, 0);
   visibleTests = filtered.reduce((n, s) => n + s.tests.length, 0);
   head($$payload, ($$payload2) => {
-    $$payload2.title = `<title>Automated Tests — Plum</title>`;
+    $$payload2.title = `<title>${escape_html(PAGE_TITLE)}</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">`;
+  $$payload.out += `<div class="page-header svelte-ll28r2"><div class="header-top svelte-ll28r2"><div class="svelte-ll28r2"><h1 class="svelte-ll28r2">${escape_html(HEADING)}</h1> <p class="subtitle svelte-ll28r2">`;
   if (q) {
     $$payload.out += "<!--[-->";
-    $$payload.out += `${escape_html(visibleTests)} of ${escape_html(totalTests)} tests`;
+    $$payload.out += `${escape_html(visibleOfTotal(visibleTests, totalTests))}`;
   } else {
     $$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 += `${escape_html(suiteSummary(suites.length, totalTests))}`;
   }
-  $$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 += `<!--]--></p></div></div> <div class="search-row svelte-ll28r2"><div class="search-wrap svelte-ll28r2"><svg class="search-icon svelte-ll28r2" 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-ll28r2"></circle><line x1="21" y1="21" x2="16.65" y2="16.65" class="svelte-ll28r2"></line></svg> <input type="text" class="search-input svelte-ll28r2"${attr("value", search)}${attr("placeholder", SEARCH_PLACEHOLDER)}> `;
   {
     $$payload.out += "<!--[!-->";
   }
   $$payload.out += `<!--]--></div></div></div> `;
+  if (!q) {
+    $$payload.out += "<!--[-->";
+    const each_array = ensure_array_like([["id", "ID"], ["name", "Name"]]);
+    $$payload.out += `<div class="sort-bar svelte-ll28r2"><span class="sort-label svelte-ll28r2">${escape_html(SORT_BY_LABEL)}</span> <!--[-->`;
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let [val, label] = each_array[$$index];
+      $$payload.out += `<button${attr("class", `sort-chip svelte-ll28r2 ${stringify([sort.by === val ? "active" : ""].filter(Boolean).join(" "))}`)}>${escape_html(label)} `;
+      if (sort.by === val) {
+        $$payload.out += "<!--[-->";
+        $$payload.out += `<span class="sort-dir svelte-ll28r2">${escape_html(sort.order === "asc" ? "↑" : "↓")}</span>`;
+      } else {
+        $$payload.out += "<!--[!-->";
+      }
+      $$payload.out += `<!--]--></button>`;
+    }
+    $$payload.out += `<!--]--></div>`;
+  } else {
+    $$payload.out += "<!--[!-->";
+  }
+  $$payload.out += `<!--]--> `;
   if (filtered.length === 0) {
     $$payload.out += "<!--[-->";
     EmptyState($$payload, {
-      message: q ? `No tests matching "${search}"` : "No test suites found."
+      message: q ? noMatchMessage(search) : NO_SUITES_MESSAGE
     });
   } else {
     $$payload.out += "<!--[!-->";
-    const each_array = ensure_array_like(filtered);
-    $$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-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-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>`;
+    const each_array_1 = ensure_array_like(filtered);
+    $$payload.out += `<div class="suites svelte-ll28r2"><!--[-->`;
+    for (let si = 0, $$length = each_array_1.length; si < $$length; si++) {
+      let suite = each_array_1[si];
+      const suiteKey = suiteIds(suite)[0] ?? suite.suiteName;
+      const suiteOpen = !collapsedSuites.has(suiteKey);
+      const each_array_2 = ensure_array_like(suiteIds(suite));
+      $$payload.out += `<div class="suite svelte-ll28r2"${attr("style", stagger(si, 55))}><div class="suite-header svelte-ll28r2"><button class="suite-toggle svelte-ll28r2"${attr("aria-expanded", suiteOpen)}${attr("aria-label", collapseOrExpandSuiteLabel(suiteOpen))}><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"${attr("class", `svelte-ll28r2 ${stringify([suiteOpen ? "rotated" : ""].filter(Boolean).join(" "))}`)}><polyline points="9 18 15 12 9 6" class="svelte-ll28r2"></polyline></svg></button> <div class="suite-meta svelte-ll28r2"><div class="suite-badges svelte-ll28r2"><!--[-->`;
+      for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
+        let id = each_array_2[$$index_1];
+        $$payload.out += `<button${attr("class", `id-pill svelte-ll28r2 ${stringify([copiedIds.has(id) ? "copied" : ""].filter(Boolean).join(" "))}`)}${attr("title", copiedIds.has(id) ? copiedTitle(id) : copyTitle(id))}${attr("aria-label", copiedIds.has(id) ? copiedTitle(id) : copyTitle(id))}>${escape_html(id)}</button>`;
       }
-      $$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-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-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-17hubf3">${escape_html(test.testCase)} `;
-        if (test.type === "outline") {
-          $$payload.out += "<!--[-->";
-          $$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-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 += "<!--[!-->";
-        }
-        $$payload.out += `<!--]--></div> `;
-        if (stepsOpen && test.steps?.length > 0) {
-          $$payload.out += "<!--[-->";
-          const each_array_4 = ensure_array_like(test.steps);
-          $$payload.out += `<div class="steps svelte-17hubf3"><ol class="step-list svelte-17hubf3"><!--[-->`;
+      $$payload.out += `<!--]--></div> <span class="suite-name svelte-ll28r2">${escape_html(suite.suiteName)}</span> <span class="suite-count svelte-ll28r2">${escape_html(testCountLabel(suite.tests.length))}</span></div> <button class="run-btn suite-run svelte-ll28r2"${attr("title", RUN_SUITE_LABEL)}><svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-ll28r2"><polygon points="5,3 19,12 5,21" class="svelte-ll28r2"></polygon></svg> ${escape_html(RUN_SUITE_LABEL)}</button></div> `;
+      if (suiteOpen) {
+        $$payload.out += "<!--[-->";
+        const each_array_3 = ensure_array_like(suite.tests);
+        $$payload.out += `<div class="tests svelte-ll28r2"><!--[-->`;
+        for (let ti = 0, $$length2 = each_array_3.length; ti < $$length2; ti++) {
+          let test = each_array_3[ti];
+          const pid = primaryId(test);
+          const stepsOpen = expandedSteps.has(pid);
+          const each_array_4 = ensure_array_like(testIds(test));
+          $$payload.out += `<div class="test-row svelte-ll28r2"${attr("style", stagger(si * 4 + ti, 30))}><div class="test-main svelte-ll28r2"><button class="run-icon-btn svelte-ll28r2"${attr("title", runIdTitle(pid))}${attr("aria-label", runTestLabel(test.testCase))}><svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-ll28r2"><polygon points="5,3 19,12 5,21" class="svelte-ll28r2"></polygon></svg></button> <div class="test-ids svelte-ll28r2"><!--[-->`;
           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-17hubf3">${escape_html(step)}</li>`;
+            let id = each_array_4[$$index_2];
+            $$payload.out += `<button${attr("class", `id-pill svelte-ll28r2 ${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-ll28r2">${escape_html(test.testCase)} `;
+          if (test.type === "outline") {
+            $$payload.out += "<!--[-->";
+            $$payload.out += `<span class="outline-badge svelte-ll28r2">${escape_html(OUTLINE_BADGE)}</span>`;
+          } else {
+            $$payload.out += "<!--[!-->";
           }
-          $$payload.out += `<!--]--></ol> `;
-          if (test.examples) {
+          $$payload.out += `<!--]--></span> `;
+          if (test.steps?.length > 0) {
             $$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-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"><!--[-->`;
+            $$payload.out += `<button class="steps-toggle svelte-ll28r2"${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-ll28r2 ${stringify([stepsOpen ? "rotated" : ""].filter(Boolean).join(" "))}`)}><polyline points="9 18 15 12 9 6" class="svelte-ll28r2"></polyline></svg> ${escape_html(stepsOpen ? HIDE_LABEL : STEPS_LABEL)}</button>`;
+          } else {
+            $$payload.out += "<!--[!-->";
+          }
+          $$payload.out += `<!--]--></div> `;
+          if (stepsOpen && test.steps?.length > 0) {
+            $$payload.out += "<!--[-->";
+            const each_array_5 = ensure_array_like(test.steps);
+            $$payload.out += `<div class="steps svelte-ll28r2"><ol class="step-list svelte-ll28r2"><!--[-->`;
             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-17hubf3">${escape_html(h)}</th>`;
+              let step = each_array_5[$$index_3];
+              $$payload.out += `<li class="step svelte-ll28r2">${escape_html(step)}</li>`;
             }
-            $$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-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-17hubf3">${escape_html(cell)}</td>`;
+            $$payload.out += `<!--]--></ol> `;
+            if (test.examples) {
+              $$payload.out += "<!--[-->";
+              const each_array_6 = ensure_array_like(test.examples.headers);
+              const each_array_7 = ensure_array_like(test.examples.rows);
+              $$payload.out += `<div class="examples svelte-ll28r2"><span class="examples-label svelte-ll28r2">${escape_html(EXAMPLES_LABEL)}</span> <div class="examples-table-wrap svelte-ll28r2"><table class="examples-table svelte-ll28r2"><thead class="svelte-ll28r2"><tr class="svelte-ll28r2"><!--[-->`;
+              for (let $$index_4 = 0, $$length3 = each_array_6.length; $$index_4 < $$length3; $$index_4++) {
+                let h = each_array_6[$$index_4];
+                $$payload.out += `<th class="svelte-ll28r2">${escape_html(h)}</th>`;
+              }
+              $$payload.out += `<!--]--></tr></thead><tbody class="svelte-ll28r2"><!--[-->`;
+              for (let $$index_6 = 0, $$length3 = each_array_7.length; $$index_6 < $$length3; $$index_6++) {
+                let row = each_array_7[$$index_6];
+                const each_array_8 = ensure_array_like(row);
+                $$payload.out += `<tr class="svelte-ll28r2"><!--[-->`;
+                for (let $$index_5 = 0, $$length4 = each_array_8.length; $$index_5 < $$length4; $$index_5++) {
+                  let cell = each_array_8[$$index_5];
+                  $$payload.out += `<td class="svelte-ll28r2">${escape_html(cell)}</td>`;
+                }
+                $$payload.out += `<!--]--></tr>`;
               }
-              $$payload.out += `<!--]--></tr>`;
+              $$payload.out += `<!--]--></tbody></table></div></div>`;
+            } else {
+              $$payload.out += "<!--[!-->";
             }
-            $$payload.out += `<!--]--></tbody></table></div></div>`;
+            $$payload.out += `<!--]--></div>`;
           } else {
             $$payload.out += "<!--[!-->";
           }
           $$payload.out += `<!--]--></div>`;
-        } else {
-          $$payload.out += "<!--[!-->";
         }
         $$payload.out += `<!--]--></div>`;
+      } else {
+        $$payload.out += "<!--[!-->";
       }
-      $$payload.out += `<!--]--></div></div>`;
+      $$payload.out += `<!--]--></div>`;
     }
     $$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

@@ -1,35 +1,20 @@
-/*
- * 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 { X as head, _ 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 { L as LOGIN_PAGE_TITLE, C as CHECKING_SERVER } from "../../../chunks/auth2.js";
 import { a as attr } from "../../../chunks/attributes.js";
+import { e as escape_html } from "../../../chunks/escaping.js";
 function _page($$payload, $$props) {
   push();
   var $$store_subs;
   head($$payload, ($$payload2) => {
-    $$payload2.title = `<title>Sign in — Plum</title>`;
+    $$payload2.title = `<title>${escape_html(LOGIN_PAGE_TITLE)}</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 += `<p class="checking svelte-cliau1">${escape_html(CHECKING_SERVER)}</p>`;
   }
   $$payload.out += `<!--]--></div>`;
   if ($$store_subs) unsubscribe_stores($$store_subs);

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

@@ -1,26 +1,11 @@
-/*
- * 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 { _ as store_get, X 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";
+import { e as DETAIL_PAGE_TITLE, g as REPORTS_BACK_LABEL } from "../../../../chunks/reports2.js";
 /* empty css                                                     */
 import { B as BackLink } from "../../../../chunks/BackLink.js";
+import { e as escape_html } from "../../../../chunks/escaping.js";
 function _page($$payload, $$props) {
   push();
   var $$store_subs;
@@ -37,9 +22,9 @@ function _page($$payload, $$props) {
   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>`;
+    $$payload2.title = `<title>${escape_html(DETAIL_PAGE_TITLE)}</title>`;
   });
-  BackLink($$payload, { href: "/reports", label: "Reports" });
+  BackLink($$payload, { href: "/reports", label: REPORTS_BACK_LABEL });
   $$payload.out += `<!----> `;
   {
     $$payload.out += "<!--[!-->";

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

@@ -1,25 +1,8 @@
-/*
- * 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 { 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 { a as push, a0 as fallback, Y as ensure_array_like, Z as stringify, a1 as bind_props, p as pop, _ as store_get, a2 as copy_payload, a3 as assign_payload, $ as unsubscribe_stores, X 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 { R as REPORTS_PER_PAGE, B as BROWSERS } 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                                                       */
@@ -27,6 +10,7 @@ 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";
+import { d as deleteReportsTitle, t as trendDotTitle, S as SELECT_ALL_TITLE, a as deleteSelectedLabel, b as SELECT_ROW_TITLE, D as DELETE_REPORT_TITLE, L as LIST_PAGE_TITLE, c as deleteReportsBody, H as HEADING, r as runsRecorded, P as PASSING_LABEL, p as passedCountLabel, f as failedCountLabel, R as RECENT_LABEL, T as TREND_HINT, N as NO_REPORTS_MESSAGE } from "../../../chunks/reports2.js";
 function Pagination($$payload, $$props) {
   push();
   let current = fallback($$props["current"], 1);
@@ -90,11 +74,10 @@ function _page($$payload, $$props) {
   let $$inner_payload;
   function $$render_inner($$payload2) {
     head($$payload2, ($$payload3) => {
-      $$payload3.title = `<title>Reports — Plum</title>`;
+      $$payload3.title = `<title>${escape_html(LIST_PAGE_TITLE)}</title>`;
     });
     ConfirmModal($$payload2, {
-      title: deleteModal.targets.length === 1 ? "Delete report?" : `Delete ${deleteModal.targets.length} reports?`,
-      confirmLabel: "Delete",
+      title: deleteReportsTitle(deleteModal.targets.length),
       loading: deleting,
       get open() {
         return deleteModal.open;
@@ -104,25 +87,18 @@ function _page($$payload, $$props) {
         $$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 += `<!--]-->`;
+        $$payload3.out += `<!---->${escape_html(deleteReportsBody(deleteModal.targets.length))}`;
       },
       $$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> `;
+    $$payload2.out += `<!----> <div class="page-header svelte-wkly2m"><div class="header-top svelte-wkly2m"><div><h1 class="svelte-wkly2m">${escape_html(HEADING)}</h1> <p class="subtitle svelte-wkly2m">${escape_html(runsRecorded(total))}</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>`;
+      ].filter(Boolean).join(" "))}`)}>${escape_html(passRate)}%</span> <span class="rate-label svelte-wkly2m">${escape_html(PASSING_LABEL)}</span></div>`;
     } else {
       $$payload2.out += "<!--[!-->";
     }
@@ -130,31 +106,29 @@ function _page($$payload, $$props) {
     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"><!--[-->`;
+      $$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(passedCountLabel(passCount))}</span> <span class="legend-fail svelte-wkly2m">${escape_html(failedCountLabel(failCount))}</span></div></div> <div class="trend-row svelte-wkly2m"><span class="trend-label svelte-wkly2m">${escape_html(RECENT_LABEL)}</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>`;
+        ].filter(Boolean).join(" "))}`)}${attr("style", stagger(i, 35))}${attr("title", trendDotTitle(r.status, r.tags, r.date))}></span>`;
       }
-      $$payload2.out += `<!--]--></div> <span class="trend-hint svelte-wkly2m">← older · newer →</span></div>`;
+      $$payload2.out += `<!--]--></div> <span class="trend-hint svelte-wkly2m">${escape_html(TREND_HINT)}</span></div>`;
     } else {
       $$payload2.out += "<!--[!-->";
     }
     $$payload2.out += `<!--]--></div> `;
     if (total === 0) {
       $$payload2.out += "<!--[-->";
-      EmptyState($$payload2, {
-        message: "No reports yet. Run a test to generate one."
-      });
+      EmptyState($$payload2, { message: NO_REPORTS_MESSAGE });
     } 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> `;
+      $$payload2.out += `<div class="list-header svelte-wkly2m"><label class="select-all-wrap svelte-wkly2m"${attr("title", SELECT_ALL_TITLE)}><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>`;
+        $$payload2.out += `<button class="btn-delete-selected svelte-wkly2m">${escape_html(deleteSelectedLabel(selected.size))}</button>`;
       } else {
         $$payload2.out += "<!--[!-->";
       }
@@ -163,7 +137,7 @@ function _page($$payload, $$props) {
         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([
+        ].filter(Boolean).join(" "))}`)}${attr("style", stagger(i))}><label class="row-check-wrap svelte-wkly2m"${attr("title", SELECT_ROW_TITLE)}><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([
@@ -178,7 +152,7 @@ function _page($$payload, $$props) {
           $$slots: { default: true }
         });
         $$payload2.out += `<!----> `;
-        if (report.browser && report.browser !== "chromium") {
+        if (report.browser && report.browser !== BROWSERS[0].id) {
           $$payload2.out += "<!--[-->";
           Badge($$payload2, {
             variant: "neutral",
@@ -190,7 +164,7 @@ function _page($$payload, $$props) {
         } 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></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"${attr("title", DELETE_REPORT_TITLE)}><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) {