@runwisp/ui 1.2.0 → 1.3.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@runwisp/ui",
   "description": "Svelte 5 UI component library for RunWisp dashboards and admin interfaces.",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -49,8 +49,8 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^5.2.1",
     "@eslint/js": "^10.0.1",
-    "@runwisp/eslint-config": "1.2.0",
-    "@runwisp/typescript-config": "1.2.0",
+    "@runwisp/eslint-config": "1.3.0",
+    "@runwisp/typescript-config": "1.3.0",
     "@storybook/addon-a11y": "^10.5.5",
     "@storybook/addon-docs": "^10.5.5",
     "@storybook/addon-svelte-csf": "^5.1.2",
@@ -93,7 +93,7 @@
     "@fontsource-variable/geist-mono": "^5.3.0",
     "@fontsource/tasa-orbiter": "^5.3.0",
     "@lucide/svelte": "^1.28.0",
-    "@runwisp/common": "1.2.0",
+    "@runwisp/common": "1.3.0",
     "@tanstack/svelte-virtual": "^3.13.35",
     "ansi-to-html": "^0.7.2",
     "cron-parser": "^5.7.0",

package/src/lib/components/dashboard/RunDetailPanel.svelte

@@ -278,7 +278,8 @@
             displayed === "crashed" ||
             displayed === "log_overflow" ||
             displayed === "missed" ||
-            displayed === "start_failed"
+            displayed === "start_failed" ||
+            displayed === "unhealthy"
         )
             return "var(--color-danger-surface)";
         if (displayed === "timeout" || displayed === "daemon_stopped" || displayed === "queue_full")

package/src/lib/components/dashboard/run-filters.test.ts

@@ -179,6 +179,7 @@ describe("STATUS_BUCKETS", () => {
         "timeout",
         "log_overflow",
         "start_failed",
+        "unhealthy",
         "missed",
     ];
 

package/src/lib/components/dashboard/run-helpers.ts

@@ -29,6 +29,7 @@ const RUN_VERDICTS: Record<RunStatus, RunVerdict> = {
     daemon_stopped: { verb: "cut short after", timed: true },
     log_overflow: { verb: "killed after", timed: true },
     start_failed: { verb: "gave up after", timed: true },
+    unhealthy: { verb: "killed as unhealthy after", timed: true },
     ended: { verb: "ended after", timed: true },
     running: { verb: "running for", timed: true },
     pending: { verb: "queued", timed: false },

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

@@ -13,6 +13,7 @@ import {
     FileExclamationPoint,
     CalendarX,
     OctagonX,
+    HeartCrack,
 } from "@lucide/svelte";
 import type { Component } from "svelte";
 import { displayStatus, type RunStatus, type Run } from "@runwisp/common";
@@ -153,6 +154,16 @@ export const RUN_STATUS_CONFIG: Record<RunStatus, RunStatusConfig> = {
         description:
             "The run (or service instance) kept failing; after restart_attempts consecutive failures, RunWisp gave up restarting it automatically.",
     },
+    unhealthy: {
+        icon: HeartCrack,
+        color: "text-danger-surface",
+        bg: "bg-danger-soft",
+        border: "border-danger-soft",
+        dot: "bg-danger-surface",
+        badge: "bg-danger-soft text-danger-soft-text",
+        description:
+            "The service instance kept failing its health_check, so RunWisp stopped it. Its restart policy decides what happens next.",
+    },
     pending: {
         icon: Clock,
         color: "text-on-surface-muted",

package/src/lib/theme.css

@@ -259,7 +259,17 @@ h3 {
     font-weight: 800;
     line-height: 1.1;
     letter-spacing: -0.02em;
-    text-wrap: balance;
+}
+
+/* Layered, unlike the rule above: text-wrap sets the same property as
+   white-space, so unlayered it would beat the `truncate` utility and wrap a
+   heading that asked to be cut to one line. */
+@layer base {
+    h1,
+    h2,
+    h3 {
+        text-wrap: balance;
+    }
 }
 
 /* Utility classes for the design system */