plum-e2e 2.6.8 → 2.7.1

package/frontend/build/server/chunks/_page.svelte-wKyUmA2e.js

@@ -0,0 +1,724 @@
+import { N as push, a0 as store_get, a2 as copy_payload, a3 as assign_payload, a1 as unsubscribe_stores, P as pop, _ as ensure_array_like, Z as head, $ as stringify } from './index2-5R1tbrep.js';
+import './client-DEmxR_a-.js';
+import { A as API_BASE, M as MAX_TEST_RETRIES, B as BROWSERS } from './constants-CXTaQaB6.js';
+import { a as auth } from './auth-Chw-wBpI.js';
+import { c as builtInEnabled } from './runner-DC7hXbnY.js';
+import { t as theme } from './theme-nAx-GvX_.js';
+import { T as Toast, B as Button } from './Toast-v-q4ZnYq.js';
+import { C as ConfirmModal } from './ConfirmModal-C0EAXcq_.js';
+import { B as Badge } from './Badge-44ZTDx0V.js';
+import { a as CANCEL_LABEL, E as EDIT_LABEL, b as EMAIL_LABEL, c as SAVE_LABEL } from './common-DYYTVHPw.js';
+import { e as escape_html } from './escaping-CqgfEcN3.js';
+import { a as attr } from './attributes-BeaNKpgU.js';
+import './exports-D0QHgeSL.js';
+import './Modal-DChG187n.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: "",
+    maxRetries: 0
+  };
+  let projectSaving = false;
+  let toast = null;
+  const TIMEZONES = (() => {
+    try {
+      return Intl.supportedValuesOf("timeZone");
+    } catch {
+      return ["UTC"];
+    }
+  })();
+  let prefixes = { testCasePrefix: "TC", testSuitePrefix: "TS" };
+  let prefixesSaving = false;
+  let migrateForm = { testCasePrefix: "", testSuitePrefix: "" };
+  let migrating = false;
+  let profileForm = { name: "", email: "" };
+  let allUsers = [];
+  let userForm = {
+    name: "",
+    email: "",
+    password: ""
+  };
+  let userFormSaving = false;
+  let confirmDeleteUserOpen = false;
+  let pwForm = {
+    currentPassword: "",
+    newPassword: "",
+    confirmPassword: ""
+  };
+  let exporting = false;
+  let integrations = {
+    discordWebhookUrl: "",
+    slackWebhookUrl: "",
+    notifyPublicUrl: ""
+  };
+  let integrationsSaving = false;
+  let mcpKey = "";
+  let mcpGenerating = false;
+  let backupConfig = {
+    backupEnabled: false,
+    backupCron: "0 2 * * *",
+    backupS3Endpoint: "",
+    backupS3Region: "",
+    backupS3Bucket: "",
+    backupS3AccessKey: "",
+    backupS3SecretKey: "",
+    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: "",
+    url: "",
+    token: ""
+  };
+  let editFormSaving = false;
+  const ADMIN_SECTIONS = /* @__PURE__ */ new Set([
+    "project",
+    "runners",
+    "repository",
+    "integrations",
+    "mcp",
+    "users",
+    "backup"
+  ]);
+  if (store_get($$store_subs ??= {}, "$auth", auth).user && store_get($$store_subs ??= {}, "$auth", auth).user.role !== "admin" && ADMIN_SECTIONS.has(section)) {
+    section = "account";
+  }
+  s3Configured = false;
+  JSON.stringify(
+    {
+      mcpServers: {
+        plum: {
+          command: "plum",
+          args: ["mcp"],
+          env: { PLUM_API_URL: API_BASE, PLUM_API_KEY: mcpKey }
+        }
+      }
+    },
+    null,
+    2
+  );
+  ciWorkflowSnippet = [
+    "- name: Run Plum tests",
+    "  run: |",
+    `    curl -X POST ${API_BASE}/trigger \\`,
+    '      -H "Authorization: ApiKey ${{ secrets.PLUM_API_KEY }}" \\',
+    '      -H "Content-Type: application/json" \\',
+    `      -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_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>${escape_html(PAGE_TITLE)}</title>`;
+    });
+    Toast($$payload2, { toast });
+    $$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-bpb2i4 ${stringify([section === item.id ? "active" : ""].filter(Boolean).join(" "))}`)}>${escape_html(item.label)}</button>`;
+    }
+    $$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-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-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="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-bpb2i4"></span></button></div> <div class="card-footer svelte-bpb2i4">`;
+      Button($$payload2, {
+        disabled: projectSaving,
+        children: ($$payload3) => {
+          $$payload3.out += `<!---->${escape_html(saveProjectLabel())}`;
+        },
+        $$slots: { default: true }
+      });
+      $$payload2.out += `<!----></div></div></div>`;
+    } else {
+      $$payload2.out += "<!--[!-->";
+      if (section === "runners") {
+        $$payload2.out += "<!--[-->";
+        $$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-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-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-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>`;
+              }
+              $$payload2.out += `<!--]--></select></div></div> `;
+              {
+                $$payload2.out += "<!--[!-->";
+              }
+              $$payload2.out += `<!--]--> <div class="runner-form-actions svelte-bpb2i4">`;
+              Button($$payload2, {
+                disabled: editFormSaving,
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->${escape_html(editRunnerSubmitLabel())}`;
+                },
+                $$slots: { default: true }
+              });
+              $$payload2.out += `<!----> `;
+              Button($$payload2, {
+                variant: "ghost",
+                disabled: editFormSaving,
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->${escape_html(CANCEL_LABEL)}`;
+                },
+                $$slots: { default: true }
+              });
+              $$payload2.out += `<!----></div></div>`;
+            } else {
+              $$payload2.out += "<!--[!-->";
+              $$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-bpb2i4">${escape_html(ping.latency)}ms</span>`;
+                } else {
+                  $$payload2.out += "<!--[!-->";
+                  $$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-bpb2i4">${escape_html(RUNNER_PINGING_LABEL)}</span>`;
+                } else {
+                  $$payload2.out += "<!--[!-->";
+                }
+                $$payload2.out += `<!--]-->`;
+              }
+              $$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 += `<!---->${escape_html(stopRunnerLabel(stoppingId === r.id))}`;
+                },
+                $$slots: { default: true }
+              });
+              $$payload2.out += `<!----> `;
+              Button($$payload2, {
+                variant: "danger",
+                size: "sm",
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->${escape_html(REMOVE_LABEL)}`;
+                },
+                $$slots: { default: true }
+              });
+              $$payload2.out += `<!----></div></div>`;
+            }
+            $$payload2.out += `<!--]-->`;
+          }
+          $$payload2.out += `<!--]--></div>`;
+        } else {
+          $$payload2.out += "<!--[!-->";
+        }
+        $$payload2.out += `<!--]--> `;
+        {
+          $$payload2.out += "<!--[!-->";
+          $$payload2.out += `<div class="card-footer svelte-bpb2i4">`;
+          Button($$payload2, {
+            variant: "ghost",
+            children: ($$payload3) => {
+              $$payload3.out += `<!---->${escape_html(OPEN_ADD_RUNNER_LABEL)}`;
+            },
+            $$slots: { default: true }
+          });
+          $$payload2.out += `<!----></div>`;
+        }
+        $$payload2.out += `<!--]--></div></div>`;
+      } else {
+        $$payload2.out += "<!--[!-->";
+        if (section === "repository") {
+          $$payload2.out += "<!--[-->";
+          $$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(savePrefixesLabel())}`;
+            },
+            $$slots: { default: true }
+          });
+          $$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(runMigrationLabel())}`;
+            },
+            $$slots: { default: true }
+          });
+          $$payload2.out += `<!----></div></div></div>`;
+        } else {
+          $$payload2.out += "<!--[!-->";
+          if (section === "integrations") {
+            $$payload2.out += "<!--[-->";
+            $$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(saveIntegrationsLabel())}`;
+              },
+              $$slots: { default: true }
+            });
+            $$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 += `<!---->${escape_html(EXTERNAL_BADGE_LABEL)}`;
+              },
+              $$slots: { default: true }
+            });
+            $$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(copyCiSnippetLabel())}`;
+              },
+              $$slots: { default: true }
+            });
+            $$payload2.out += `<!----></div></div></div>`;
+          } else {
+            $$payload2.out += "<!--[!-->";
+            if (section === "mcp") {
+              $$payload2.out += "<!--[-->";
+              $$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-bpb2i4">${escape_html(NO_KEY_GENERATED_MESSAGE)}</p> <div class="card-footer svelte-bpb2i4">`;
+                Button($$payload2, {
+                  disabled: mcpGenerating,
+                  children: ($$payload3) => {
+                    $$payload3.out += `<!---->${escape_html(generateKeyLabel())}`;
+                  },
+                  $$slots: { default: true }
+                });
+                $$payload2.out += `<!----></div>`;
+              }
+              $$payload2.out += `<!--]--></div> `;
+              {
+                $$payload2.out += "<!--[!-->";
+              }
+              $$payload2.out += `<!--]--></div>`;
+            } else {
+              $$payload2.out += "<!--[!-->";
+              if (section === "account") {
+                $$payload2.out += "<!--[-->";
+                $$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-bpb2i4">`;
+                Button($$payload2, {
+                  disabled: true,
+                  children: ($$payload3) => {
+                    $$payload3.out += `<!---->${escape_html(saveProfileLabel())}`;
+                  },
+                  $$slots: { default: true }
+                });
+                $$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-bpb2i4">`;
+                Button($$payload2, {
+                  disabled: true,
+                  children: ($$payload3) => {
+                    $$payload3.out += `<!---->${escape_html(changePasswordLabel())}`;
+                  },
+                  $$slots: { default: true }
+                });
+                $$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 += `<!---->${escape_html(SIGN_OUT_LABEL)}`;
+                  },
+                  $$slots: { default: true }
+                });
+                $$payload2.out += `<!----></div></div></div>`;
+              } else {
+                $$payload2.out += "<!--[!-->";
+                if (section === "users") {
+                  $$payload2.out += "<!--[-->";
+                  $$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_MODAL_TITLE,
+                    confirmLabel: REMOVE_USER_LABEL,
+                    get open() {
+                      return confirmDeleteUserOpen;
+                    },
+                    set open($$value) {
+                      confirmDeleteUserOpen = $$value;
+                      $$settled = false;
+                    },
+                    children: ($$payload3) => {
+                      {
+                        $$payload3.out += "<!--[!-->";
+                      }
+                      $$payload3.out += `<!--]-->`;
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$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-bpb2i4">`;
+                  Button($$payload2, {
+                    disabled: userFormSaving,
+                    children: ($$payload3) => {
+                      $$payload3.out += `<!---->${escape_html(addUserLabel())}`;
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$payload2.out += `<!----></div></div> `;
+                  if (allUsers.length > 0) {
+                    $$payload2.out += "<!--[-->";
+                    const each_array_5 = ensure_array_like(allUsers);
+                    $$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-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-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-bpb2i4">${escape_html(YOU_CHIP_LABEL)}</span>`;
+                      }
+                      $$payload2.out += `<!--]--></div>`;
+                    }
+                    $$payload2.out += `<!--]--></div>`;
+                  } else {
+                    $$payload2.out += "<!--[!-->";
+                  }
+                  $$payload2.out += `<!--]--></div>`;
+                } else {
+                  $$payload2.out += "<!--[!-->";
+                  if (section === "backup") {
+                    $$payload2.out += "<!--[-->";
+                    $$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(exportLabel())}`;
+                      },
+                      $$slots: { default: true }
+                    });
+                    $$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(importLabel())}`;
+                      },
+                      $$slots: { default: true }
+                    });
+                    $$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(testConnectionLabel())}`;
+                      },
+                      $$slots: { default: true }
+                    });
+                    $$payload2.out += `<!----> `;
+                    Button($$payload2, {
+                      disabled: backupConfigSaving,
+                      children: ($$payload3) => {
+                        $$payload3.out += `<!---->${escape_html(saveS3ConfigLabel())}`;
+                      },
+                      $$slots: { default: true }
+                    });
+                    $$payload2.out += `<!----></div> `;
+                    {
+                      $$payload2.out += "<!--[!-->";
+                    }
+                    $$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-bpb2i4">${escape_html(CONFIGURE_S3_FIRST_MESSAGE)}</p>`;
+                    } else {
+                      $$payload2.out += "<!--[!-->";
+                      $$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-bpb2i4">`;
+                      Button($$payload2, {
+                        variant: "ghost",
+                        disabled: backupRunningNow,
+                        children: ($$payload3) => {
+                          $$payload3.out += `<!---->${escape_html(uploadS3NowLabel())}`;
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$payload2.out += `<!----> `;
+                      Button($$payload2, {
+                        disabled: backupConfigSaving,
+                        children: ($$payload3) => {
+                          $$payload3.out += `<!---->${escape_html(saveScheduleLabel())}`;
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$payload2.out += `<!----></div>`;
+                    }
+                    $$payload2.out += `<!--]--></div></div>`;
+                  } else {
+                    $$payload2.out += "<!--[!-->";
+                  }
+                  $$payload2.out += `<!--]-->`;
+                }
+                $$payload2.out += `<!--]-->`;
+              }
+              $$payload2.out += `<!--]-->`;
+            }
+            $$payload2.out += `<!--]-->`;
+          }
+          $$payload2.out += `<!--]-->`;
+        }
+        $$payload2.out += `<!--]-->`;
+      }
+      $$payload2.out += `<!--]-->`;
+    }
+    $$payload2.out += `<!--]--></div></div>`;
+  }
+  do {
+    $$settled = true;
+    $$inner_payload = copy_payload($$payload);
+    $$render_inner($$inner_payload);
+  } while (!$$settled);
+  assign_payload($$payload, $$inner_payload);
+  if ($$store_subs) unsubscribe_stores($$store_subs);
+  pop();
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-wKyUmA2e.js.map