@selvajs/selva 4.0.0 → 4.2.0

package/build/server/chunks/{_page.svelte-Dz-6_oW1.js → _page.svelte-DlnKE8Z9.js}

@@ -1,9 +1,11 @@
-import { a3 as head, T as escape_html, n as attr_class, aD as stringify, Q as ensure_array_like, aA as spread_props } from './renderer-x4cX3Aau.js';
+import { a3 as head, T as escape_html, n as attr_class, aD as stringify, m as attr, Q as ensure_array_like, I as derived, aA as spread_props } from './renderer-x4cX3Aau.js';
 import { C as Card, a as Card_content } from './card-content-CLRedGcu.js';
 import { C as Card_header, a as Card_title } from './card-title-f3nMy4Cc.js';
 import { C as Card_description } from './card-description-Cvz9Nl_J.js';
 import { B as Button } from './button-1GF48U_O.js';
+import { R as Refresh_cw } from './refresh-cw-CiiW6Kvx.js';
 import { I as Icon } from './Icon2-DbkwAOkZ.js';
+import { T as Triangle_alert } from './triangle-alert-DuaFagu6.js';
 import { R as Root, b as Alert_dialog_content, e as Alert_dialog_header, d as Alert_dialog_footer, f as Alert_dialog_title, c as Alert_dialog_description, a as Alert_dialog_cancel, A as Alert_dialog_action } from './index4-DSWKKOFB.js';
 import { S as SectionHeader } from './SectionHeader-CjuQsFLx.js';
 import 'clsx';
@@ -17,21 +19,148 @@ import './index-server-DMc-UvjC.js';
 import './scroll-lock-BVxv0Dsn.js';
 import './events-qfxQNxtp.js';
 
