@runwisp/ui 0.14.0 → 0.15.0

package/src/lib/components/dashboard/status-config.ts

@@ -45,7 +45,7 @@ export const RUN_STATUS_CONFIG: Record<RunStatus, RunStatusConfig> = {
         border: "border-success-soft",
         dot: "bg-success-surface",
         badge: "bg-success-soft text-success-soft-text",
-        description: "The run finished with exit code 0.",
+        description: "The run finished with exit code 0 - everything OK.",
     },
     failed: {
         icon: CircleX,
@@ -64,7 +64,7 @@ export const RUN_STATUS_CONFIG: Record<RunStatus, RunStatusConfig> = {
         dot: "bg-danger-surface",
         badge: "bg-danger-soft text-danger-soft-text",
         description:
-            "The process was killed, or the daemon found it still 'running' after a hard crash and marked it crashed (exit -2). It was not resumed.",
+            "The process was killed, or the daemon found it still 'running' after a hard crash and marked it crashed. It was not resumed.",
     },
     stopped: {
         icon: CircleStop,
@@ -73,7 +73,7 @@ export const RUN_STATUS_CONFIG: Record<RunStatus, RunStatusConfig> = {
         border: "border-warning-soft",
         dot: "bg-warning-surface",
         badge: "bg-warning-soft text-warning-soft-text",
-        description: "An operator stopped this run before it finished.",
+        description: "A human or an external script manually stopped this run before it finished.",
     },
     timeout: {
         icon: TimerOff,
@@ -82,7 +82,8 @@ export const RUN_STATUS_CONFIG: Record<RunStatus, RunStatusConfig> = {
         border: "border-warning-soft",
         dot: "bg-warning-surface",
         badge: "bg-warning-soft text-warning-soft-text",
-        description: "The run exceeded its configured timeout and was terminated.",
+        description:
+            "The run exceeded its configured timeout and was terminated. Timeout duration can be changed.",
     },
     skipped: {
         icon: SkipForward,
@@ -101,7 +102,7 @@ export const RUN_STATUS_CONFIG: Record<RunStatus, RunStatusConfig> = {
         border: "border-danger-soft",
         dot: "bg-danger-surface",
         badge: "bg-danger-soft text-danger-soft-text",
-        description: "The run hit log_max_size and was handled per log_on_full.",
+        description: "The run hit log_max_size and was handled because of log_on_full.",
     },
     queue_full: {
         icon: SkipForward,
@@ -150,7 +151,7 @@ export const RUN_STATUS_CONFIG: Record<RunStatus, RunStatusConfig> = {
         dot: "bg-danger-surface",
         badge: "bg-danger-soft text-danger-soft-text",
         description:
-            "The service kept failing to stay up for healthy_after; after start_retries the supervisor gave up (FATAL) and stopped restarting it.",
+            "The service kept failing to stay up for healthy_after; after restart_attempts the supervisor gave up (FATAL) and stopped restarting it.",
     },
     pending: {
         icon: Clock,
@@ -176,6 +177,6 @@ export function getRunStatusConfig(status: RunStatus): RunStatusConfig {
     return RUN_STATUS_CONFIG[status];
 }
 
-export function runDisplayStatus(run: Pick<Run, "status" | "end_reason">): RunStatus {
-    return displayStatus(run.status, run.end_reason);
+export function runDisplayStatus(run: Pick<Run, "status" | "endReason">): RunStatus {
+    return displayStatus(run.status, run.endReason);
 }

package/src/lib/utils/error.ts

@@ -1,9 +1,6 @@
 // SPDX-FileCopyrightText: PoppyCake, s.r.o.
 // SPDX-License-Identifier: Apache-2.0
 
-/**
- * Extracts a human-readable message from an unknown caught value.
- */
 export function extractErrorMessage(
     err: unknown,
     fallback = "An unexpected error occurred",

package/src/lib/utils/format.test.ts

@@ -124,12 +124,8 @@ describe("formatRelativeTimeWithAbsolute", () => {
 describe("formatRelativeTime", () => {
     it("advances as the supplied now advances", () => {
         const date = new Date("2024-01-01T12:00:00Z");
-        expect(formatRelativeTime(date, new Date("2024-01-01T14:00:00Z"))).toBe(
-            "about 2 hours ago",
-        );
-        expect(formatRelativeTime(date, new Date("2024-01-01T15:00:00Z"))).toBe(
-            "about 3 hours ago",
-        );
+        expect(formatRelativeTime(date, new Date("2024-01-01T14:00:00Z"))).toBe("2 hours ago");
+        expect(formatRelativeTime(date, new Date("2024-01-01T15:00:00Z"))).toBe("3 hours ago");
     });
 });
 

package/src/lib/utils/format.ts

@@ -1,7 +1,32 @@
 // SPDX-FileCopyrightText: PoppyCake, s.r.o.
 // SPDX-License-Identifier: Apache-2.0
 
-import { formatDistance } from "date-fns";
+// Signed magnitude thresholds for Intl.RelativeTimeFormat, largest-first
+// division. Mirrors the buckets date-fns' formatDistance used to pick.
+const RELATIVE_DIVISIONS: [amount: number, unit: Intl.RelativeTimeFormatUnit][] = [
+    [60, "seconds"],
+    [60, "minutes"],
+    [24, "hours"],
+    [7, "days"],
+    [4.34524, "weeks"],
+    [12, "months"],
+    [Number.POSITIVE_INFINITY, "years"],
+];
+
+// formatDistance renders a signed date delta as "N units ago" / "in N units"
+// using the platform Intl formatter. Negative delta (date before base) reads as
+// past, positive as future.
+function formatDistance(date: Date, base: Date): string {
+    const rtf = new Intl.RelativeTimeFormat(undefined, { numeric: "always" });
+    let delta = (date.getTime() - base.getTime()) / 1000;
+    for (const [amount, unit] of RELATIVE_DIVISIONS) {
+        if (Math.abs(delta) < amount) {
+            return rtf.format(Math.round(delta), unit);
+        }
+        delta /= amount;
+    }
+    return rtf.format(Math.round(delta), "years");
+}
 
 export function formatBytes(bytes: number): string {
     const units: [string, ...string[]] = ["B", "KB", "MB", "GB", "TB", "PB"];
@@ -17,7 +42,7 @@ export function formatBytes(bytes: number): string {
 }
 
 export function formatRelativeTime(dateStr: string | Date, now: Date = new Date()): string {
-    return formatDistance(new Date(dateStr), now, { addSuffix: true });
+    return formatDistance(new Date(dateStr), now);
 }
 
 export function formatRelativeTimeWithAbsolute(
@@ -25,7 +50,7 @@ export function formatRelativeTimeWithAbsolute(
     now: Date = new Date(),
 ): string {
     const date = new Date(dateStr);
-    const relative = formatDistance(date, now, { addSuffix: true }).replace("about ", "");
+    const relative = formatDistance(date, now);
     const diffMs = Math.abs(now.getTime() - date.getTime());
     const diffDays = diffMs / (1000 * 60 * 60 * 24);