@checkstack/healthcheck-backend 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @checkstack/healthcheck-backend
 
+## 0.12.0
+
+### Minor Changes
+
+- 54a5f80: ### Health Check Editor Redesign — IDE-Style Experience
+
+  Replaces the modal-based health check editor with a full-page, IDE-style experience:
+
+  - **Strategy Picker Page**: New `/config/create` page with categorized strategy discovery, search filtering, and grouped card grid layout
+  - **IDE Editor Page**: New `/config/:configId/edit` page with a split-view layout — explorer tree on the left, editor panel on the right
+  - **Strategy Categories**: Introduces `StrategyCategory` enum with 16 categories (Networking, Database, Infrastructure, etc.) — all 13 strategy plugins now declare their category
+  - **New RPC Endpoint**: Added `getConfiguration` (singular by ID) for efficient single-resource fetching on the edit page
+  - **Explorer Tree**: Left-hand navigation with General, Check Items (collectors), and Access Control sections, with real-time validation indicators
+  - **Validation Status Bar**: Bottom bar showing aggregated validation issues with clickable navigation
+  - **Unsaved Changes Guard**: Browser `beforeunload` protection when the form is dirty
+  - **Responsive Design**: Split-view on desktop, stacked layout on mobile
+  - **Deleted**: Legacy `HealthCheckEditor.tsx` modal component
+
+### Patch Changes
+
+- Updated dependencies [54a5f80]
+  - @checkstack/healthcheck-common@0.10.0
+  - @checkstack/backend-api@0.11.0
+  - @checkstack/catalog-backend@0.2.22
+  - @checkstack/command-backend@0.1.17
+  - @checkstack/integration-backend@0.1.17
+  - @checkstack/queue-api@0.2.11
+
 ## 0.11.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/healthcheck-backend",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "type": "module",
   "main": "src/index.ts",
   "checkstack": {

package/src/router.test.ts

@@ -66,6 +66,7 @@ describe("HealthCheck Router", () => {
               id: "http",
               displayName: "HTTP",
               description: "Check HTTP",
+              category: "networking",
               config: {
                 version: 1,
                 schema: z.object({}),
@@ -97,6 +98,19 @@ describe("HealthCheck Router", () => {
     expect(Array.isArray(result.configurations)).toBe(true);
   });
 
+  it("getConfiguration returns undefined for non-existent config", async () => {
+    const context = createMockRpcContext({
+      user: mockUser,
+    });
+
+    const result = await call(
+      router.getConfiguration,
+      { id: "non-existent" },
+      { context },
+    );
+    expect(result).toBeUndefined();
+  });
+
   it("getCollectors returns collectors for strategy", async () => {
     const mockCollector = {
       qualifiedId: "collector-hardware.cpu",

package/src/router.ts

@@ -8,6 +8,7 @@ import {
   type CollectorRegistry,
 } from "@checkstack/backend-api";
 import { healthCheckContract } from "@checkstack/healthcheck-common";
+import type { StrategyCategory } from "@checkstack/healthcheck-common";
 import { HealthCheckService } from "./service";
 import * as schema from "./schema";
 import { toJsonSchemaWithChartMeta } from "./schema-utils";
@@ -37,6 +38,7 @@ export const createHealthCheckRouter = (
         id: r.qualifiedId, // Return fully qualified ID
         displayName: r.strategy.displayName,
         description: r.strategy.description,
+        category: (r.strategy.category ?? "other") as StrategyCategory,
         configSchema: toJsonSchema(r.strategy.config.schema),
         resultSchema: r.strategy.result
           ? toJsonSchemaWithChartMeta(r.strategy.result.schema)
@@ -87,6 +89,10 @@ export const createHealthCheckRouter = (
       return { configurations: await service.getConfigurations() };
     }),
 
+    getConfiguration: os.getConfiguration.handler(async ({ input }) => {
+      return service.getConfiguration(input.id);
+    }),
+
     createConfiguration: os.createConfiguration.handler(async ({ input }) => {
       return service.createConfiguration(input);
     }),