-function Refresh_cw($$renderer, $$props) {
+function Circle_check($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
+    ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+    ["path", { "d": "m9 12 2 2 4-4" }]
+  ];
+  Icon($$renderer, spread_props([{ name: "circle-check" }, props, { iconNode }]));
+}
+function Circle_x($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+    ["path", { "d": "m15 9-6 6" }],
+    ["path", { "d": "m9 9 6 6" }]
+  ];
+  Icon($$renderer, spread_props([{ name: "circle-x" }, props, { iconNode }]));
+}
+function Info($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+    ["path", { "d": "M12 16v-4" }],
+    ["path", { "d": "M12 8h.01" }]
+  ];
+  Icon($$renderer, spread_props([{ name: "info" }, props, { iconNode }]));
+}
+function Minus($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [["path", { "d": "M5 12h14" }]];
+  Icon($$renderer, spread_props([{ name: "minus" }, props, { iconNode }]));
+}
+function Stethoscope($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { "d": "M11 2v2" }],
+    ["path", { "d": "M5 2v2" }],
     [
       "path",
-      { "d": "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }
-    ],
-    ["path", { "d": "M21 3v5h-5" }],
-    [
-      "path",
-      { "d": "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }
+      {
+        "d": "M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1"
+      }
     ],
-    ["path", { "d": "M8 16H3v5" }]
+    ["path", { "d": "M8 15a6 6 0 0 0 12 0v-3" }],
+    ["circle", { "cx": "20", "cy": "10", "r": "2" }]
   ];
-  Icon($$renderer, spread_props([{ name: "refresh-cw" }, props, { iconNode }]));
+  Icon($$renderer, spread_props([{ name: "stethoscope" }, props, { iconNode }]));
+}
+function firstMatch(logs, re) {
+  const m = re.exec(logs);
+  return m ? m[1] : void 0;
+}
+function parseVersions(logs) {
+  const avail = /Available:\s*(\d+\.\d+\.\d+[^\s]*)\s*(?:→|->)\s*(\d+\.\d+\.\d+[^\s]*)/.exec(logs);
+  if (avail) return { from: avail[1], to: avail[2] };
+  const from = firstMatch(logs, /Current @selvajs\/selva:\s*v?(\d+\.\d+\.\d+[^\s]*)/);
+  const to = firstMatch(logs, /New @selvajs\/selva:\s*v?(\d+\.\d+\.\d+[^\s]*)/);
+  return { from, to };
+}
+function has(logs, needle) {
+  return logs.includes(needle);
+}
+function deriveOutcome(exitCode, logs) {
+  const { from, to } = parseVersions(logs);
+  if (exitCode === null) {
+    return { severity: "pending", title: "Update in progress…" };
+  }
+  if (exitCode === 6 || has(logs, "Manual recovery required") || has(logs, "manual intervention required")) {
+    return {
+      severity: "critical",
+      title: "Update failed AND rollback failed — the app may be OFFLINE",
+      detail: "Both the new version and the rollback failed their health check. SSH into the server and run: `pm2 logs selva-compute`, then `pm2 start ecosystem.config.cjs` from the deployment directory.",
+      from,
+      to
+    };
+  }
+  if (exitCode === -2) {
+    return {
+      severity: "critical",
+      title: "App did not come back online within 5 minutes",
+      detail: "The update may still be finishing in the background, or the new process is crash-looping. Check `pm2 logs selva-compute`. Do not re-run the update until you have confirmed the current state.",
+      from,
+      to
+    };
+  }
+  if (exitCode === 5 || has(logs, "Rolled back")) {
+    return {
+      severity: "warning",
+      title: `Update failed — safely rolled back${from ? ` to ${from}` : ""}. The app is online.`,
+      detail: "The new version failed its health check, so the previous version was restored and is serving normally. Review the log below for why the new version failed before retrying.",
+      from,
+      to
+    };
+  }
+  if (has(logs, "npm cache may be stale") || has(logs, "No version change")) {
+    return {
+      severity: "warning",
+      title: "No version change — npm installed the same version.",
+      detail: "Your npm cache may be stale. On the server: `npm cache clean --force`, remove node_modules + package-lock.json, then `npm install --prefer-online`.",
+      from,
+      to
+    };
+  }
+  if (exitCode === 0) {
+    if (has(logs, "Already on the latest version") || has(logs, "Nothing to do")) {
+      return {
+        severity: "info",
+        title: `Already up to date${from ? ` (${from})` : ""} — nothing to install.`,
+        detail: "No changes were made and the app was not restarted.",
+        from,
+        to
+      };
+    }
+    if (from && to && from !== to) {
+      return {
+        severity: "success",
+        title: `Updated ${from} → ${to}. The app is back online.`,
+        from,
+        to
+      };
+    }
+    if (to) {
+      return {
+        severity: "success",
+        title: `Update complete — now on ${to}. The app is back online.`,
+        from,
+        to
+      };
+    }
+    return {
+      severity: "success",
+      title: "Update completed and the app is back online.",
+      from,
+      to
+    };
+  }
+  return {
+    severity: "critical",
+    title: `Update failed (exit code ${exitCode}).`,
+    detail: "The update did not complete cleanly. Review the log below, and check `pm2 logs selva-compute` to confirm whether the app is currently online.",
+    from,
+    to
+  };
 }
 function UpdateSection($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
@@ -44,23 +173,44 @@ function UpdateSection($$renderer, $$props) {
       onRun
     } = $$props;
     let showRunConfirm = false;
+    let outcome = derived(() => exitCode === null ? null : deriveOutcome(exitCode, logs));
+    const severityStyles = {
+      success: {
+        text: "text-success",
+        border: "border-success/40",
+        bg: "bg-success/10",
+        icon: Circle_check
+      },
+      info: {
+        text: "text-foreground",
+        border: "border-border",
+        bg: "bg-muted/50",
+        icon: Info
+      },
+      warning: {
+        text: "text-warning",
+        border: "border-warning/40",
+        bg: "bg-warning/10",
+        icon: Triangle_alert
+      },
+      critical: {
+        text: "text-destructive",
+        border: "border-destructive/40",
+        bg: "bg-destructive/10",
+        icon: Circle_x
+      },
+      pending: {
+        text: "text-muted-foreground",
+        border: "border-border",
+        bg: "bg-muted/50",
+        icon: Refresh_cw
+      }
+    };
     function buttonLabel() {
       if (isRestarting) return "Restarting & verifying…";
       if (isRunning) return "Running…";
       return "Run Update";
     }
-    function statusMessage() {
-      if (exitCode === null) return null;
-      if (exitCode === 0) return { text: "✓ Update completed successfully", tone: "success" };
-      if (exitCode === -2) return {
-        text: "⚠ App did not respond within 5 minutes after restart — check PM2 logs",
-        tone: "destructive"
-      };
-      return {
-        text: `Update failed (exit code ${exitCode})`,
-        tone: "destructive"
-      };
-    }
     function handleRunClick() {
       showRunConfirm = true;
     }
@@ -150,17 +300,41 @@ function UpdateSection($$renderer, $$props) {
                   $$renderer4.push("<!--[-1-->");
                 }
                 $$renderer4.push(`<!--]--> `);
-                if (logs) {
+                if (outcome()) {
                   $$renderer4.push("<!--[0-->");
-                  $$renderer4.push(`<div class="space-y-2"><h4 class="text-sm font-medium">Update Logs</h4> <pre class="bg-muted text-foreground max-h-96 overflow-auto rounded-md p-4 font-mono text-xs">${escape_html(logs)}</pre> `);
-                  if (statusMessage()) {
+                  const style = severityStyles[outcome().severity];
+                  const Icon2 = style.icon;
+                  $$renderer4.push(`<div${attr_class(`flex items-start gap-3 rounded-md border px-3 py-3 ${stringify(style.border)} ${stringify(style.bg)}`)}${attr("role", outcome().severity === "critical" ? "alert" : "status")}${attr("aria-live", outcome().severity === "critical" ? "assertive" : "polite")}>`);
+                  if (Icon2) {
+                    $$renderer4.push("<!--[-->");
+                    Icon2($$renderer4, { class: `mt-0.5 h-5 w-5 shrink-0 ${stringify(style.text)}` });
+                    $$renderer4.push("<!--]-->");
+                  } else {
+                    $$renderer4.push("<!--[!-->");
+                    $$renderer4.push("<!--]-->");
+                  }
+                  $$renderer4.push(` <div class="min-w-0 space-y-1"><p${attr_class(`text-sm font-medium ${stringify(style.text)}`)}>${escape_html(outcome().title)}</p> `);
+                  if (outcome().from && outcome().to && outcome().from !== outcome().to) {
                     $$renderer4.push("<!--[0-->");
-                    const msg = statusMessage();
-                    $$renderer4.push(`<p${attr_class(`text-sm font-medium ${stringify(msg.tone === "success" ? "text-success" : msg.tone === "destructive" ? "text-destructive" : "text-muted-foreground")}`)}>${escape_html(msg.text)}</p>`);
+                    $$renderer4.push(`<p class="text-muted-foreground font-mono text-xs">${escape_html(outcome().from)} → ${escape_html(outcome().to)}</p>`);
                   } else {
                     $$renderer4.push("<!--[-1-->");
                   }
-                  $$renderer4.push(`<!--]--></div>`);
+                  $$renderer4.push(`<!--]--> `);
+                  if (outcome().detail) {
+                    $$renderer4.push("<!--[0-->");
+                    $$renderer4.push(`<p class="text-muted-foreground text-xs whitespace-pre-line">${escape_html(outcome().detail)}</p>`);
+                  } else {
+                    $$renderer4.push("<!--[-1-->");
+                  }
+                  $$renderer4.push(`<!--]--></div></div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]--> `);
+                if (logs) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<div class="space-y-2"><h4 class="text-sm font-medium">Update Logs</h4> <pre class="bg-muted text-foreground max-h-96 overflow-auto rounded-md p-4 font-mono text-xs">${escape_html(logs)}</pre></div>`);
                 } else {
                   $$renderer4.push("<!--[-1-->");
                 }
@@ -292,6 +466,168 @@ function UpdateSection($$renderer, $$props) {
     }
   });
 }
+function HealthSection($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let running = false;
+    let report = null;
+    let error = null;
+    const statusStyle = {
+      ok: { text: "text-success", icon: Circle_check, label: "OK" },
+      degraded: { text: "text-warning", icon: Triangle_alert, label: "Degraded" },
+      error: { text: "text-destructive", icon: Circle_x, label: "Error" },
+      not_applicable: { text: "text-muted-foreground", icon: Minus, label: "N/A" }
+    };
+    async function runCheck() {
+      running = true;
+      error = null;
+      try {
+        const res = await fetch("/admin/api/system/health", { cache: "no-store" });
+        if (!res.ok) {
+          error = `Health check request failed (HTTP ${res.status}).`;
+          report = null;
+          return;
+        }
+        report = await res.json();
+      } catch (err) {
+        error = err instanceof Error ? err.message : "Health check request failed.";
+        report = null;
+      } finally {
+        running = false;
+      }
+    }
+    if (Card) {
+      $$renderer2.push("<!--[-->");
+      Card($$renderer2, {
+        children: ($$renderer3) => {
+          if (Card_header) {
+            $$renderer3.push("<!--[-->");
+            Card_header($$renderer3, {
+              children: ($$renderer4) => {
+                if (Card_title) {
+                  $$renderer4.push("<!--[-->");
+                  Card_title($$renderer4, {
+                    class: "text-sm font-medium",
+                    children: ($$renderer5) => {
+                      $$renderer5.push(`<!---->System health`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer4.push("<!--]-->");
+                } else {
+                  $$renderer4.push("<!--[!-->");
+                  $$renderer4.push("<!--]-->");
+                }
+                $$renderer4.push(` `);
+                if (Card_description) {
+                  $$renderer4.push("<!--[-->");
+                  Card_description($$renderer4, {
+                    children: ($$renderer5) => {
+                      $$renderer5.push(`<!---->Re-runs runtime integrity checks live (not the cached boot snapshot), so results reflect the
+			current state after any fix.`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer4.push("<!--]-->");
+                } else {
+                  $$renderer4.push("<!--[!-->");
+                  $$renderer4.push("<!--]-->");
+                }
+              },
+              $$slots: { default: true }
+            });
+            $$renderer3.push("<!--]-->");
+          } else {
+            $$renderer3.push("<!--[!-->");
+            $$renderer3.push("<!--]-->");
+          }
+          $$renderer3.push(` `);
+          if (Card_content) {
+            $$renderer3.push("<!--[-->");
+            Card_content($$renderer3, {
+              class: "space-y-4",
+              children: ($$renderer4) => {
+                Button($$renderer4, {
+                  onclick: runCheck,
+                  disabled: running,
+                  variant: "outline",
+                  children: ($$renderer5) => {
+                    Stethoscope($$renderer5, {
+                      class: `mr-2 h-4 w-4 ${stringify(running ? "animate-pulse" : "")}`
+                    });
+                    $$renderer5.push(`<!----> ${escape_html(running ? "Checking…" : "Run health check")}`);
+                  },
+                  $$slots: { default: true }
+                });
+                $$renderer4.push(`<!----> `);
+                if (error) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<div class="border-destructive/40 bg-destructive/10 text-destructive flex items-start gap-2 rounded-md border px-3 py-2 text-sm" role="alert">`);
+                  Circle_x($$renderer4, { class: "mt-0.5 h-4 w-4 shrink-0" });
+                  $$renderer4.push(`<!----> <span>${escape_html(error)}</span></div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]--> `);
+                if (report) {
+                  $$renderer4.push("<!--[0-->");
+                  const overall = statusStyle[report.overall];
+                  const OverallIcon = overall.icon;
+                  $$renderer4.push(`<div class="space-y-3"><div${attr_class(`flex items-center gap-2 text-sm font-medium ${stringify(overall.text)}`)}>`);
+                  if (OverallIcon) {
+                    $$renderer4.push("<!--[-->");
+                    OverallIcon($$renderer4, { class: "h-5 w-5" });
+                    $$renderer4.push("<!--]-->");
+                  } else {
+                    $$renderer4.push("<!--[!-->");
+                    $$renderer4.push("<!--]-->");
+                  }
+                  $$renderer4.push(` <span>${escape_html(report.overall === "ok" ? "All checks passed" : report.overall === "degraded" ? "Attention needed" : report.overall === "error" ? "Check failed to run" : "No applicable checks")}</span> <span class="text-muted-foreground ml-auto text-xs font-normal">${escape_html(new Date(report.checkedAt).toLocaleTimeString())}</span></div> <div class="divide-y rounded-lg border"><!--[-->`);
+                  const each_array = ensure_array_like(report.checks);
+                  for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+                    let check = each_array[$$index];
+                    const style = statusStyle[check.status];
+                    const Icon2 = style.icon;
+                    $$renderer4.push(`<div class="flex items-start gap-3 px-4 py-3">`);
+                    if (Icon2) {
+                      $$renderer4.push("<!--[-->");
+                      Icon2($$renderer4, { class: `mt-0.5 h-4 w-4 shrink-0 ${stringify(style.text)}` });
+                      $$renderer4.push("<!--]-->");
+                    } else {
+                      $$renderer4.push("<!--[!-->");
+                      $$renderer4.push("<!--]-->");
+                    }
+                    $$renderer4.push(` <div class="min-w-0 flex-1 space-y-1"><div class="flex items-center justify-between gap-2"><span class="text-sm font-medium">${escape_html(check.label)}</span> <span${attr_class(`rounded-full border px-2 py-0.5 font-mono text-[10px] tracking-wide uppercase ${stringify(style.text)}`)}>${escape_html(style.label)}</span></div> <p class="text-muted-foreground text-xs">${escape_html(check.summary)}</p> `);
+                    if (check.remediation) {
+                      $$renderer4.push("<!--[0-->");
+                      $$renderer4.push(`<p class="text-foreground text-xs">${escape_html(check.remediation)}</p>`);
+                    } else {
+                      $$renderer4.push("<!--[-1-->");
+                    }
+                    $$renderer4.push(`<!--]--></div></div>`);
+                  }
+                  $$renderer4.push(`<!--]--></div></div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]-->`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer3.push("<!--]-->");
+          } else {
+            $$renderer3.push("<!--[!-->");
+            $$renderer3.push("<!--]-->");
+          }
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push("<!--]-->");
+    } else {
+      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--]-->");
+    }
+  });
+}
 function _page($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { data } = $$props;
@@ -324,6 +660,14 @@ function _page($$renderer, $$props) {
         return null;
       }
     }
