plum-e2e 2.6.8 → 2.6.9

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

@@ -15,24 +15,193 @@
  * 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, a2 as copy_payload, a3 as assign_payload, $ as unsubscribe_stores, p as pop, a as push, Z as ensure_array_like, Y as head, _ as stringify } from "../../../chunks/index.js";
 import "../../../chunks/client.js";
-import { B as BROWSERS, A as API_BASE } from "../../../chunks/constants.js";
+import { A as API_BASE, M as MAX_TEST_RETRIES, B as BROWSERS } from "../../../chunks/constants.js";
 import { a as auth } from "../../../chunks/auth.js";
 import { c as builtInEnabled } from "../../../chunks/runner.js";
 import { t as theme } from "../../../chunks/theme.js";
-import { B as Button } from "../../../chunks/Button.js";
-import { T as Toast } from "../../../chunks/Toast.js";
+import { T as Toast, B as Button } from "../../../chunks/Toast.js";
 import { C as ConfirmModal } from "../../../chunks/ConfirmModal.js";
 import { B as Badge } from "../../../chunks/Badge.js";
-import { a as attr } from "../../../chunks/attributes.js";
+import { S as SAVE_LABEL, a as CANCEL_LABEL, E as EDIT_LABEL, b as EMAIL_LABEL } from "../../../chunks/common.js";
 import { e as escape_html } from "../../../chunks/escaping.js";
