@checkstack/healthcheck-frontend 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,88 @@
 # @checkstack/healthcheck-frontend
 
+## 0.7.0
+
+### Minor Changes
+
+- 1f81b60: ### Clickable Run History with Deep Linking
+
+  **Backend (`healthcheck-backend`):**
+
+  - Added `getRunById` service method to fetch a single health check run by ID
+
+  **Schema (`healthcheck-common`):**
+
+  - Added `getRunById` RPC procedure for fetching individual runs
+  - Added `historyRun` route for deep linking to specific runs (`/history/:systemId/:configurationId/:runId`)
+
+  **Frontend (`healthcheck-frontend`):**
+
+  - Table rows in Recent Runs and Run History now navigate to detailed view instead of expanding inline
+  - Added "Selected Run" card that displays when navigating to a specific run
+  - Extracted `ExpandedResultView` into reusable component
+  - Fixed layout shift during table pagination by preserving previous data while loading
+  - Removed accordion expansion in favor of consistent navigation UX
+
+### Patch Changes
+
+- 7a4c70e: Improved chart ordering consistency and status timeline readability
+
+  - **Chart ordering**: All charts now display data from left (oldest) to right (newest) for consistency
+    - Fixed `HealthCheckSparkline` to reverse status dots order
+    - Fixed `AutoChartGrid` `getAllValues()` to return values in chronological order
+    - Fixed `getLatestValue()` to return the newest run's value instead of the oldest
+  - **Status timeline redesign**: Replaced thin bar charts with readable equal-width segment strips
+    - Raw data: Each run gets equal visual space with 1px gaps between segments
+    - Aggregated data: Each bucket shows stacked proportional segments for healthy/degraded/unhealthy
+    - Added time span display in aggregated tooltips (e.g., "Jan 20, 09:00 - 10:00")
+    - Removed Recharts dependency for timeline, now uses pure CSS flexbox
+  - **Label update**: Renamed "Response Latency" chart to "Execution Duration" for accuracy
+  - **UI polish**: Added "~" prefix to duration formats in AggregatedDataBanner
+
+- 090143b: ### Health Check Aggregation & UI Fixes
+
+  **Backend (`healthcheck-backend`):**
+
+  - Fixed tail-end bucket truncation where the last aggregated bucket was cut off at the interval boundary instead of extending to the query end date
+  - Added `rangeEnd` parameter to `reaggregateBuckets()` to properly extend the last bucket
+  - Fixed cross-tier merge logic (`mergeTieredBuckets`) to prevent hourly aggregates from blocking fresh raw data
+
+  **Schema (`healthcheck-common`):**
+
+  - Added `bucketEnd` field to `AggregatedBucketBaseSchema` so frontends know the actual end time of each bucket
+
+  **Frontend (`healthcheck-frontend`):**
+
+  - Updated all components to use `bucket.bucketEnd` instead of calculating from `bucketIntervalSeconds`
+  - Fixed aggregation mode detection: changed `>` to `>=` so 7-day queries use aggregated data when `rawRetentionDays` is 7
+  - Added ref-based memoization in `useHealthCheckData` to prevent layout shift during signal-triggered refetches
+  - Exposed `isFetching` state to show loading spinner during background refetches
+  - Added debounced custom date range with Apply button to prevent fetching on every field change
+  - Added validation preventing start date >= end date in custom ranges
+  - Added sparkline downsampling: when there are 60+ data points, they are aggregated into buckets with informative tooltips
+
+  **UI (`ui`):**
+
+  - Fixed `DateRangeFilter` presets to use true sliding windows (removed `startOfDay` from 7-day and 30-day ranges)
+  - Added `disabled` prop to `DateRangeFilter` and `DateTimePicker` components
+  - Added `onCustomChange` prop to `DateRangeFilter` for debounced custom date handling
+  - Improved layout: custom date pickers now inline with preset buttons on desktop
+  - Added responsive mobile layout: date pickers stack vertically with down arrow
+  - Added validation error display for invalid date ranges
+
+- bc58c3f: ### Fix layout shift in paginated tables
+
+  - Preserve previous table data during loading to prevent layout shift
+  - Add inline loading spinner in table headers without affecting layout
+  - Add opacity to table rows during loading to indicate data refresh
+
+- Updated dependencies [1f81b60]
+- Updated dependencies [090143b]
+  - @checkstack/healthcheck-common@0.7.0
+  - @checkstack/ui@0.5.1
+  - @checkstack/dashboard-frontend@0.3.11
+  - @checkstack/auth-frontend@0.5.6
+
 ## 0.6.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/healthcheck-frontend",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "main": "src/index.tsx",
   "scripts": {