feat(suite): Implement Suites (#1239)

* feat(suite): Implement Suites

Fixes #1230

* Update docs

* Fix variable alignment

* Prevent always-run endpoint from running if a context placeholder fails to resolve in the URL

* Return errors when a context placeholder path fails to resolve

* Add a couple of unit tests

* Add a couple of unit tests

* fix(ui): Update group count properly

Fixes #1233

* refactor: Pass down entire config instead of several sub-configs

* fix: Change default suite interval and timeout

* fix: Deprecate disable-monitoring-lock in favor of concurrency

* fix: Make sure there are no duplicate keys

* Refactor some code

* Update watchdog/watchdog.go

* Update web/app/src/components/StepDetailsModal.vue

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* chore: Remove useless log

* fix: Set default concurrency to 3 instead of 5

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

web/app/src/utils/format.js

@@ -0,0 +1,17 @@
+/**
+ * Formats a duration from nanoseconds to a human-readable string
+ * @param {number} duration - Duration in nanoseconds
+ * @returns {string} Formatted duration string (e.g., "123ms", "1.23s")
+ */
+export const formatDuration = (duration) => {
+  if (!duration && duration !== 0) return 'N/A'
+  
+  // Convert nanoseconds to milliseconds
+  const durationMs = duration / 1000000
+  
+  if (durationMs < 1000) {
+    return `${durationMs.toFixed(0)}ms`
+  } else {
+    return `${(durationMs / 1000).toFixed(2)}s`
+  }
+}

web/app/src/utils/time.js

@@ -0,0 +1,52 @@
+/**
+ * Generates a human-readable relative time string (e.g., "2 hours ago")
+ * @param {string|Date} timestamp - The timestamp to convert
+ * @returns {string} Relative time string
+ */
+export const generatePrettyTimeAgo = (timestamp) => {
+  let differenceInMs = new Date().getTime() - new Date(timestamp).getTime();
+  if (differenceInMs < 500) {
+    return "now";
+  }
+  if (differenceInMs > 3 * 86400000) { // If it was more than 3 days ago, we'll display the number of days ago
+    let days = (differenceInMs / 86400000).toFixed(0);
+    return days + " day" + (days !== "1" ? "s" : "") + " ago";
+  }
+  if (differenceInMs > 3600000) { // If it was more than 1h ago, display the number of hours ago
+    let hours = (differenceInMs / 3600000).toFixed(0);
+    return hours + " hour" + (hours !== "1" ? "s" : "") + " ago";
+  }
+  if (differenceInMs > 60000) {
+    let minutes = (differenceInMs / 60000).toFixed(0);
+    return minutes + " minute" + (minutes !== "1" ? "s" : "") + " ago";
+  }
+  let seconds = (differenceInMs / 1000).toFixed(0);
+  return seconds + " second" + (seconds !== "1" ? "s" : "") + " ago";
+}
+
+/**
+ * Generates a pretty time difference string between two timestamps
+ * @param {string|Date} start - Start timestamp
+ * @param {string|Date} end - End timestamp
+ * @returns {string} Time difference string
+ */
+export const generatePrettyTimeDifference = (start, end) => {
+  let minutes = Math.ceil((new Date(start) - new Date(end)) / 1000 / 60);
+  return minutes + (minutes === 1 ? ' minute' : ' minutes');
+}
+
+/**
+ * Formats a timestamp into YYYY-MM-DD HH:mm:ss format
+ * @param {string|Date} timestamp - The timestamp to format
+ * @returns {string} Formatted timestamp
+ */
+export const prettifyTimestamp = (timestamp) => {
+  let date = new Date(timestamp);
+  let YYYY = date.getFullYear();
+  let MM = ((date.getMonth() + 1) < 10 ? "0" : "") + "" + (date.getMonth() + 1);
+  let DD = ((date.getDate()) < 10 ? "0" : "") + "" + (date.getDate());
+  let hh = ((date.getHours()) < 10 ? "0" : "") + "" + (date.getHours());
+  let mm = ((date.getMinutes()) < 10 ? "0" : "") + "" + (date.getMinutes());
+  let ss = ((date.getSeconds()) < 10 ? "0" : "") + "" + (date.getSeconds());
+  return YYYY + "-" + MM + "-" + DD + " " + hh + ":" + mm + ":" + ss;
+}