+import { a as attr } from "../../../chunks/attributes.js";
+const PAGE_TITLE = "Settings — Plum";
+const HEADING = "Settings";
+const NAME_LABEL = "Name";
+const PROJECT_LABEL = "Project";
+const RUNNERS_LABEL = "Runners";
+const REPOSITORY_NAV_LABEL = "Repository";
+const REPOSITORY_HEADING = "Test Repository";
+const INTEGRATIONS_LABEL = "Integrations";
+const MCP_NAV_LABEL = "MCP";
+const MCP_HEADING = "MCP Integration";
+const ACCOUNT_LABEL = "Account";
+const USERS_LABEL = "Users";
+const BACKUP_LABEL = "Backup";
+const PROJECT_DESC = "Identity information shown across the UI";
+const RUNNERS_DESC = "Register self-hosted runner nodes to distribute tests across machines.";
+const REPOSITORY_DESC = "Configure ID prefixes for test suites and cases.";
+const INTEGRATIONS_DESC = "Connect Discord and Slack to receive run notifications with pass/fail results and report links.";
+const MCP_DESC = "Generate an API key for any MCP-compatible AI client — Claude, Cursor, Windsurf, and others.";
+const ACCOUNT_DESC = "Manage your profile, credentials and session.";
+const USERS_DESC = "Add and manage who can access Plum.";
+const BACKUP_DESC = "Export your test cases, schedules, users, and project settings. Automate uploads to any S3-compatible storage — Cloudflare R2, Backblaze B2, AWS S3, or MinIO.";
+const PROJECT_NAME_LABEL = "Project Name";
+const PROJECT_NAME_PLACEHOLDER = "My Test Suite";
+const LOGO_URL_LABEL = "Logo URL";
+const LOGO_URL_HINT = "Direct link to an image (PNG, SVG, JPG)";
+const LOGO_URL_PLACEHOLDER = "https://example.com/logo.png";
+const TIMEZONE_LABEL = "Timezone";
+const TIMEZONE_HINT = "Used to schedule cron jobs and backups";
+const RETRY_FAILED_TESTS_LABEL = "Retry failed tests";
+const RETRY_FAILED_TESTS_HINT = "Automatically re-run failed scenarios up to this many times before finalizing the report. 0 disables retries.";
+const DARK_MODE_LABEL = "Dark mode";
+const DARK_MODE_DESC = "Switch between light and dark appearance";
+const saveProjectLabel = (saving) => "Save Project";
+const BUILTIN_RUNNER_TOGGLE_LABEL = "Built-in runner";
+const BUILTIN_RUNNER_TOGGLE_DESC = "Use this server to run tests locally. Disable to route all runs to external nodes.";
+const RUNNER_URL_LABEL = "URL";
+const RUNNER_URL_HINT_PREFIX = "Use";
+const RUNNER_URL_HINT_SUFFIX = "for local nodes";
+const RUNNER_URL_PLACEHOLDER = "http://host.docker.internal:3002";
+const TOKEN_LABEL = "Token";
+const KEEP_TOKEN_PLACEHOLDER = "Leave blank to keep current token";
+const BROWSER_LABEL = "Browser";
+const RUNNER_NAME_PLACEHOLDER = "staging-node";
+const RUNNER_UNREACHABLE_LABEL = "unreachable";
+const RUNNER_PINGING_LABEL = "pinging…";
+const REMOVE_LABEL = "Remove";
+const OPEN_ADD_RUNNER_LABEL = "+ Add Runner";
+const RESTART_LABEL = "Restart";
+const RESTARTING_LABEL = "Restarting…";
+const STOP_LABEL = "Stop";
+const STOPPING_LABEL = "Stopping…";
+const editRunnerSubmitLabel = (saving) => SAVE_LABEL;
+const restartRunnerLabel = (restarting) => restarting ? RESTARTING_LABEL : RESTART_LABEL;
+const stopRunnerLabel = (stopping) => stopping ? STOPPING_LABEL : STOP_LABEL;
+const CASE_PREFIX_LABEL = "Test Case prefix";
+const CASE_PREFIX_PLACEHOLDER = "TC";
+const SUITE_PREFIX_LABEL = "Test Suite prefix";
+const SUITE_PREFIX_PLACEHOLDER = "TS";
+const EXAMPLES_LABEL = "Examples:";
+const MIGRATE_IDS_HEADING = "Migrate IDs";
+const MIGRATE_DESC_PREFIX = "Rename all existing test IDs to use a new prefix. Cucumber tags in code are";
+const MIGRATE_DESC_STRONG = "not";
+const MIGRATE_DESC_SUFFIX = "affected — you manage those separately.";
+const NEW_CASE_PREFIX_LABEL = "New case prefix";
+const NEW_SUITE_PREFIX_LABEL = "New suite prefix";
+const savePrefixesLabel = (saving) => "Save Prefixes";
+const runMigrationLabel = (migrating) => "Run Migration";
+const WEBHOOKS_CARD_TITLE = "Webhooks";
+const DISCORD_WEBHOOK_LABEL = "Discord Webhook URL";
+const DISCORD_WEBHOOK_HINT = "Leave blank to disable Discord notifications";
+const DISCORD_WEBHOOK_PLACEHOLDER = "https://discord.com/api/webhooks/…";
+const SLACK_WEBHOOK_LABEL = "Slack Webhook URL";
+const SLACK_WEBHOOK_HINT = "Leave blank to disable Slack notifications";
+const SLACK_WEBHOOK_PLACEHOLDER = "https://hooks.slack.com/services/…";
+const PUBLIC_URL_LABEL = "Public URL";
+const PUBLIC_URL_HINT = "Base URL of this Plum instance, used to link reports in notifications";
+const PUBLIC_URL_PLACEHOLDER = "https://plum.yourcompany.com";
+const CI_TRIGGERS_CARD_TITLE = "CI / External Triggers";
+const CI_DESC_PART1 = "Trigger a Plum run from GitHub Actions (e.g. on a pull request, against its preview deployment) or any other external script by calling";
+const CI_DESC_PART2 = "with an";
+const CI_DESC_PART3 = "header. Generate a key on the";
+const MCP_TAB_LINK_LABEL = "MCP tab";
+const CI_DESC_PART4 = "and store it as a repo secret — never commit it directly. Runs triggered this way show up in Reports tagged";
+const EXTERNAL_BADGE_LABEL = "External";
+const COPY_WORKFLOW_STEP_LABEL = "Copy Workflow Step";
+const saveIntegrationsLabel = (saving) => "Save Integrations";
+const copyCiSnippetLabel = (copied) => COPY_WORKFLOW_STEP_LABEL;
+const API_KEY_CARD_TITLE = "API Key";
+const NO_KEY_GENERATED_MESSAGE = "No key generated yet.";
+const generateKeyLabel = (generating) => "Generate Key";
+const PROFILE_CARD_TITLE = "Profile";
+const CHANGE_PASSWORD_CARD_TITLE = "Change password";
+const CURRENT_PASSWORD_LABEL = "Current password";
+const NEW_PASSWORD_LABEL = "New password";
+const CONFIRM_NEW_PASSWORD_LABEL = "Confirm new password";
+const SIGN_OUT_LABEL = "Sign out";
+const saveProfileLabel = (saving) => "Save Profile";
+const changePasswordLabel = (saving) => "Change Password";
+const REMOVE_USER_MODAL_TITLE = "Remove User";
+const REMOVE_USER_LABEL = "Remove";
+const ADD_USER_CARD_TITLE = "Add User";
+const USER_NAME_PLACEHOLDER = "Jane Smith";
+const USER_EMAIL_PLACEHOLDER = "jane@example.com";
+const PASSWORD_LABEL = "Password";
+const ROLE_LABEL = "Role";
+const USER_ROLE_OPTION = "User";
+const ADMIN_ROLE_OPTION = "Admin";
+const REMOVE_USER_ICON_TITLE = "Remove user";
+const YOU_CHIP_LABEL = "you";
+const addUserLabel = (saving) => "Add User";
+const MANUAL_BACKUP_CARD_TITLE = "Manual Backup";
+const EXPORT_BLOCK_TITLE = "Export";
+const EXPORT_BLOCK_DESC_PREFIX = "Downloads a";
+const EXPORT_BLOCK_DESC_SUFFIX = "file with all cron jobs, test cases, test runs, users, runners, and project settings.";
+const IMPORT_BLOCK_TITLE = "Import";
+const IMPORT_BLOCK_DESC = "Restores all data from a previously exported backup. Existing records are overwritten. Cron jobs are re-scheduled after import.";
+const CHOOSE_FILE_LABEL = "Choose file…";
+const BACKUP_DISCLAIMER_PREFIX = "Reports are not included in backups. To back up report history, run";
+const BACKUP_DISCLAIMER_SUFFIX = "directly on the PostgreSQL volume.";
+const S3_STORAGE_CARD_TITLE = "S3 Storage";
+const S3_STORAGE_DESC_PREFIX = "Works with any S3-compatible provider — Cloudflare R2, Backblaze B2, AWS S3, or MinIO. Leave";
+const ENDPOINT_URL_LABEL = "Endpoint URL";
+const S3_STORAGE_DESC_SUFFIX = "empty for AWS S3.";
+const ENDPOINT_URL_HINT = "Leave blank for AWS S3";
+const ENDPOINT_URL_PLACEHOLDER = "https://account.r2.cloudflarestorage.com";
+const REGION_LABEL = "Region";
+const REGION_HINT_PREFIX = "Use";
+const REGION_HINT_SUFFIX = "for Cloudflare R2";
+const REGION_PLACEHOLDER = "us-east-1";
+const BUCKET_LABEL = "Bucket";
+const BUCKET_PLACEHOLDER = "my-plum-backups";
+const PATH_PREFIX_LABEL = "Path Prefix";
+const PATH_PREFIX_HINT = "Optional folder inside the bucket";
+const PATH_PREFIX_PLACEHOLDER = "plum/";
+const ACCESS_KEY_LABEL = "Access Key ID";
+const ACCESS_KEY_PLACEHOLDER = "AKIAIOSFODNN7EXAMPLE";
+const SECRET_KEY_LABEL = "Secret Access Key";
+const TEST_CONNECTION_LABEL = "Test Connection";
+const SAVE_S3_CONFIG_LABEL = "Save S3 Config";
+const SECRET_KEY_REQUIRED_HINT = "Required";
+const SECRET_KEY_SET_PLACEHOLDER = "••••••••";
+const SECRET_KEY_UNSET_PLACEHOLDER = "Enter secret key";
+const SCHEDULED_BACKUP_CARD_TITLE = "Scheduled Backup";
+const CONFIGURE_S3_FIRST_MESSAGE = "Configure S3 storage above to enable scheduled backups.";
+const ENABLE_SCHEDULED_BACKUP_LABEL = "Enable scheduled backup";
+const CRON_EXPRESSION_LABEL = "Cron Expression";
+const CRON_HINT_PREFIX = "5-field cron — e.g.";
+const CRON_HINT_SUFFIX = "= daily at 2 AM.";
+const CRONTAB_LINK_LABEL = "Test at crontab.guru ↗";
+const CRON_PLACEHOLDER = "0 2 * * *";
+const UPLOAD_TO_S3_NOW_LABEL = "Upload to S3 Now";
+const SAVE_SCHEDULE_LABEL = "Save Schedule";
+const exportLabel = (exporting) => "Export JSON";
+const importLabel = (importing) => "Import";
+const secretKeyHint = (isSet) => SECRET_KEY_REQUIRED_HINT;
+const secretKeyPlaceholder = (isSet) => isSet ? SECRET_KEY_SET_PLACEHOLDER : SECRET_KEY_UNSET_PLACEHOLDER;
+const testConnectionLabel = (testing) => TEST_CONNECTION_LABEL;
+const saveS3ConfigLabel = (saving) => SAVE_S3_CONFIG_LABEL;
+const uploadS3NowLabel = (running) => UPLOAD_TO_S3_NOW_LABEL;
+const saveScheduleLabel = (saving) => SAVE_SCHEDULE_LABEL;
 function _page($$payload, $$props) {
   push();
   var $$store_subs;
   let s3Configured, ciWorkflowSnippet, navItems;
   let section = typeof sessionStorage !== "undefined" && sessionStorage.getItem("plum:settings:section") || "project";
-  let project = { name: "", logoUrl: "" };
+  let project = {
+    name: "",
+    logoUrl: "",
+    maxRetries: 0
+  };
   let projectSaving = false;
   let toast = null;
   const TIMEZONES = (() => {
@@ -80,10 +249,13 @@ function _page($$payload, $$props) {
     backupS3Prefix: ""
   };
   let backupConfigSaving = false;
+  let backupS3SecretKeySet = false;
   let backupTestingS3 = false;
   let backupRunningNow = false;
   let runners = [];
   let pingResults = {};
+  let stoppingId = null;
+  let restartingId = null;
   let editingId = null;
   let editForm = {
     name: "",
@@ -110,10 +282,7 @@ function _page($$payload, $$props) {
         plum: {
           command: "plum",
           args: ["mcp"],
-          env: {
-            PLUM_API_URL: "http://localhost:3001",
-            PLUM_API_KEY: mcpKey
-          }
+          env: { PLUM_API_URL: API_BASE, PLUM_API_KEY: mcpKey }
         }
       }
     },
@@ -129,48 +298,48 @@ function _page($$payload, $$props) {
     `      -d '{"tag": "@smoke", "baseUrl": "https://your-pr-preview-url"}'`
   ].join("\n");
   navItems = store_get($$store_subs ??= {}, "$auth", auth).user?.role === "admin" ? [
-    { id: "project", label: "Project" },
-    { id: "runners", label: "Runners" },
-    { id: "repository", label: "Repository" },
-    { id: "integrations", label: "Integrations" },
-    { id: "mcp", label: "MCP" },
-    { id: "account", label: "Account" },
-    { id: "users", label: "Users" },
-    { id: "backup", label: "Backup" }
-  ] : [{ id: "account", label: "Account" }];
+    { id: "project", label: PROJECT_LABEL },
+    { id: "runners", label: RUNNERS_LABEL },
+    { id: "repository", label: REPOSITORY_NAV_LABEL },
+    { id: "integrations", label: INTEGRATIONS_LABEL },
+    { id: "mcp", label: MCP_NAV_LABEL },
+    { id: "account", label: ACCOUNT_LABEL },
+    { id: "users", label: USERS_LABEL },
+    { id: "backup", label: BACKUP_LABEL }
+  ] : [{ id: "account", label: ACCOUNT_LABEL }];
   let $$settled = true;
   let $$inner_payload;
   function $$render_inner($$payload2) {
     const each_array = ensure_array_like(navItems);
     head($$payload2, ($$payload3) => {
-      $$payload3.title = `<title>Settings — Plum</title>`;
+      $$payload3.title = `<title>${escape_html(PAGE_TITLE)}</title>`;
     });
     Toast($$payload2, { toast });
-    $$payload2.out += `<!----> <div class="page-header svelte-9l533f"><h1 class="svelte-9l533f">Settings</h1></div> <div class="settings-layout svelte-9l533f"><aside class="settings-sidebar svelte-9l533f"><nav class="svelte-9l533f"><!--[-->`;
+    $$payload2.out += `<!----> <div class="page-header svelte-bpb2i4"><h1 class="svelte-bpb2i4">${escape_html(HEADING)}</h1></div> <div class="settings-layout svelte-bpb2i4"><aside class="settings-sidebar svelte-bpb2i4"><nav class="svelte-bpb2i4"><!--[-->`;
     for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
       let item = each_array[$$index];
-      $$payload2.out += `<button${attr("class", `sidebar-item svelte-9l533f ${stringify([section === item.id ? "active" : ""].filter(Boolean).join(" "))}`)}>${escape_html(item.label)}</button>`;
+      $$payload2.out += `<button${attr("class", `sidebar-item svelte-bpb2i4 ${stringify([section === item.id ? "active" : ""].filter(Boolean).join(" "))}`)}>${escape_html(item.label)}</button>`;
     }
-    $$payload2.out += `<!--]--></nav></aside> <div class="settings-content svelte-9l533f">`;
+    $$payload2.out += `<!--]--></nav></aside> <div class="settings-content svelte-bpb2i4">`;
     if (section === "project") {
       $$payload2.out += "<!--[-->";
       const each_array_1 = ensure_array_like(TIMEZONES);
-      $$payload2.out += `<div class="content-section svelte-9l533f"><div class="content-header svelte-9l533f"><h2 class="svelte-9l533f">Project</h2> <p class="content-desc svelte-9l533f">Identity information shown across the UI</p></div> <div class="card settings-card svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f" for="project-name">Project Name</label> <input id="project-name" type="text" class="field-input"${attr("value", project.name)} placeholder="My Test Suite"></div> <div class="field"><label class="field-label svelte-9l533f" for="project-logo"><span>Logo URL</span> <span class="field-hint svelte-9l533f">Direct link to an image (PNG, SVG, JPG)</span></label> <input id="project-logo" type="url" class="field-input"${attr("value", project.logoUrl)} placeholder="https://example.com/logo.png"></div> `;
+      $$payload2.out += `<div class="content-section svelte-bpb2i4"><div class="content-header svelte-bpb2i4"><h2 class="svelte-bpb2i4">${escape_html(PROJECT_LABEL)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(PROJECT_DESC)}</p></div> <div class="card settings-card svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4" for="project-name">${escape_html(PROJECT_NAME_LABEL)}</label> <input id="project-name" type="text" class="field-input"${attr("value", project.name)}${attr("placeholder", PROJECT_NAME_PLACEHOLDER)}></div> <div class="field"><label class="field-label svelte-bpb2i4" for="project-logo"><span>${escape_html(LOGO_URL_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(LOGO_URL_HINT)}</span></label> <input id="project-logo" type="url" class="field-input"${attr("value", project.logoUrl)}${attr("placeholder", LOGO_URL_PLACEHOLDER)}></div> `;
       {
         $$payload2.out += "<!--[!-->";
       }
-      $$payload2.out += `<!--]--> <div class="field"><label class="field-label svelte-9l533f" for="project-timezone"><span>Timezone</span> <span class="field-hint svelte-9l533f">Used to schedule cron jobs and backups</span></label> <select id="project-timezone" class="field-input"><!--[-->`;
+      $$payload2.out += `<!--]--> <div class="field"><label class="field-label svelte-bpb2i4" for="project-timezone"><span>${escape_html(TIMEZONE_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(TIMEZONE_HINT)}</span></label> <select id="project-timezone" class="field-input"><!--[-->`;
       for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
         let tz = each_array_1[$$index_1];
         $$payload2.out += `<option${attr("value", tz)}>${escape_html(tz)}</option>`;
       }
-      $$payload2.out += `<!--]--></select></div> <div class="toggle-row svelte-9l533f"><div class="toggle-info svelte-9l533f"><span class="toggle-label svelte-9l533f">Dark mode</span> <span class="toggle-desc svelte-9l533f">Switch between light and dark appearance</span></div> <button${attr("class", `toggle-switch svelte-9l533f ${stringify([
+      $$payload2.out += `<!--]--></select></div> <div class="field"><label class="field-label svelte-bpb2i4" for="project-max-retries"><span>${escape_html(RETRY_FAILED_TESTS_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(RETRY_FAILED_TESTS_HINT)}</span></label> <input id="project-max-retries" type="number" class="field-input" min="0"${attr("max", MAX_TEST_RETRIES)}${attr("value", project.maxRetries)}></div> <div class="toggle-row svelte-bpb2i4"><div class="toggle-info svelte-bpb2i4"><span class="toggle-label svelte-bpb2i4">${escape_html(DARK_MODE_LABEL)}</span> <span class="toggle-desc svelte-bpb2i4">${escape_html(DARK_MODE_DESC)}</span></div> <button${attr("class", `toggle-switch svelte-bpb2i4 ${stringify([
         store_get($$store_subs ??= {}, "$theme", theme) === "dark" ? "on" : ""
-      ].filter(Boolean).join(" "))}`)} role="switch"${attr("aria-checked", store_get($$store_subs ??= {}, "$theme", theme) === "dark")}><span class="toggle-thumb svelte-9l533f"></span></button></div> <div class="card-footer svelte-9l533f">`;
+      ].filter(Boolean).join(" "))}`)} role="switch"${attr("aria-checked", store_get($$store_subs ??= {}, "$theme", theme) === "dark")}><span class="toggle-thumb svelte-bpb2i4"></span></button></div> <div class="card-footer svelte-bpb2i4">`;
       Button($$payload2, {
         disabled: projectSaving,
         children: ($$payload3) => {
-          $$payload3.out += `<!---->${escape_html("Save Project")}`;
+          $$payload3.out += `<!---->${escape_html(saveProjectLabel())}`;
         },
         $$slots: { default: true }
       });
@@ -179,20 +348,20 @@ function _page($$payload, $$props) {
       $$payload2.out += "<!--[!-->";
       if (section === "runners") {
         $$payload2.out += "<!--[-->";
-        $$payload2.out += `<div class="content-section svelte-9l533f"><div class="content-header svelte-9l533f"><h2 class="svelte-9l533f">Runners</h2> <p class="content-desc svelte-9l533f">Register self-hosted runner nodes to distribute tests across machines.</p></div> <div class="card settings-card svelte-9l533f"><div class="toggle-row svelte-9l533f"><div class="toggle-info svelte-9l533f"><span class="toggle-label svelte-9l533f">Built-in runner</span> <span class="toggle-desc svelte-9l533f">Use this server to run tests locally. Disable to route all runs to external nodes.</span></div> <button${attr("class", `toggle-switch svelte-9l533f ${stringify([
+        $$payload2.out += `<div class="content-section svelte-bpb2i4"><div class="content-header svelte-bpb2i4"><h2 class="svelte-bpb2i4">${escape_html(RUNNERS_LABEL)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(RUNNERS_DESC)}</p></div> <div class="card settings-card svelte-bpb2i4"><div class="toggle-row svelte-bpb2i4"><div class="toggle-info svelte-bpb2i4"><span class="toggle-label svelte-bpb2i4">${escape_html(BUILTIN_RUNNER_TOGGLE_LABEL)}</span> <span class="toggle-desc svelte-bpb2i4">${escape_html(BUILTIN_RUNNER_TOGGLE_DESC)}</span></div> <button${attr("class", `toggle-switch svelte-bpb2i4 ${stringify([
           store_get($$store_subs ??= {}, "$builtInEnabled", builtInEnabled) ? "on" : ""
-        ].filter(Boolean).join(" "))}`)} role="switch"${attr("aria-checked", store_get($$store_subs ??= {}, "$builtInEnabled", builtInEnabled))}><span class="toggle-thumb svelte-9l533f"></span></button></div> `;
+        ].filter(Boolean).join(" "))}`)} role="switch"${attr("aria-checked", store_get($$store_subs ??= {}, "$builtInEnabled", builtInEnabled))}><span class="toggle-thumb svelte-bpb2i4"></span></button></div> `;
         if (runners.length > 0) {
           $$payload2.out += "<!--[-->";
           const each_array_2 = ensure_array_like(runners);
-          $$payload2.out += `<div class="runner-cards svelte-9l533f"><!--[-->`;
+          $$payload2.out += `<div class="runner-cards svelte-bpb2i4"><!--[-->`;
           for (let $$index_3 = 0, $$length = each_array_2.length; $$index_3 < $$length; $$index_3++) {
             let r = each_array_2[$$index_3];
             const ping = pingResults[r.id];
             if (editingId === r.id) {
               $$payload2.out += "<!--[-->";
               const each_array_3 = ensure_array_like(BROWSERS);
-              $$payload2.out += `<div class="runner-card editing svelte-9l533f"><div class="runner-form-fields svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f"${attr("for", `edit-name-${stringify(r.id)}`)}>Name</label> <input${attr("id", `edit-name-${stringify(r.id)}`)} type="text" class="field-input"${attr("value", editForm.name)} placeholder="staging-node"></div> <div class="field"><label class="field-label svelte-9l533f"${attr("for", `edit-url-${stringify(r.id)}`)}>URL <span class="field-hint svelte-9l533f">Use <code>host.docker.internal</code> for local nodes</span></label> <input${attr("id", `edit-url-${stringify(r.id)}`)} type="url" class="field-input"${attr("value", editForm.url)} placeholder="http://host.docker.internal:3002"></div> <div class="field"><label class="field-label svelte-9l533f"${attr("for", `edit-token-${stringify(r.id)}`)}>Token</label> <input${attr("id", `edit-token-${stringify(r.id)}`)} type="text" class="field-input"${attr("value", editForm.token)} placeholder="secret-token" spellcheck="false" autocomplete="off"></div> <div class="field"><label class="field-label svelte-9l533f"${attr("for", `edit-browser-${stringify(r.id)}`)}>Browser</label> <select${attr("id", `edit-browser-${stringify(r.id)}`)} class="field-input"><!--[-->`;
+              $$payload2.out += `<div class="runner-card editing svelte-bpb2i4"><div class="runner-form-fields svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4"${attr("for", `edit-name-${stringify(r.id)}`)}>${escape_html(NAME_LABEL)}</label> <input${attr("id", `edit-name-${stringify(r.id)}`)} type="text" class="field-input"${attr("value", editForm.name)}${attr("placeholder", RUNNER_NAME_PLACEHOLDER)}></div> <div class="field"><label class="field-label svelte-bpb2i4"${attr("for", `edit-url-${stringify(r.id)}`)}>${escape_html(RUNNER_URL_LABEL)} <span class="field-hint svelte-bpb2i4">${escape_html(RUNNER_URL_HINT_PREFIX)} <code>host.docker.internal</code> ${escape_html(RUNNER_URL_HINT_SUFFIX)}</span></label> <input${attr("id", `edit-url-${stringify(r.id)}`)} type="url" class="field-input"${attr("value", editForm.url)}${attr("placeholder", RUNNER_URL_PLACEHOLDER)}></div> <div class="field"><label class="field-label svelte-bpb2i4"${attr("for", `edit-token-${stringify(r.id)}`)}>${escape_html(TOKEN_LABEL)}</label> <input${attr("id", `edit-token-${stringify(r.id)}`)} type="text" class="field-input"${attr("value", editForm.token)}${attr("placeholder", KEEP_TOKEN_PLACEHOLDER)} spellcheck="false" autocomplete="off"></div> <div class="field"><label class="field-label svelte-bpb2i4"${attr("for", `edit-browser-${stringify(r.id)}`)}>${escape_html(BROWSER_LABEL)}</label> <select${attr("id", `edit-browser-${stringify(r.id)}`)} class="field-input"><!--[-->`;
               for (let $$index_2 = 0, $$length2 = each_array_3.length; $$index_2 < $$length2; $$index_2++) {
                 let b = each_array_3[$$index_2];
                 $$payload2.out += `<option${attr("value", b.id)}>${escape_html(b.label)}</option>`;
@@ -201,11 +370,11 @@ function _page($$payload, $$props) {
               {
                 $$payload2.out += "<!--[!-->";
               }
-              $$payload2.out += `<!--]--> <div class="runner-form-actions svelte-9l533f">`;
+              $$payload2.out += `<!--]--> <div class="runner-form-actions svelte-bpb2i4">`;
               Button($$payload2, {
                 disabled: editFormSaving,
                 children: ($$payload3) => {
-                  $$payload3.out += `<!---->${escape_html("Save")}`;
+                  $$payload3.out += `<!---->${escape_html(editRunnerSubmitLabel())}`;
                 },
                 $$slots: { default: true }
               });
@@ -214,40 +383,60 @@ function _page($$payload, $$props) {
                 variant: "ghost",
                 disabled: editFormSaving,
                 children: ($$payload3) => {
-                  $$payload3.out += `<!---->Cancel`;
+                  $$payload3.out += `<!---->${escape_html(CANCEL_LABEL)}`;
                 },
                 $$slots: { default: true }
               });
               $$payload2.out += `<!----></div></div>`;
             } else {
               $$payload2.out += "<!--[!-->";
-              $$payload2.out += `<div class="runner-card svelte-9l533f"><div class="runner-card-header svelte-9l533f"><svg class="runner-card-icon svelte-9l533f" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="2" y="3" width="20" height="14" rx="2"></rect><path d="M8 21h8M12 17v4"></path></svg> <span class="runner-card-name svelte-9l533f">${escape_html(r.name)}</span> <span class="runner-browser-pill svelte-9l533f">${escape_html(r.browser)}</span> `;
+              $$payload2.out += `<div class="runner-card svelte-bpb2i4"><div class="runner-card-header svelte-bpb2i4"><svg class="runner-card-icon svelte-bpb2i4" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="2" y="3" width="20" height="14" rx="2"></rect><path d="M8 21h8M12 17v4"></path></svg> <span class="runner-card-name svelte-bpb2i4">${escape_html(r.name)}</span> <span class="runner-browser-pill svelte-bpb2i4">${escape_html(r.browser)}</span> `;
               if (ping && !ping.loading) {
                 $$payload2.out += "<!--[-->";
                 if (ping.ok) {
                   $$payload2.out += "<!--[-->";
-                  $$payload2.out += `<span class="ping-badge ok svelte-9l533f">${escape_html(ping.latency)}ms</span>`;
+                  $$payload2.out += `<span class="ping-badge ok svelte-bpb2i4">${escape_html(ping.latency)}ms</span>`;
                 } else {
                   $$payload2.out += "<!--[!-->";
-                  $$payload2.out += `<span class="ping-badge fail svelte-9l533f"${attr("title", ping.error)}>unreachable</span>`;
+                  $$payload2.out += `<span class="ping-badge fail svelte-bpb2i4"${attr("title", ping.error)}>${escape_html(RUNNER_UNREACHABLE_LABEL)}</span>`;
                 }
                 $$payload2.out += `<!--]-->`;
               } else {
                 $$payload2.out += "<!--[!-->";
                 if (ping?.loading) {
                   $$payload2.out += "<!--[-->";
-                  $$payload2.out += `<span class="ping-badge pinging svelte-9l533f">pinging…</span>`;
+                  $$payload2.out += `<span class="ping-badge pinging svelte-bpb2i4">${escape_html(RUNNER_PINGING_LABEL)}</span>`;
                 } else {
                   $$payload2.out += "<!--[!-->";
                 }
                 $$payload2.out += `<!--]-->`;
               }
-              $$payload2.out += `<!--]--></div> <p class="runner-card-url svelte-9l533f">${escape_html(r.url)}</p> <div class="runner-card-actions svelte-9l533f">`;
+              $$payload2.out += `<!--]--></div> <p class="runner-card-url svelte-bpb2i4">${escape_html(r.url)}</p> <div class="runner-card-actions svelte-bpb2i4">`;
+              Button($$payload2, {
+                variant: "ghost",
+                size: "sm",
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->${escape_html(EDIT_LABEL)}`;
+                },
+                $$slots: { default: true }
+              });
+              $$payload2.out += `<!----> `;
+              Button($$payload2, {
+                variant: "ghost",
+                size: "sm",
+                disabled: restartingId === r.id,
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->${escape_html(restartRunnerLabel(restartingId === r.id))}`;
+                },
+                $$slots: { default: true }
+              });
+              $$payload2.out += `<!----> `;
               Button($$payload2, {
                 variant: "ghost",
                 size: "sm",
+                disabled: stoppingId === r.id,
                 children: ($$payload3) => {
-                  $$payload3.out += `<!---->Edit`;
+                  $$payload3.out += `<!---->${escape_html(stopRunnerLabel(stoppingId === r.id))}`;
                 },
                 $$slots: { default: true }
               });
@@ -256,7 +445,7 @@ function _page($$payload, $$props) {
                 variant: "danger",
                 size: "sm",
                 children: ($$payload3) => {
-                  $$payload3.out += `<!---->Remove`;
+                  $$payload3.out += `<!---->${escape_html(REMOVE_LABEL)}`;
                 },
                 $$slots: { default: true }
               });
@@ -271,11 +460,11 @@ function _page($$payload, $$props) {
         $$payload2.out += `<!--]--> `;
         {
           $$payload2.out += "<!--[!-->";
-          $$payload2.out += `<div class="card-footer svelte-9l533f">`;
+          $$payload2.out += `<div class="card-footer svelte-bpb2i4">`;
           Button($$payload2, {
             variant: "ghost",
             children: ($$payload3) => {
-              $$payload3.out += `<!---->+ Add Runner`;
+              $$payload3.out += `<!---->${escape_html(OPEN_ADD_RUNNER_LABEL)}`;
             },
             $$slots: { default: true }
           });
@@ -286,20 +475,20 @@ function _page($$payload, $$props) {
         $$payload2.out += "<!--[!-->";
         if (section === "repository") {
           $$payload2.out += "<!--[-->";
-          $$payload2.out += `<div class="content-section svelte-9l533f"><div class="content-header svelte-9l533f"><h2 class="svelte-9l533f">Test Repository</h2> <p class="content-desc svelte-9l533f">Configure ID prefixes for test suites and cases.</p></div> <div class="card settings-card svelte-9l533f"><div class="field-row svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f" for="tc-prefix">Test Case prefix</label> <input id="tc-prefix" type="text" class="field-input mono svelte-9l533f"${attr("value", prefixes.testCasePrefix)} placeholder="TC" maxlength="10"></div> <div class="field"><label class="field-label svelte-9l533f" for="ts-prefix">Test Suite prefix</label> <input id="ts-prefix" type="text" class="field-input mono svelte-9l533f"${attr("value", prefixes.testSuitePrefix)} placeholder="TS" maxlength="10"></div></div> <p class="content-desc svelte-9l533f">Examples: <code class="code-sample svelte-9l533f">${escape_html(prefixes.testCasePrefix)}-001</code>, <code class="code-sample svelte-9l533f">${escape_html(prefixes.testSuitePrefix)}-001</code></p> <div class="card-footer svelte-9l533f">`;
+          $$payload2.out += `<div class="content-section svelte-bpb2i4"><div class="content-header svelte-bpb2i4"><h2 class="svelte-bpb2i4">${escape_html(REPOSITORY_HEADING)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(REPOSITORY_DESC)}</p></div> <div class="card settings-card svelte-bpb2i4"><div class="field-row svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4" for="tc-prefix">${escape_html(CASE_PREFIX_LABEL)}</label> <input id="tc-prefix" type="text" class="field-input mono svelte-bpb2i4"${attr("value", prefixes.testCasePrefix)}${attr("placeholder", CASE_PREFIX_PLACEHOLDER)} maxlength="10"></div> <div class="field"><label class="field-label svelte-bpb2i4" for="ts-prefix">${escape_html(SUITE_PREFIX_LABEL)}</label> <input id="ts-prefix" type="text" class="field-input mono svelte-bpb2i4"${attr("value", prefixes.testSuitePrefix)}${attr("placeholder", SUITE_PREFIX_PLACEHOLDER)} maxlength="10"></div></div> <p class="content-desc svelte-bpb2i4">${escape_html(EXAMPLES_LABEL)} <code class="code-sample svelte-bpb2i4">${escape_html(prefixes.testCasePrefix)}-001</code>, <code class="code-sample svelte-bpb2i4">${escape_html(prefixes.testSuitePrefix)}-001</code></p> <div class="card-footer svelte-bpb2i4">`;
           Button($$payload2, {
             disabled: prefixesSaving,
             children: ($$payload3) => {
-              $$payload3.out += `<!---->${escape_html("Save Prefixes")}`;
+              $$payload3.out += `<!---->${escape_html(savePrefixesLabel())}`;
             },
             $$slots: { default: true }
           });
-          $$payload2.out += `<!----></div></div> <div class="content-header svelte-9l533f" style="margin-top: 1rem"><h2 class="svelte-9l533f">Migrate IDs</h2> <p class="content-desc svelte-9l533f">Rename all existing test IDs to use a new prefix. Cucumber tags in code are <strong>not</strong> affected — you manage those separately.</p></div> <div class="card settings-card svelte-9l533f"><div class="field-row svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f" for="mig-tc">New case prefix</label> <input id="mig-tc" type="text" class="field-input mono svelte-9l533f"${attr("value", migrateForm.testCasePrefix)}${attr("placeholder", prefixes.testCasePrefix)} maxlength="10"></div> <div class="field"><label class="field-label svelte-9l533f" for="mig-ts">New suite prefix</label> <input id="mig-ts" type="text" class="field-input mono svelte-9l533f"${attr("value", migrateForm.testSuitePrefix)}${attr("placeholder", prefixes.testSuitePrefix)} maxlength="10"></div></div> <div class="card-footer svelte-9l533f">`;
+          $$payload2.out += `<!----></div></div> <div class="content-header svelte-bpb2i4" style="margin-top: 1rem"><h2 class="svelte-bpb2i4">${escape_html(MIGRATE_IDS_HEADING)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(MIGRATE_DESC_PREFIX)} <strong>${escape_html(MIGRATE_DESC_STRONG)}</strong> ${escape_html(MIGRATE_DESC_SUFFIX)}</p></div> <div class="card settings-card svelte-bpb2i4"><div class="field-row svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4" for="mig-tc">${escape_html(NEW_CASE_PREFIX_LABEL)}</label> <input id="mig-tc" type="text" class="field-input mono svelte-bpb2i4"${attr("value", migrateForm.testCasePrefix)}${attr("placeholder", prefixes.testCasePrefix)} maxlength="10"></div> <div class="field"><label class="field-label svelte-bpb2i4" for="mig-ts">${escape_html(NEW_SUITE_PREFIX_LABEL)}</label> <input id="mig-ts" type="text" class="field-input mono svelte-bpb2i4"${attr("value", migrateForm.testSuitePrefix)}${attr("placeholder", prefixes.testSuitePrefix)} maxlength="10"></div></div> <div class="card-footer svelte-bpb2i4">`;
           Button($$payload2, {
             variant: "ghost",
             disabled: migrating,
             children: ($$payload3) => {
-              $$payload3.out += `<!---->${escape_html("Run Migration")}`;
+              $$payload3.out += `<!---->${escape_html(runMigrationLabel())}`;
             },
             $$slots: { default: true }
           });
@@ -308,30 +497,27 @@ function _page($$payload, $$props) {
           $$payload2.out += "<!--[!-->";
           if (section === "integrations") {
             $$payload2.out += "<!--[-->";
-            $$payload2.out += `<div class="content-section svelte-9l533f"><div class="content-header svelte-9l533f"><h2 class="svelte-9l533f">Integrations</h2> <p class="content-desc svelte-9l533f">Connect Discord and Slack to receive run notifications with pass/fail results and report
-						links.</p></div> <div class="card settings-card svelte-9l533f"><p class="card-title">Webhooks</p> <div class="field"><label class="field-label svelte-9l533f" for="discord-url"><span>Discord Webhook URL</span> <span class="field-hint svelte-9l533f">Leave blank to disable Discord notifications</span></label> <input id="discord-url" type="url" class="field-input"${attr("value", integrations.discordWebhookUrl)} placeholder="https://discord.com/api/webhooks/…"></div> <div class="field"><label class="field-label svelte-9l533f" for="slack-url"><span>Slack Webhook URL</span> <span class="field-hint svelte-9l533f">Leave blank to disable Slack notifications</span></label> <input id="slack-url" type="url" class="field-input"${attr("value", integrations.slackWebhookUrl)} placeholder="https://hooks.slack.com/services/…"></div> <div class="field"><label class="field-label svelte-9l533f" for="public-url"><span>Public URL</span> <span class="field-hint svelte-9l533f">Base URL of this Plum instance, used to link reports in notifications</span></label> <input id="public-url" type="url" class="field-input"${attr("value", integrations.notifyPublicUrl)} placeholder="https://plum.yourcompany.com"></div> `;
+            $$payload2.out += `<div class="content-section svelte-bpb2i4"><div class="content-header svelte-bpb2i4"><h2 class="svelte-bpb2i4">${escape_html(INTEGRATIONS_LABEL)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(INTEGRATIONS_DESC)}</p></div> <div class="card settings-card svelte-bpb2i4"><p class="card-title">${escape_html(WEBHOOKS_CARD_TITLE)}</p> <div class="field"><label class="field-label svelte-bpb2i4" for="discord-url"><span>${escape_html(DISCORD_WEBHOOK_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(DISCORD_WEBHOOK_HINT)}</span></label> <input id="discord-url" type="url" class="field-input"${attr("value", integrations.discordWebhookUrl)}${attr("placeholder", DISCORD_WEBHOOK_PLACEHOLDER)}></div> <div class="field"><label class="field-label svelte-bpb2i4" for="slack-url"><span>${escape_html(SLACK_WEBHOOK_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(SLACK_WEBHOOK_HINT)}</span></label> <input id="slack-url" type="url" class="field-input"${attr("value", integrations.slackWebhookUrl)}${attr("placeholder", SLACK_WEBHOOK_PLACEHOLDER)}></div> <div class="field"><label class="field-label svelte-bpb2i4" for="public-url"><span>${escape_html(PUBLIC_URL_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(PUBLIC_URL_HINT)}</span></label> <input id="public-url" type="url" class="field-input"${attr("value", integrations.notifyPublicUrl)}${attr("placeholder", PUBLIC_URL_PLACEHOLDER)}></div> `;
             Button($$payload2, {
               disabled: integrationsSaving,
               children: ($$payload3) => {
-                $$payload3.out += `<!---->${escape_html("Save Integrations")}`;
+                $$payload3.out += `<!---->${escape_html(saveIntegrationsLabel())}`;
               },
               $$slots: { default: true }
             });
-            $$payload2.out += `<!----></div> <div class="card settings-card svelte-9l533f"><p class="card-title">CI / External Triggers</p> <p class="content-desc svelte-9l533f">Trigger a Plum run from GitHub Actions (e.g. on a pull request, against its preview
-						deployment) or any other external script by calling <code class="code-sample svelte-9l533f">POST ${escape_html(API_BASE)}/trigger</code> with an <code class="code-sample svelte-9l533f">Authorization: ApiKey …</code> header. Generate a key on the <button class="link-btn svelte-9l533f">MCP tab</button> and store it as a repo secret — never commit it directly. Runs triggered this way show up
-						in Reports tagged `;
+            $$payload2.out += `<!----></div> <div class="card settings-card svelte-bpb2i4"><p class="card-title">${escape_html(CI_TRIGGERS_CARD_TITLE)}</p> <p class="content-desc svelte-bpb2i4">${escape_html(CI_DESC_PART1)} <code class="code-sample svelte-bpb2i4">POST ${escape_html(API_BASE)}/trigger</code> ${escape_html(CI_DESC_PART2)} <code class="code-sample svelte-bpb2i4">Authorization: ApiKey …</code> ${escape_html(CI_DESC_PART3)} <button class="link-btn svelte-bpb2i4">${escape_html(MCP_TAB_LINK_LABEL)}</button> ${escape_html(CI_DESC_PART4)} `;
             Badge($$payload2, {
               variant: "external",
               children: ($$payload3) => {
-                $$payload3.out += `<!---->External`;
+                $$payload3.out += `<!---->${escape_html(EXTERNAL_BADGE_LABEL)}`;
               },
               $$slots: { default: true }
             });
-            $$payload2.out += `<!---->.</p> <pre class="mcp-snippet svelte-9l533f">${escape_html(ciWorkflowSnippet)}</pre> <div class="card-footer svelte-9l533f">`;
+            $$payload2.out += `<!---->.</p> <pre class="mcp-snippet svelte-bpb2i4">${escape_html(ciWorkflowSnippet)}</pre> <div class="card-footer svelte-bpb2i4">`;
             Button($$payload2, {
               variant: "ghost",
               children: ($$payload3) => {
-                $$payload3.out += `<!---->${escape_html("Copy Workflow Step")}`;
+                $$payload3.out += `<!---->${escape_html(copyCiSnippetLabel())}`;
               },
               $$slots: { default: true }
             });
@@ -340,15 +526,14 @@ function _page($$payload, $$props) {
             $$payload2.out += "<!--[!-->";
             if (section === "mcp") {
               $$payload2.out += "<!--[-->";
-              $$payload2.out += `<div class="content-section svelte-9l533f"><div class="content-header svelte-9l533f"><h2 class="svelte-9l533f">MCP Integration</h2> <p class="content-desc svelte-9l533f">Generate an API key for any MCP-compatible AI client — Claude, Cursor, Windsurf, and
-						others.</p></div> <div class="card settings-card svelte-9l533f"><p class="card-title">API Key</p> `;
+              $$payload2.out += `<div class="content-section svelte-bpb2i4"><div class="content-header svelte-bpb2i4"><h2 class="svelte-bpb2i4">${escape_html(MCP_HEADING)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(MCP_DESC)}</p></div> <div class="card settings-card svelte-bpb2i4"><p class="card-title">${escape_html(API_KEY_CARD_TITLE)}</p> `;
               {
                 $$payload2.out += "<!--[-->";
-                $$payload2.out += `<p class="content-desc svelte-9l533f">No key generated yet.</p> <div class="card-footer svelte-9l533f">`;
+                $$payload2.out += `<p class="content-desc svelte-bpb2i4">${escape_html(NO_KEY_GENERATED_MESSAGE)}</p> <div class="card-footer svelte-bpb2i4">`;
                 Button($$payload2, {
                   disabled: mcpGenerating,
                   children: ($$payload3) => {
-                    $$payload3.out += `<!---->${escape_html("Generate Key")}`;
+                    $$payload3.out += `<!---->${escape_html(generateKeyLabel())}`;
                   },
                   $$slots: { default: true }
                 });
@@ -363,36 +548,36 @@ function _page($$payload, $$props) {
               $$payload2.out += "<!--[!-->";
               if (section === "account") {
                 $$payload2.out += "<!--[-->";
-                $$payload2.out += `<div class="content-section svelte-9l533f"><div class="content-header svelte-9l533f"><h2 class="svelte-9l533f">Account</h2> <p class="content-desc svelte-9l533f">Manage your profile, credentials and session.</p></div> <div class="card settings-card svelte-9l533f"><p class="card-title">Profile</p> <div class="field"><label class="field-label svelte-9l533f" for="profile-name">Name</label> <input id="profile-name" type="text" class="field-input"${attr("value", profileForm.name)}></div> <div class="field"><label class="field-label svelte-9l533f" for="profile-email">Email</label> <input id="profile-email" type="email" class="field-input"${attr("value", profileForm.email)}></div> `;
+                $$payload2.out += `<div class="content-section svelte-bpb2i4"><div class="content-header svelte-bpb2i4"><h2 class="svelte-bpb2i4">${escape_html(ACCOUNT_LABEL)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(ACCOUNT_DESC)}</p></div> <div class="card settings-card svelte-bpb2i4"><p class="card-title">${escape_html(PROFILE_CARD_TITLE)}</p> <div class="field"><label class="field-label svelte-bpb2i4" for="profile-name">${escape_html(NAME_LABEL)}</label> <input id="profile-name" type="text" class="field-input"${attr("value", profileForm.name)}></div> <div class="field"><label class="field-label svelte-bpb2i4" for="profile-email">${escape_html(EMAIL_LABEL)}</label> <input id="profile-email" type="email" class="field-input"${attr("value", profileForm.email)}></div> `;
                 {
                   $$payload2.out += "<!--[!-->";
                 }
-                $$payload2.out += `<!--]--> <div class="card-footer svelte-9l533f">`;
+                $$payload2.out += `<!--]--> <div class="card-footer svelte-bpb2i4">`;
                 Button($$payload2, {
                   disabled: true,
                   children: ($$payload3) => {
-                    $$payload3.out += `<!---->${escape_html("Save Profile")}`;
+                    $$payload3.out += `<!---->${escape_html(saveProfileLabel())}`;
                   },
                   $$slots: { default: true }
                 });
-                $$payload2.out += `<!----></div></div> <div class="card settings-card svelte-9l533f"><p class="card-title">Change password</p> <div class="field"><label class="field-label svelte-9l533f" for="pw-current">Current password</label> <input id="pw-current" type="password" class="field-input"${attr("value", pwForm.currentPassword)} autocomplete="current-password"></div> <div class="field"><label class="field-label svelte-9l533f" for="pw-new">New password</label> <input id="pw-new" type="password" class="field-input"${attr("value", pwForm.newPassword)} autocomplete="new-password"></div> <div class="field"><label class="field-label svelte-9l533f" for="pw-confirm">Confirm new password</label> <input id="pw-confirm" type="password" class="field-input"${attr("value", pwForm.confirmPassword)} autocomplete="new-password"></div> `;
+                $$payload2.out += `<!----></div></div> <div class="card settings-card svelte-bpb2i4"><p class="card-title">${escape_html(CHANGE_PASSWORD_CARD_TITLE)}</p> <div class="field"><label class="field-label svelte-bpb2i4" for="pw-current">${escape_html(CURRENT_PASSWORD_LABEL)}</label> <input id="pw-current" type="password" class="field-input"${attr("value", pwForm.currentPassword)} autocomplete="current-password"></div> <div class="field"><label class="field-label svelte-bpb2i4" for="pw-new">${escape_html(NEW_PASSWORD_LABEL)}</label> <input id="pw-new" type="password" class="field-input"${attr("value", pwForm.newPassword)} autocomplete="new-password"></div> <div class="field"><label class="field-label svelte-bpb2i4" for="pw-confirm">${escape_html(CONFIRM_NEW_PASSWORD_LABEL)}</label> <input id="pw-confirm" type="password" class="field-input"${attr("value", pwForm.confirmPassword)} autocomplete="new-password"></div> `;
                 {
                   $$payload2.out += "<!--[!-->";
                 }
-                $$payload2.out += `<!--]--> <div class="card-footer svelte-9l533f">`;
+                $$payload2.out += `<!--]--> <div class="card-footer svelte-bpb2i4">`;
                 Button($$payload2, {
                   disabled: true,
                   children: ($$payload3) => {
-                    $$payload3.out += `<!---->${escape_html("Change Password")}`;
+                    $$payload3.out += `<!---->${escape_html(changePasswordLabel())}`;
                   },
                   $$slots: { default: true }
                 });
-                $$payload2.out += `<!----></div></div> <div class="card settings-card svelte-9l533f"><div class="card-footer svelte-9l533f">`;
+                $$payload2.out += `<!----></div></div> <div class="card settings-card svelte-bpb2i4"><div class="card-footer svelte-bpb2i4">`;
                 Button($$payload2, {
                   variant: "danger",
                   size: "sm",
                   children: ($$payload3) => {
-                    $$payload3.out += `<!---->Sign out`;
+                    $$payload3.out += `<!---->${escape_html(SIGN_OUT_LABEL)}`;
                   },
                   $$slots: { default: true }
                 });
@@ -401,10 +586,10 @@ function _page($$payload, $$props) {
                 $$payload2.out += "<!--[!-->";
                 if (section === "users") {
                   $$payload2.out += "<!--[-->";
-                  $$payload2.out += `<div class="content-section svelte-9l533f"><div class="content-header svelte-9l533f"><h2 class="svelte-9l533f">Users</h2> <p class="content-desc svelte-9l533f">Add and manage who can access Plum.</p></div> `;
+                  $$payload2.out += `<div class="content-section svelte-bpb2i4"><div class="content-header svelte-bpb2i4"><h2 class="svelte-bpb2i4">${escape_html(USERS_LABEL)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(USERS_DESC)}</p></div> `;
                   ConfirmModal($$payload2, {
-                    title: "Remove User",
-                    confirmLabel: "Remove",
+                    title: REMOVE_USER_MODAL_TITLE,
+                    confirmLabel: REMOVE_USER_LABEL,
                     get open() {
                       return confirmDeleteUserOpen;
                     },
@@ -420,15 +605,15 @@ function _page($$payload, $$props) {
                     },
                     $$slots: { default: true }
                   });
-                  $$payload2.out += `<!----> <div class="card settings-card svelte-9l533f"><p class="card-title">Add User</p> <div class="field-row svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f" for="u-name">Name</label> <input id="u-name" type="text" class="field-input"${attr("value", userForm.name)} placeholder="Jane Smith"></div> <div class="field"><label class="field-label svelte-9l533f" for="u-email">Email</label> <input id="u-email" type="email" class="field-input"${attr("value", userForm.email)} placeholder="jane@example.com"></div></div> <div class="field-row svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f" for="u-pw">Password</label> <input id="u-pw" type="password" class="field-input"${attr("value", userForm.password)} autocomplete="new-password"></div> <div class="field"><label class="field-label svelte-9l533f" for="u-role">Role</label> <select id="u-role" class="field-input"><option value="user">User</option><option value="admin">Admin</option></select></div></div> `;
+                  $$payload2.out += `<!----> <div class="card settings-card svelte-bpb2i4"><p class="card-title">${escape_html(ADD_USER_CARD_TITLE)}</p> <div class="field-row svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4" for="u-name">${escape_html(NAME_LABEL)}</label> <input id="u-name" type="text" class="field-input"${attr("value", userForm.name)}${attr("placeholder", USER_NAME_PLACEHOLDER)}></div> <div class="field"><label class="field-label svelte-bpb2i4" for="u-email">${escape_html(EMAIL_LABEL)}</label> <input id="u-email" type="email" class="field-input"${attr("value", userForm.email)}${attr("placeholder", USER_EMAIL_PLACEHOLDER)}></div></div> <div class="field-row svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4" for="u-pw">${escape_html(PASSWORD_LABEL)}</label> <input id="u-pw" type="password" class="field-input"${attr("value", userForm.password)} autocomplete="new-password"></div> <div class="field"><label class="field-label svelte-bpb2i4" for="u-role">${escape_html(ROLE_LABEL)}</label> <select id="u-role" class="field-input"><option value="user">${escape_html(USER_ROLE_OPTION)}</option><option value="admin">${escape_html(ADMIN_ROLE_OPTION)}</option></select></div></div> `;
                   {
                     $$payload2.out += "<!--[!-->";
                   }
-                  $$payload2.out += `<!--]--> <div class="card-footer svelte-9l533f">`;
+                  $$payload2.out += `<!--]--> <div class="card-footer svelte-bpb2i4">`;
                   Button($$payload2, {
                     disabled: userFormSaving,
                     children: ($$payload3) => {
-                      $$payload3.out += `<!---->${escape_html("Add User")}`;
+                      $$payload3.out += `<!---->${escape_html(addUserLabel())}`;
                     },
                     $$slots: { default: true }
                   });
@@ -436,16 +621,16 @@ function _page($$payload, $$props) {
                   if (allUsers.length > 0) {
                     $$payload2.out += "<!--[-->";
                     const each_array_5 = ensure_array_like(allUsers);
-                    $$payload2.out += `<div class="users-table svelte-9l533f"><!--[-->`;
+                    $$payload2.out += `<div class="users-table svelte-bpb2i4"><!--[-->`;
                     for (let $$index_5 = 0, $$length = each_array_5.length; $$index_5 < $$length; $$index_5++) {
                       let u = each_array_5[$$index_5];
-                      $$payload2.out += `<div class="user-row svelte-9l533f"><div class="user-info svelte-9l533f"><span class="user-name svelte-9l533f">${escape_html(u.name)}</span> <span class="user-email svelte-9l533f">${escape_html(u.email)}</span></div> <span${attr("class", `role-chip ${stringify(u.role)} svelte-9l533f`)}>${escape_html(u.role)}</span> `;
+                      $$payload2.out += `<div class="user-row svelte-bpb2i4"><div class="user-info svelte-bpb2i4"><span class="user-name svelte-bpb2i4">${escape_html(u.name)}</span> <span class="user-email svelte-bpb2i4">${escape_html(u.email)}</span></div> <span${attr("class", `role-chip ${stringify(u.role)} svelte-bpb2i4`)}>${escape_html(u.role)}</span> `;
                       if (u.id !== store_get($$store_subs ??= {}, "$auth", auth).user?.id) {
                         $$payload2.out += "<!--[-->";
-                        $$payload2.out += `<button class="icon-btn danger svelte-9l533f" title="Remove user"><svg width="13" height="13" 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 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"></path><path d="M10 11v6M14 11v6"></path><path d="M9 6V4h6v2"></path></svg></button>`;
+                        $$payload2.out += `<button class="icon-btn danger svelte-bpb2i4"${attr("title", REMOVE_USER_ICON_TITLE)}><svg width="13" height="13" 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 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"></path><path d="M10 11v6M14 11v6"></path><path d="M9 6V4h6v2"></path></svg></button>`;
                       } else {
                         $$payload2.out += "<!--[!-->";
-                        $$payload2.out += `<span class="you-chip svelte-9l533f">you</span>`;
+                        $$payload2.out += `<span class="you-chip svelte-bpb2i4">${escape_html(YOU_CHIP_LABEL)}</span>`;
                       }
                       $$payload2.out += `<!--]--></div>`;
                     }
@@ -458,32 +643,28 @@ function _page($$payload, $$props) {
                   $$payload2.out += "<!--[!-->";
                   if (section === "backup") {
                     $$payload2.out += "<!--[-->";
-                    $$payload2.out += `<div class="content-section svelte-9l533f"><div class="content-header svelte-9l533f"><h2 class="svelte-9l533f">Backup</h2> <p class="content-desc svelte-9l533f">Export your test cases, schedules, users, and project settings. Automate uploads to any
-						S3-compatible storage — Cloudflare R2, Backblaze B2, AWS S3, or MinIO.</p></div> <div class="card settings-card svelte-9l533f"><p class="card-title">Manual Backup</p> <div class="backup-row svelte-9l533f"><div class="backup-block svelte-9l533f"><p class="backup-block-title svelte-9l533f">Export</p> <p class="backup-block-desc svelte-9l533f">Downloads a <code class="svelte-9l533f">.json</code> file with all cron jobs, test cases, test runs, users,
-								runners, and project settings.</p> `;
+                    $$payload2.out += `<div class="content-section svelte-bpb2i4"><div class="content-header svelte-bpb2i4"><h2 class="svelte-bpb2i4">${escape_html(BACKUP_LABEL)}</h2> <p class="content-desc svelte-bpb2i4">${escape_html(BACKUP_DESC)}</p></div> <div class="card settings-card svelte-bpb2i4"><p class="card-title">${escape_html(MANUAL_BACKUP_CARD_TITLE)}</p> <div class="backup-row svelte-bpb2i4"><div class="backup-block svelte-bpb2i4"><p class="backup-block-title svelte-bpb2i4">${escape_html(EXPORT_BLOCK_TITLE)}</p> <p class="backup-block-desc svelte-bpb2i4">${escape_html(EXPORT_BLOCK_DESC_PREFIX)} <code class="svelte-bpb2i4">.json</code> ${escape_html(EXPORT_BLOCK_DESC_SUFFIX)}</p> `;
                     Button($$payload2, {
                       disabled: exporting,
                       children: ($$payload3) => {
-                        $$payload3.out += `<!---->${escape_html("Export JSON")}`;
+                        $$payload3.out += `<!---->${escape_html(exportLabel())}`;
                       },
                       $$slots: { default: true }
                     });
-                    $$payload2.out += `<!----></div> <div class="backup-divider svelte-9l533f"></div> <div class="backup-block svelte-9l533f"><p class="backup-block-title svelte-9l533f">Import</p> <p class="backup-block-desc svelte-9l533f">Restores all data from a previously exported backup. Existing records are
-								overwritten. Cron jobs are re-scheduled after import.</p> <div class="import-row svelte-9l533f"><label class="file-label svelte-9l533f"><input type="file" accept=".json" class="file-input-hidden svelte-9l533f"> <span class="file-btn svelte-9l533f">${escape_html("Choose file…")}</span></label> `;
+                    $$payload2.out += `<!----></div> <div class="backup-divider svelte-bpb2i4"></div> <div class="backup-block svelte-bpb2i4"><p class="backup-block-title svelte-bpb2i4">${escape_html(IMPORT_BLOCK_TITLE)}</p> <p class="backup-block-desc svelte-bpb2i4">${escape_html(IMPORT_BLOCK_DESC)}</p> <div class="import-row svelte-bpb2i4"><label class="file-label svelte-bpb2i4"><input type="file" accept=".json" class="file-input-hidden svelte-bpb2i4"> <span class="file-btn svelte-bpb2i4">${escape_html(CHOOSE_FILE_LABEL)}</span></label> `;
                     Button($$payload2, {
                       disabled: true,
                       children: ($$payload3) => {
-                        $$payload3.out += `<!---->${escape_html("Import")}`;
+                        $$payload3.out += `<!---->${escape_html(importLabel())}`;
                       },
                       $$slots: { default: true }
                     });
-                    $$payload2.out += `<!----></div></div></div> <p class="backup-disclaimer svelte-9l533f">Reports are not included in backups. To back up report history, run <code>pg_dump</code> directly on the PostgreSQL volume.</p></div> <div class="card settings-card svelte-9l533f"><p class="card-title">S3 Storage</p> <p class="backup-block-desc svelte-9l533f" style="margin-bottom: 1.25rem;">Works with any S3-compatible provider — Cloudflare R2, Backblaze B2, AWS S3, or MinIO.
-						Leave <strong>Endpoint URL</strong> empty for AWS S3.</p> <div class="field-row svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f" for="s3-endpoint"><span>Endpoint URL</span> <span class="field-hint svelte-9l533f">Leave blank for AWS S3</span></label> <input id="s3-endpoint" type="url" class="field-input"${attr("value", backupConfig.backupS3Endpoint)} placeholder="https://account.r2.cloudflarestorage.com"></div> <div class="field"><label class="field-label svelte-9l533f" for="s3-region"><span>Region</span> <span class="field-hint svelte-9l533f">Use <code>auto</code> for Cloudflare R2</span></label> <input id="s3-region" type="text" class="field-input"${attr("value", backupConfig.backupS3Region)} placeholder="us-east-1"></div></div> <div class="field-row svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f" for="s3-bucket"><span>Bucket</span></label> <input id="s3-bucket" type="text" class="field-input"${attr("value", backupConfig.backupS3Bucket)} placeholder="my-plum-backups"></div> <div class="field"><label class="field-label svelte-9l533f" for="s3-prefix"><span>Path Prefix</span> <span class="field-hint svelte-9l533f">Optional folder inside the bucket</span></label> <input id="s3-prefix" type="text" class="field-input"${attr("value", backupConfig.backupS3Prefix)} placeholder="plum/"></div></div> <div class="field-row svelte-9l533f"><div class="field"><label class="field-label svelte-9l533f" for="s3-access-key"><span>Access Key ID</span></label> <input id="s3-access-key" type="text" class="field-input"${attr("value", backupConfig.backupS3AccessKey)} placeholder="AKIAIOSFODNN7EXAMPLE" autocomplete="off"></div> <div class="field"><label class="field-label svelte-9l533f" for="s3-secret-key"><span>Secret Access Key</span> <span class="field-hint svelte-9l533f">${escape_html("Required")}</span></label> <input id="s3-secret-key" type="password" class="field-input"${attr("value", backupConfig.backupS3SecretKey)}${attr("placeholder", "Enter secret key")} autocomplete="new-password"></div></div> <div class="backup-actions svelte-9l533f">`;
+                    $$payload2.out += `<!----></div></div></div> <p class="backup-disclaimer svelte-bpb2i4">${escape_html(BACKUP_DISCLAIMER_PREFIX)} <code>pg_dump</code> ${escape_html(BACKUP_DISCLAIMER_SUFFIX)}</p></div> <div class="card settings-card svelte-bpb2i4"><p class="card-title">${escape_html(S3_STORAGE_CARD_TITLE)}</p> <p class="backup-block-desc svelte-bpb2i4" style="margin-bottom: 1.25rem;">${escape_html(S3_STORAGE_DESC_PREFIX)} <strong>${escape_html(ENDPOINT_URL_LABEL)}</strong> ${escape_html(S3_STORAGE_DESC_SUFFIX)}</p> <div class="field-row svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4" for="s3-endpoint"><span>${escape_html(ENDPOINT_URL_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(ENDPOINT_URL_HINT)}</span></label> <input id="s3-endpoint" type="url" class="field-input"${attr("value", backupConfig.backupS3Endpoint)}${attr("placeholder", ENDPOINT_URL_PLACEHOLDER)}></div> <div class="field"><label class="field-label svelte-bpb2i4" for="s3-region"><span>${escape_html(REGION_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(REGION_HINT_PREFIX)} <code>auto</code> ${escape_html(REGION_HINT_SUFFIX)}</span></label> <input id="s3-region" type="text" class="field-input"${attr("value", backupConfig.backupS3Region)}${attr("placeholder", REGION_PLACEHOLDER)}></div></div> <div class="field-row svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4" for="s3-bucket"><span>${escape_html(BUCKET_LABEL)}</span></label> <input id="s3-bucket" type="text" class="field-input"${attr("value", backupConfig.backupS3Bucket)}${attr("placeholder", BUCKET_PLACEHOLDER)}></div> <div class="field"><label class="field-label svelte-bpb2i4" for="s3-prefix"><span>${escape_html(PATH_PREFIX_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(PATH_PREFIX_HINT)}</span></label> <input id="s3-prefix" type="text" class="field-input"${attr("value", backupConfig.backupS3Prefix)}${attr("placeholder", PATH_PREFIX_PLACEHOLDER)}></div></div> <div class="field-row svelte-bpb2i4"><div class="field"><label class="field-label svelte-bpb2i4" for="s3-access-key"><span>${escape_html(ACCESS_KEY_LABEL)}</span></label> <input id="s3-access-key" type="text" class="field-input"${attr("value", backupConfig.backupS3AccessKey)}${attr("placeholder", ACCESS_KEY_PLACEHOLDER)} autocomplete="off"></div> <div class="field"><label class="field-label svelte-bpb2i4" for="s3-secret-key"><span>${escape_html(SECRET_KEY_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(secretKeyHint())}</span></label> <input id="s3-secret-key" type="password" class="field-input"${attr("value", backupConfig.backupS3SecretKey)}${attr("placeholder", secretKeyPlaceholder(backupS3SecretKeySet))} autocomplete="new-password"></div></div> <div class="backup-actions svelte-bpb2i4">`;
                     Button($$payload2, {
                       variant: "ghost",
                       disabled: backupTestingS3,
                       children: ($$payload3) => {
-                        $$payload3.out += `<!---->${escape_html("Test Connection")}`;
+                        $$payload3.out += `<!---->${escape_html(testConnectionLabel())}`;
                       },
                       $$slots: { default: true }
                     });
@@ -491,7 +672,7 @@ function _page($$payload, $$props) {
                     Button($$payload2, {
                       disabled: backupConfigSaving,
                       children: ($$payload3) => {
-                        $$payload3.out += `<!---->${escape_html("Save S3 Config")}`;
+                        $$payload3.out += `<!---->${escape_html(saveS3ConfigLabel())}`;
                       },
                       $$slots: { default: true }
                     });
@@ -499,22 +680,22 @@ function _page($$payload, $$props) {
                     {
                       $$payload2.out += "<!--[!-->";
                     }
-                    $$payload2.out += `<!--]--></div> <div${attr("class", `card settings-card svelte-9l533f ${stringify([!s3Configured ? "card-disabled" : ""].filter(Boolean).join(" "))}`)}><p class="card-title">Scheduled Backup</p> `;
+                    $$payload2.out += `<!--]--></div> <div${attr("class", `card settings-card svelte-bpb2i4 ${stringify([!s3Configured ? "card-disabled" : ""].filter(Boolean).join(" "))}`)}><p class="card-title">${escape_html(SCHEDULED_BACKUP_CARD_TITLE)}</p> `;
                     if (!s3Configured) {
                       $$payload2.out += "<!--[-->";
-                      $$payload2.out += `<p class="backup-block-desc svelte-9l533f">Configure S3 storage above to enable scheduled backups.</p>`;
+                      $$payload2.out += `<p class="backup-block-desc svelte-bpb2i4">${escape_html(CONFIGURE_S3_FIRST_MESSAGE)}</p>`;
                     } else {
                       $$payload2.out += "<!--[!-->";
-                      $$payload2.out += `<div class="field"><label class="field-label backup-toggle-label svelte-9l533f" for="backup-enabled"><span>Enable scheduled backup</span> <button id="backup-enabled"${attr("class", `toggle-btn svelte-9l533f ${stringify([""].filter(Boolean).join(" "))}`)} role="switch"${attr("aria-checked", backupConfig.backupEnabled)}><span class="toggle-thumb svelte-9l533f"></span></button></label></div> <div class="field"><label class="field-label svelte-9l533f" for="backup-cron"><span>Cron Expression</span> <span class="field-hint svelte-9l533f">5-field cron — e.g. <code>0 2 * * *</code> = daily at 2 AM. <a href="https://crontab.guru" target="_blank" rel="noopener noreferrer">Test at crontab.guru ↗</a></span></label> <input id="backup-cron" type="text" class="field-input field-input-mono svelte-9l533f"${attr("value", backupConfig.backupCron)} placeholder="0 2 * * *"></div> `;
+                      $$payload2.out += `<div class="field"><label class="field-label backup-toggle-label svelte-bpb2i4" for="backup-enabled"><span>${escape_html(ENABLE_SCHEDULED_BACKUP_LABEL)}</span> <button id="backup-enabled"${attr("class", `toggle-btn svelte-bpb2i4 ${stringify([""].filter(Boolean).join(" "))}`)} role="switch"${attr("aria-checked", backupConfig.backupEnabled)}><span class="toggle-thumb svelte-bpb2i4"></span></button></label></div> <div class="field"><label class="field-label svelte-bpb2i4" for="backup-cron"><span>${escape_html(CRON_EXPRESSION_LABEL)}</span> <span class="field-hint svelte-bpb2i4">${escape_html(CRON_HINT_PREFIX)} <code>0 2 * * *</code> ${escape_html(CRON_HINT_SUFFIX)} <a href="https://crontab.guru" target="_blank" rel="noopener noreferrer">${escape_html(CRONTAB_LINK_LABEL)}</a></span></label> <input id="backup-cron" type="text" class="field-input field-input-mono svelte-bpb2i4"${attr("value", backupConfig.backupCron)}${attr("placeholder", CRON_PLACEHOLDER)}></div> `;
                       {
                         $$payload2.out += "<!--[!-->";
                       }
-                      $$payload2.out += `<!--]--> <div class="backup-actions svelte-9l533f">`;
+                      $$payload2.out += `<!--]--> <div class="backup-actions svelte-bpb2i4">`;
                       Button($$payload2, {
                         variant: "ghost",
                         disabled: backupRunningNow,
                         children: ($$payload3) => {
-                          $$payload3.out += `<!---->${escape_html("Upload to S3 Now")}`;
+                          $$payload3.out += `<!---->${escape_html(uploadS3NowLabel())}`;
                         },
                         $$slots: { default: true }
                       });
@@ -522,7 +703,7 @@ function _page($$payload, $$props) {
                       Button($$payload2, {
                         disabled: backupConfigSaving,
                         children: ($$payload3) => {
-                          $$payload3.out += `<!---->${escape_html("Save Schedule")}`;
+                          $$payload3.out += `<!---->${escape_html(saveScheduleLabel())}`;
                         },
                         $$slots: { default: true }
                       });