@spunto/design-system 0.35.0 → 0.35.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spunto/design-system",
-  "version": "0.35.0",
+  "version": "0.35.1",
   "description": "Spunto's shared design system — warm/flame tokens, color constants, and UI primitives.",
   "type": "module",
   "license": "MIT",

package/src/components/observability/log-lines.tsx

@@ -20,10 +20,13 @@ export interface TelemetryLogLine {
   attributes?: Record<string, string>
 }
 
-/** Tailwind text classes of an OTel severity text ("ERROR", "WARN", "INFO2"…). */
+/**
+ * Tailwind text classes of a severity text: OTel's ("ERROR", "WARN", "INFO2"…) and what loggers
+ * write on their own — Python's `CRITICAL`, which OTel maps to FATAL but a store keeps as written.
+ */
 export function severityClass(severity: string | null | undefined): string {
   const s = (severity ?? "").toUpperCase()
-  if (s.startsWith("ERROR") || s.startsWith("FATAL")) return "text-destructive"
+  if (s.startsWith("ERROR") || s.startsWith("FATAL") || s.startsWith("CRITICAL")) return "text-destructive"
   if (s.startsWith("WARN")) return "text-amber-600 dark:text-amber-400"
   return "text-muted-foreground"
 }

package/src/components/observability/observability.test.tsx

@@ -12,6 +12,7 @@ import {
   orderSpans,
   percentile,
   routeOf,
+  severityClass,
   SpanWaterfall,
   spanTree,
   timeBuckets,
@@ -242,3 +243,13 @@ describe("SpanWaterfall — repli", () => {
     expect(screen.queryByText("agent.cmd spawn")).toBeNull()
   })
 })
+
+describe("severityClass", () => {
+  it("colore en rouge ce qui est grave, quel que soit le vocabulaire du logger", () => {
+    for (const sev of ["ERROR", "error", "ERROR2", "FATAL", "CRITICAL", "critical"]) expect(severityClass(sev)).toBe("text-destructive")
+    expect(severityClass("WARN")).toContain("amber")
+    expect(severityClass("WARNING")).toContain("amber")
+    expect(severityClass("INFO")).toBe("text-muted-foreground")
+    expect(severityClass(null)).toBe("text-muted-foreground")
+  })
+})