plum-e2e 2.5.14 → 2.6.0

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

@@ -0,0 +1,562 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+import { X as store_get, 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 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 { C as ConfirmModal } from "../../../chunks/ConfirmModal.js";
+import { B as Badge } from "../../../chunks/Badge.js";
+import { a as attr } from "../../../chunks/attributes.js";
+import { e as escape_html } from "../../../chunks/escaping.js";
+function _page($$payload, $$props) {
+  push();
+  var $$store_subs;
+  let s3Configured, ciWorkflowSnippet, navItems;
+  let section = typeof sessionStorage !== "undefined" && sessionStorage.getItem("plum:settings:section") || "project";
+  let project = { name: "", logoUrl: "" };
+  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 backupTestingS3 = false;
+  let backupRunningNow = false;
+  let runners = [];
+  let pingResults = {};
+  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: "http://localhost:3001",
+            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" },
+    { 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" }];
+  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>`;
+    });
+    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"><!--[-->`;
+    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 += `<!--]--></nav></aside> <div class="settings-content svelte-9l533f">`;
+    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 += "<!--[!-->";
+      }
+      $$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"><!--[-->`;
+      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([
+        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">`;
+      Button($$payload2, {
+        disabled: projectSaving,
+        children: ($$payload3) => {
+          $$payload3.out += `<!---->${escape_html("Save Project")}`;
+        },
+        $$slots: { default: true }
+      });
+      $$payload2.out += `<!----></div></div></div>`;
+    } else {
+      $$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([
+          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> `;
+        if (runners.length > 0) {
+          $$payload2.out += "<!--[-->";
+          const each_array_2 = ensure_array_like(runners);
+          $$payload2.out += `<div class="runner-cards svelte-9l533f"><!--[-->`;
+          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"><!--[-->`;
+              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-9l533f">`;
+              Button($$payload2, {
+                disabled: editFormSaving,
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->${escape_html("Save")}`;
+                },
+                $$slots: { default: true }
+              });
+              $$payload2.out += `<!----> `;
+              Button($$payload2, {
+                variant: "ghost",
+                disabled: editFormSaving,
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->Cancel`;
+                },
+                $$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> `;
+              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>`;
+                } else {
+                  $$payload2.out += "<!--[!-->";
+                  $$payload2.out += `<span class="ping-badge fail svelte-9l533f"${attr("title", ping.error)}>unreachable</span>`;
+                }
+                $$payload2.out += `<!--]-->`;
+              } else {
+                $$payload2.out += "<!--[!-->";
+                if (ping?.loading) {
+                  $$payload2.out += "<!--[-->";
+                  $$payload2.out += `<span class="ping-badge pinging svelte-9l533f">pinging…</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">`;
+              Button($$payload2, {
+                variant: "ghost",
+                size: "sm",
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->Edit`;
+                },
+                $$slots: { default: true }
+              });
+              $$payload2.out += `<!----> `;
+              Button($$payload2, {
+                variant: "danger",
+                size: "sm",
+                children: ($$payload3) => {
+                  $$payload3.out += `<!---->Remove`;
+                },
+                $$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-9l533f">`;
+          Button($$payload2, {
+            variant: "ghost",
+            children: ($$payload3) => {
+              $$payload3.out += `<!---->+ Add Runner`;
+            },
+            $$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-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">`;
+          Button($$payload2, {
+            disabled: prefixesSaving,
+            children: ($$payload3) => {
+              $$payload3.out += `<!---->${escape_html("Save Prefixes")}`;
+            },
+            $$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">`;
+          Button($$payload2, {
+            variant: "ghost",
+            disabled: migrating,
+            children: ($$payload3) => {
+              $$payload3.out += `<!---->${escape_html("Run Migration")}`;
+            },
+            $$slots: { default: true }
+          });
+          $$payload2.out += `<!----></div></div></div>`;
+        } else {
+          $$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> `;
+            Button($$payload2, {
+              disabled: integrationsSaving,
+              children: ($$payload3) => {
+                $$payload3.out += `<!---->${escape_html("Save Integrations")}`;
+              },
+              $$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 `;
+            Badge($$payload2, {
+              variant: "external",
+              children: ($$payload3) => {
+                $$payload3.out += `<!---->External`;
+              },
+              $$slots: { default: true }
+            });
+            $$payload2.out += `<!---->.</p> <pre class="mcp-snippet svelte-9l533f">${escape_html(ciWorkflowSnippet)}</pre> <div class="card-footer svelte-9l533f">`;
+            Button($$payload2, {
+              variant: "ghost",
+              children: ($$payload3) => {
+                $$payload3.out += `<!---->${escape_html("Copy Workflow Step")}`;
+              },
+              $$slots: { default: true }
+            });
+            $$payload2.out += `<!----></div></div></div>`;
+          } else {
+            $$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 += "<!--[-->";
+                $$payload2.out += `<p class="content-desc svelte-9l533f">No key generated yet.</p> <div class="card-footer svelte-9l533f">`;
+                Button($$payload2, {
+                  disabled: mcpGenerating,
+                  children: ($$payload3) => {
+                    $$payload3.out += `<!---->${escape_html("Generate Key")}`;
+                  },
+                  $$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-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 += "<!--[!-->";
+                }
+                $$payload2.out += `<!--]--> <div class="card-footer svelte-9l533f">`;
+                Button($$payload2, {
+                  disabled: true,
+                  children: ($$payload3) => {
+                    $$payload3.out += `<!---->${escape_html("Save Profile")}`;
+                  },
+                  $$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 += "<!--[!-->";
+                }
+                $$payload2.out += `<!--]--> <div class="card-footer svelte-9l533f">`;
+                Button($$payload2, {
+                  disabled: true,
+                  children: ($$payload3) => {
+                    $$payload3.out += `<!---->${escape_html("Change Password")}`;
+                  },
+                  $$slots: { default: true }
+                });
+                $$payload2.out += `<!----></div></div> <div class="card settings-card svelte-9l533f"><div class="card-footer svelte-9l533f">`;
+                Button($$payload2, {
+                  variant: "danger",
+                  size: "sm",
+                  children: ($$payload3) => {
+                    $$payload3.out += `<!---->Sign out`;
+                  },
+                  $$slots: { default: true }
+                });
+                $$payload2.out += `<!----></div></div></div>`;
+              } else {
+                $$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> `;
+                  ConfirmModal($$payload2, {
+                    title: "Remove User",
+                    confirmLabel: "Remove",
+                    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-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 += "<!--[!-->";
+                  }
+                  $$payload2.out += `<!--]--> <div class="card-footer svelte-9l533f">`;
+                  Button($$payload2, {
+                    disabled: userFormSaving,
+                    children: ($$payload3) => {
+                      $$payload3.out += `<!---->${escape_html("Add User")}`;
+                    },
+                    $$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-9l533f"><!--[-->`;
+                    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> `;
+                      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>`;
+                      } else {
+                        $$payload2.out += "<!--[!-->";
+                        $$payload2.out += `<span class="you-chip svelte-9l533f">you</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-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> `;
+                    Button($$payload2, {
+                      disabled: exporting,
+                      children: ($$payload3) => {
+                        $$payload3.out += `<!---->${escape_html("Export JSON")}`;
+                      },
+                      $$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> `;
+                    Button($$payload2, {
+                      disabled: true,
+                      children: ($$payload3) => {
+                        $$payload3.out += `<!---->${escape_html("Import")}`;
+                      },
+                      $$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">`;
+                    Button($$payload2, {
+                      variant: "ghost",
+                      disabled: backupTestingS3,
+                      children: ($$payload3) => {
+                        $$payload3.out += `<!---->${escape_html("Test Connection")}`;
+                      },
+                      $$slots: { default: true }
+                    });
+                    $$payload2.out += `<!----> `;
+                    Button($$payload2, {
+                      disabled: backupConfigSaving,
+                      children: ($$payload3) => {
+                        $$payload3.out += `<!---->${escape_html("Save S3 Config")}`;
+                      },
+                      $$slots: { default: true }
+                    });
+                    $$payload2.out += `<!----></div> `;
+                    {
+                      $$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> `;
+                    if (!s3Configured) {
+                      $$payload2.out += "<!--[-->";
+                      $$payload2.out += `<p class="backup-block-desc svelte-9l533f">Configure S3 storage above to enable scheduled backups.</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 += "<!--[!-->";
+                      }
+                      $$payload2.out += `<!--]--> <div class="backup-actions svelte-9l533f">`;
+                      Button($$payload2, {
+                        variant: "ghost",
+                        disabled: backupRunningNow,
+                        children: ($$payload3) => {
+                          $$payload3.out += `<!---->${escape_html("Upload to S3 Now")}`;
+                        },
+                        $$slots: { default: true }
+                      });
+                      $$payload2.out += `<!----> `;
+                      Button($$payload2, {
+                        disabled: backupConfigSaving,
+                        children: ($$payload3) => {
+                          $$payload3.out += `<!---->${escape_html("Save Schedule")}`;
+                        },
+                        $$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
+};

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

@@ -0,0 +1,40 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+import { Y as head, X as store_get, $ as unsubscribe_stores, p as pop, a as push } from "../../../chunks/index.js";
+import "../../../chunks/client.js";
+import "../../../chunks/auth.js";
+import { t as theme } from "../../../chunks/theme.js";
+import { a as attr } from "../../../chunks/attributes.js";
+function _page($$payload, $$props) {
+  push();
+  var $$store_subs;
+  head($$payload, ($$payload2) => {
+    $$payload2.title = `<title>Setup — Plum</title>`;
+  });
+  $$payload.out += `<div class="page svelte-1fbs494"${attr("data-theme", store_get($$store_subs ??= {}, "$theme", theme))}>`;
+  {
+    $$payload.out += "<!--[-->";
+    $$payload.out += `<p class="checking svelte-1fbs494">Checking server…</p>`;
+  }
+  $$payload.out += `<!--]--></div>`;
+  if ($$store_subs) unsubscribe_stores($$store_subs);
+  pop();
+}
+export {
+  _page as default
+};