+    function exitCodeFromLog(log) {
+      if (/\bManual recovery required\b/.test(log)) return 6;
+      if (/\bRolled back to .* — previous version is online\b/.test(log)) return 5;
+      if (/New process failed health check/.test(log) && !/Rolled back/.test(log)) return 3;
+      if (/\[FATAL\]/.test(log) && !/\[DONE\]/.test(log)) return 1;
+      if (/\[DONE\]/.test(log)) return 0;
+      return null;
+    }
     async function waitForAppRestart(previousCommit) {
       updateLogs += "\nWaiting for app to come back online…\n";
       await new Promise((r) => setTimeout(r, 2e3));
@@ -337,10 +681,7 @@ function _page($$renderer, $$props) {
         if (health) {
           if (previousCommit && health.commit) {
             if (health.commit !== previousCommit) {
-              updateLogs += `
-✓ App is back online on new commit ${health.commit.slice(0, 7)}
-`;
-              updateExitCode = 0;
+              updateExitCode = exitCodeFromLog(updateLogs) ?? 0;
               updateRunning = false;
               updateRestarting = false;
               return;
@@ -349,8 +690,7 @@ function _page($$renderer, $$props) {
           } else {
             consecutiveOk += 1;
             if (consecutiveOk >= 2) {
-              updateLogs += "\n✓ App is back online!\n";
-              updateExitCode = 0;
+              updateExitCode = exitCodeFromLog(updateLogs) ?? 0;
               updateRunning = false;
               updateRestarting = false;
               return;
@@ -526,6 +866,13 @@ function _page($$renderer, $$props) {
       $$renderer2.push("<!--]-->");
     }
     $$renderer2.push(` `);
+    if (data.isInstanceAdmin) {
+      $$renderer2.push("<!--[0-->");
+      HealthSection($$renderer2);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
     if (data.canManageUpdates) {
       $$renderer2.push("<!--[0-->");
       UpdateSection($$renderer2, {
@@ -544,4 +891,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-Dz-6_oW1.js.map
+//# sourceMappingURL=_page.svelte-DlnKE8Z9.js.map