plum-e2e 2.6.8 → 2.6.9

package/frontend/.svelte-kit/adapter-node/entries/fallbacks/error.svelte.js

@@ -15,6 +15,11 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 import { e as escape_html } from "../../chunks/escaping.js";
 import "clsx";
 import { g as getContext, p as pop, a as push } from "../../chunks/index.js";

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

@@ -15,6 +15,11 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 const ssr = false;
 export {
   ssr

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

@@ -15,12 +15,19 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 import "clsx";
 import { p as pop, a as push } from "../../chunks/index.js";
 import "../../chunks/client.js";
 import "../../chunks/auth.js";
 import "socket.io-client";
+import "../../chunks/runner.js";
 import "../../chunks/format.js";
+/* empty css                                               */
 /* empty css                                                      */
 /* empty css                                               */
 function _layout($$payload, $$props) {

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

@@ -15,12 +15,18 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 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 { p as pluralize } from "../../chunks/common.js";
 import { e as escape_html } from "../../chunks/escaping.js";
 import { a as attr } from "../../chunks/attributes.js";
 async function fetchSuites() {
@@ -28,6 +34,23 @@ async function fetchSuites() {
   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 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;
@@ -71,17 +94,17 @@ function _page($$payload, $$props) {
   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-17hubf3"><div class="header-top svelte-17hubf3"><div class="svelte-17hubf3"><h1 class="svelte-17hubf3">${escape_html(HEADING)}</h1> <p class="subtitle svelte-17hubf3">`;
   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-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)}${attr("placeholder", SEARCH_PLACEHOLDER)}> `;
   {
     $$payload.out += "<!--[!-->";
   }
@@ -89,7 +112,7 @@ function _page($$payload, $$props) {
   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 += "<!--[!-->";
@@ -102,15 +125,15 @@ function _page($$payload, $$props) {
       $$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>`;
+        $$payload.out += `<button${attr("class", `id-pill svelte-17hubf3 ${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"><!--[-->`;
+      $$payload.out += `<!--]--></div> <span class="suite-name svelte-17hubf3">${escape_html(suite.suiteName)}</span> <span class="suite-count svelte-17hubf3">${escape_html(testCountLabel(suite.tests.length))}</span></div> <button class="run-btn suite-run svelte-17hubf3"${attr("title", RUN_SUITE_LABEL)}><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> ${escape_html(RUN_SUITE_LABEL)}</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"><!--[-->`;
+        $$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", runIdTitle(pid))}${attr("aria-label", runTestLabel(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>`;
@@ -118,14 +141,14 @@ function _page($$payload, $$props) {
         $$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>`;
+          $$payload.out += `<span class="outline-badge svelte-17hubf3">${escape_html(OUTLINE_BADGE)}</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>`;
+          $$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_LABEL : STEPS_LABEL)}</button>`;
         } else {
           $$payload.out += "<!--[!-->";
         }
@@ -143,7 +166,7 @@ function _page($$payload, $$props) {
             $$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 += `<div class="examples svelte-17hubf3"><span class="examples-label svelte-17hubf3">${escape_html(EXAMPLES_LABEL)}</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-17hubf3">${escape_html(h)}</th>`;

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

@@ -15,21 +15,28 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 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 { 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

@@ -15,12 +15,19 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 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";
+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 +44,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

@@ -15,11 +15,16 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 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 { 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 +32,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 +96,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 +109,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 +128,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 +159,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 +174,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 +186,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) {

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

@@ -15,13 +15,20 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 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 REDIRECT_DELAY_MS } from "../../../../chunks/constants.js";
+import { A as ALL_TESTS_LABEL } from "../../../../chunks/common.js";
+import { h as runsInProgressHeading, w as workersCountLabel, i as runnersBadge, A as AWAITING_STREAM_LABEL, j as NO_STREAM_LABEL, k as RUNNER_LABEL, l as RUNNING_LABEL, F as FINISHED_LABEL, W as WAITING_FOR_OUTPUT, g as REPORTS_BACK_LABEL, m as LIVE_BROWSER_VIEW_ALT, n as LIVE_PAGE_TITLE, o as NO_TESTS_RUNNING_HEADING, q as NO_TESTS_RUNNING_BODY, V as VIEW_PAST_REPORTS_LINK, s as SELECT_RUN_HINT, u as LIVE_BADGE_LABEL, v as PASSED_LABEL, x as FAILED_LABEL, C as CANCEL_RUN_LABEL, y as ALL_TESTS_PASSED, z as SOME_TESTS_FAILED, B as redirectingIn, E as VIEW_REPORT_NOW_LABEL, G as LIVE_STEP_LABEL } from "../../../../chunks/reports2.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";
@@ -78,24 +85,24 @@ function _page($$payload, $$props) {
     redirectTimer = setTimeout(() => goto(reportUrl(state.latestReportId)), REDIRECT_DELAY_MS);
   }
   head($$payload, ($$payload2) => {
-    $$payload2.title = `<title>Live Run — Plum</title>`;
+    $$payload2.title = `<title>${escape_html(LIVE_PAGE_TITLE)}</title>`;
   });
-  BackLink($$payload, { href: "/reports", label: "Reports" });
+  BackLink($$payload, { href: "/reports", label: REPORTS_BACK_LABEL });
   $$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>`;
+    $$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">${escape_html(NO_TESTS_RUNNING_HEADING)}</h2> <p class="svelte-4v9t4g">${escape_html(NO_TESTS_RUNNING_BODY)}</p> <a href="/reports" class="idle-link svelte-4v9t4g">${escape_html(VIEW_PAST_REPORTS_LINK)}</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"><!--[-->`;
+      $$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(runsInProgressHeading(runningBgList.length))}</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>`;
+      $$payload.out += `<!--]--></div> <p class="svelte-4v9t4g">${escape_html(SELECT_RUN_HINT)}</p></div>`;
     } else {
       $$payload.out += "<!--[!-->";
       $$payload.out += `<div${attr("class", `run-header svelte-4v9t4g ${stringify([
@@ -104,7 +111,7 @@ function _page($$payload, $$props) {
       ].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>`;
+        $$payload.out += `<span class="live-badge svelte-4v9t4g"><span class="live-dot svelte-4v9t4g"></span>${escape_html(LIVE_BADGE_LABEL)}</span>`;
       } else {
         $$payload.out += "<!--[!-->";
         if (state.status === "pass") {
@@ -112,7 +119,7 @@ function _page($$payload, $$props) {
           Badge($$payload, {
             variant: "pass",
             children: ($$payload2) => {
-              $$payload2.out += `<!---->Passed`;
+              $$payload2.out += `<!---->${escape_html(PASSED_LABEL)}`;
             },
             $$slots: { default: true }
           });
@@ -121,7 +128,7 @@ function _page($$payload, $$props) {
           Badge($$payload, {
             variant: "fail",
             children: ($$payload2) => {
-              $$payload2.out += `<!---->Failed`;
+              $$payload2.out += `<!---->${escape_html(FAILED_LABEL)}`;
             },
             $$slots: { default: true }
           });
@@ -138,10 +145,10 @@ function _page($$payload, $$props) {
         } 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> `;
+        $$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(workersCountLabel(state.currentRun.workers))}</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>`;
+          $$payload.out += `<span class="run-sep svelte-4v9t4g">·</span> <span class="run-detail svelte-4v9t4g">${escape_html(runnersBadge(state.lanes.length))}</span>`;
         } else {
           $$payload.out += "<!--[!-->";
         }
@@ -152,7 +159,7 @@ function _page($$payload, $$props) {
       $$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>`;
+        $$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> ${escape_html(CANCEL_RUN_LABEL)}</button>`;
       } else {
         $$payload.out += "<!--[!-->";
       }
@@ -165,12 +172,12 @@ function _page($$payload, $$props) {
         ].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`;
+          $$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>${escape_html(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 += `<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>${escape_html(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>`;
+        $$payload.out += `<!--]--></div> <div class="completion-right svelte-4v9t4g"><span class="redirect-hint svelte-4v9t4g">${escape_html(redirectingIn(redirectCountdown))}</span> <button class="view-now-btn svelte-4v9t4g">${escape_html(VIEW_REPORT_NOW_LABEL)} <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 += "<!--[!-->";
       }
@@ -205,12 +212,12 @@ function _page($$payload, $$props) {
           $$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 += `<img${attr("src", `data:image/jpeg;base64,${stringify(activeLane.latestScreenshot.data)}`)} class="live-shot svelte-4v9t4g"${attr("alt", LIVE_BROWSER_VIEW_ALT)}>`;
           }
-          $$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>`;
+          $$payload.out += `<!----> <div class="step-overlay svelte-4v9t4g"><span class="step-keyword svelte-4v9t4g">${escape_html(LIVE_STEP_LABEL)}</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 += `<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_LABEL : NO_STREAM_LABEL)}</span></div>`;
         }
         $$payload.out += `<!--]-->`;
       } else {
@@ -219,27 +226,27 @@ function _page($$payload, $$props) {
           $$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 += `<img${attr("src", `data:image/jpeg;base64,${stringify(state.latestScreenshot.data)}`)} class="live-shot svelte-4v9t4g"${attr("alt", LIVE_BROWSER_VIEW_ALT)}>`;
           }
-          $$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>`;
+          $$payload.out += `<!----> <div class="step-overlay svelte-4v9t4g"><span class="step-keyword svelte-4v9t4g">${escape_html(LIVE_STEP_LABEL)}</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 += `<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_LABEL : NO_STREAM_LABEL)}</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")}`;
+        $$payload.out += `${escape_html(activeLane?.name ?? RUNNER_LABEL)}`;
       } else {
         $$payload.out += "<!--[!-->";
-        $$payload.out += `${escape_html(state.running ? "Running…" : "Finished")}`;
+        $$payload.out += `${escape_html(state.running ? RUNNING_LABEL : FINISHED_LABEL)}`;
       }
       $$payload.out += `<!--]--></span></div> `;
       if (isMulti) {
         $$payload.out += "<!--[-->";
-        $$payload.out += `<pre class="terminal svelte-4v9t4g">${escape_html(activeLane?.logs || "(waiting for output…)")}</pre>`;
+        $$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>`;