@checkstack/healthcheck-ping-backend 0.3.18 → 0.3.19

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @checkstack/healthcheck-ping-backend
 
+## 0.3.19
+
+### Patch Changes
+
+- c55d7c6: Unify the healthcheck chart system on the `@checkstack/ui` SVG kit and
+  redesign the HealthCheck drawer.
+
+  - `@checkstack/ui` gains six chart primitives (each with a Storybook story):
+    `StackedTimeline` (stacked status counts per bucket on the colorblind-safe
+    status triad), `ChartTooltip` + `useBandHover` (the one shared chart
+    tooltip and its cursor hit-testing), `ChartCard` / `chartCardChromeClass`
+    (the premium gradient card chrome, flat on low-power devices), `StatTile`
+    (number-led metric tile with delta chip, sparkline/ribbon footer, and
+    click-to-expand disclosure), `DistributionBar` (stacked horizontal
+    distribution + legend, replaces pies), and `CategoryRibbon` (categorical
+    history ribbon). `TimeSeriesChart` gains a hover tooltip with a crosshair
+    marker.
+  - `@checkstack/common` adds four optional chart metadata keys to
+    `BaseHealthResultMeta`: `x-chart-priority` (tile sort weight, lower first,
+    default 100), `x-chart-good-direction` (`"up" | "down"`, which direction
+    of change is an improvement; consumers fall back to
+    `x-anomaly-direction`), and `x-chart-true-label` / `x-chart-false-label`
+    (prose for a boolean field's values wherever they surface in text, e.g. a
+    dominance chip reading "Usually successful (98%)" instead of "Usually
+    true"). Built-in collector backends annotate their headline metrics and
+    boolean fields accordingly (purely additive metadata).
+  - `@checkstack/healthcheck-frontend` rebuilds the drawer: a hero status
+    banner (status pill, healthy %, avg latency, interval, last run with the
+    exact datetime on hover, full-width status ribbon) replaces the metric
+    tiles; the status timeline and latency heroes share the `ChartCard`
+    chrome; the auto-generated charts become a prioritized, click-to-expand
+    2-up tile grid (collector ids demoted to hover titles); the anomaly
+    Expected/Trend derivation is consolidated into one tested module shared by
+    the latency hero and the tiles.
+
+  BREAKING CHANGES: `recharts` is removed from `@checkstack/healthcheck-frontend`
+  (and the unused dependency from `@checkstack/ui`); the
+  `HealthCheckStatusTimeline` and `SparklineTooltip` components are deleted.
+  Extensions rendering into `HealthCheckDiagramSlot` should build on the
+  `@checkstack/ui` chart primitives instead.
+
+- Updated dependencies [c55d7c6]
+- Updated dependencies [c55d7c6]
+  - @checkstack/healthcheck-common@1.13.0
+  - @checkstack/common@0.21.0
+  - @checkstack/backend-api@0.29.1
+
 ## 0.3.18
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/healthcheck-ping-backend",
-  "version": "0.3.18",
+  "version": "0.3.19",
   "type": "module",
   "main": "src/index.ts",
   "checkstack": {
@@ -14,15 +14,15 @@
     "pack": "bunx @checkstack/scripts plugin-pack"
   },
   "dependencies": {
-    "@checkstack/backend-api": "0.29.0",
-    "@checkstack/common": "0.20.0",
-    "@checkstack/healthcheck-common": "1.12.0"
+    "@checkstack/backend-api": "0.29.1",
+    "@checkstack/common": "0.21.0",
+    "@checkstack/healthcheck-common": "1.13.0"
   },
   "devDependencies": {
     "@types/bun": "^1.0.0",
     "typescript": "^5.0.0",
     "@checkstack/tsconfig": "0.0.7",
-    "@checkstack/scripts": "0.7.1"
+    "@checkstack/scripts": "0.7.2"
   },
   "description": "Checkstack healthcheck-ping-backend plugin",
   "author": {

package/src/ping-collector.ts

@@ -49,6 +49,7 @@ const pingResultSchema = healthResultSchema({
   packetsSent: healthResultNumber({
     "x-chart-type": "counter",
     "x-chart-label": "Packets Sent",
+    "x-chart-priority": 90,
     "x-anomaly-enabled": false,
   }),
   // Absolute twin of packetLoss. The percent form (packetLoss) is the better
@@ -57,6 +58,7 @@ const pingResultSchema = healthResultSchema({
   packetsReceived: healthResultNumber({
     "x-chart-type": "counter",
     "x-chart-label": "Packets Received",
+    "x-chart-priority": 90,
     "x-anomaly-enabled": false,
   }),
   // Primary saturation signal: packet loss as a percent. Confirmation window
@@ -66,6 +68,7 @@ const pingResultSchema = healthResultSchema({
     "x-chart-type": "gauge",
     "x-chart-label": "Packet Loss",
     "x-chart-unit": "%",
+    "x-chart-priority": 20,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,
@@ -78,6 +81,7 @@ const pingResultSchema = healthResultSchema({
     "x-chart-type": "line",
     "x-chart-label": "Min Latency",
     "x-chart-unit": "ms",
+    "x-chart-good-direction": "down",
     "x-anomaly-enabled": false,
   }).optional(),
   // Representative latency signal. Wider band plus a confirmation window and
@@ -86,6 +90,7 @@ const pingResultSchema = healthResultSchema({
     "x-chart-type": "line",
     "x-chart-label": "Avg Latency",
     "x-chart-unit": "ms",
+    "x-chart-priority": 10,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,
@@ -99,6 +104,7 @@ const pingResultSchema = healthResultSchema({
     "x-chart-type": "line",
     "x-chart-label": "Max Latency",
     "x-chart-unit": "ms",
+    "x-chart-good-direction": "down",
     "x-anomaly-enabled": false,
   }).optional(),
 });
@@ -111,6 +117,7 @@ const pingAggregatedFields = {
     "x-chart-type": "gauge",
     "x-chart-label": "Avg Packet Loss",
     "x-chart-unit": "%",
+    "x-chart-priority": 20,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,
@@ -121,6 +128,7 @@ const pingAggregatedFields = {
     "x-chart-type": "line",
     "x-chart-label": "Avg Latency",
     "x-chart-unit": "ms",
+    "x-chart-priority": 10,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,

package/src/strategy.ts

@@ -64,6 +64,7 @@ const pingResultSchema = healthResultSchema({
   packetsSent: healthResultNumber({
     "x-chart-type": "counter",
     "x-chart-label": "Packets Sent",
+    "x-chart-priority": 90,
     "x-anomaly-enabled": false,
   }),
   // Absolute twin of packetLoss. The percent form (packetLoss) is the better
@@ -72,6 +73,7 @@ const pingResultSchema = healthResultSchema({
   packetsReceived: healthResultNumber({
     "x-chart-type": "counter",
     "x-chart-label": "Packets Received",
+    "x-chart-priority": 90,
     "x-anomaly-enabled": false,
   }),
   // Primary saturation signal: packet loss as a percent. Confirmation window
@@ -81,6 +83,7 @@ const pingResultSchema = healthResultSchema({
     "x-chart-type": "gauge",
     "x-chart-label": "Packet Loss",
     "x-chart-unit": "%",
+    "x-chart-priority": 20,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,
@@ -93,6 +96,7 @@ const pingResultSchema = healthResultSchema({
     "x-chart-type": "line",
     "x-chart-label": "Min Latency",
     "x-chart-unit": "ms",
+    "x-chart-good-direction": "down",
     "x-anomaly-enabled": false,
   }).optional(),
   // Representative latency signal. Wider band plus a confirmation window and
@@ -101,6 +105,7 @@ const pingResultSchema = healthResultSchema({
     "x-chart-type": "line",
     "x-chart-label": "Avg Latency",
     "x-chart-unit": "ms",
+    "x-chart-priority": 10,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,
@@ -114,6 +119,7 @@ const pingResultSchema = healthResultSchema({
     "x-chart-type": "line",
     "x-chart-label": "Max Latency",
     "x-chart-unit": "ms",
+    "x-chart-good-direction": "down",
     "x-anomaly-enabled": false,
   }).optional(),
   error: healthResultString({
@@ -131,6 +137,7 @@ const pingAggregatedFields = {
     "x-chart-type": "gauge",
     "x-chart-label": "Avg Packet Loss",
     "x-chart-unit": "%",
+    "x-chart-priority": 20,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,
@@ -141,6 +148,7 @@ const pingAggregatedFields = {
     "x-chart-type": "line",
     "x-chart-label": "Avg Latency",
     "x-chart-unit": "ms",
+    "x-chart-priority": 10,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,
@@ -154,6 +162,8 @@ const pingAggregatedFields = {
     "x-chart-type": "line",
     "x-chart-label": "Max Latency",
     "x-chart-unit": "ms",
+    "x-chart-priority": 30,
+    "x-chart-good-direction": "down",
     "x-anomaly-enabled": false,
   }),
   // Count of runs in the bucket that errored. Clear direction and a meaningful
@@ -162,6 +172,7 @@ const pingAggregatedFields = {
   errorCount: aggregatedCounter({
     "x-chart-type": "counter",
     "x-chart-label": "Errors",
+    "x-chart-priority": 40,
     "x-anomaly-enabled": true,
     "x-anomaly-direction": "lower-is-better",
     "x-anomaly-sensitivity": 1.5,