@checkstack/maintenance-frontend 0.7.4 → 0.7.6

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @checkstack/maintenance-frontend
 
+## 0.7.6
+
+### Patch Changes
+
+- @checkstack/dashboard-frontend@0.7.6
+
+## 0.7.5
+
+### Patch Changes
+
+- f23f3c9: Gate decorative motion and blur effects behind
+  `usePerformance().isLowPower` on a focused set of high-traffic plugin
+  pages (Dashboard, Dependency map, System node, Notification bell,
+  Announcement banner / cards, Anomaly field overrides editor, SLO
+  attribution chart, Catalog droppable group). Hover scales, backdrop
+  blurs, `animate-pulse`/`animate-ping` accents, and entry transitions
+  now drop to static states on low-power devices; functional UX
+  transitions (Drawer/Dialog open-close, colour transitions) are left
+  alone.
+
+  Standardise the post-mutation error-toast voice on plugin pages by
+  migrating multi-clause `toast.error(extractErrorMessage(error, "Failed
+to X"))` call sites onto the `toastError(toast, "Failed to X", error)`
+  helper from `@checkstack/ui`. The helper applies the canonical
+  `"action: message"` prefix and 100-character truncation in one place,
+  and the now-orphaned `extractErrorMessage` imports are dropped from
+  the affected files. No business logic or component APIs changed.
+
+- f23f3c9: Standardise the empty / loading / error story on key list pages using
+  the shared `ListEmptyState`, `QueryErrorState`, and `Skeleton`
+  primitives from `@checkstack/ui`. Each affected page now branches
+  through the same `isLoading -> isError -> empty -> data` ladder, so
+  failed queries surface a retry-able inline error instead of silently
+  rendering an empty table, and loading states match the final layout
+  rather than flashing a generic spinner. No layout, business logic, or
+  query input shapes changed.
+- Updated dependencies [f23f3c9]
+- Updated dependencies [f23f3c9]
+- Updated dependencies [f23f3c9]
+- Updated dependencies [f23f3c9]
+- Updated dependencies [f23f3c9]
+- Updated dependencies [f23f3c9]
+- Updated dependencies [f23f3c9]
+- Updated dependencies [f23f3c9]
+  - @checkstack/common@0.11.0
+  - @checkstack/auth-frontend@0.6.5
+  - @checkstack/notification-common@1.2.0
+  - @checkstack/notification-frontend@0.4.5
+  - @checkstack/frontend-api@0.5.2
+  - @checkstack/dashboard-frontend@0.7.5
+  - @checkstack/ui@1.10.0
+  - @checkstack/catalog-common@2.2.2
+  - @checkstack/maintenance-common@1.2.2
+  - @checkstack/tips-frontend@0.2.5
+  - @checkstack/signal-frontend@0.1.4
+
 ## 0.7.4
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/maintenance-frontend",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "license": "Elastic-2.0",
   "type": "module",
   "main": "src/index.tsx",
@@ -13,17 +13,17 @@
     "lint:code": "eslint . --max-warnings 0"
   },
   "dependencies": {
-    "@checkstack/auth-frontend": "0.6.3",
-    "@checkstack/catalog-common": "2.2.0",
-    "@checkstack/common": "0.10.0",
-    "@checkstack/dashboard-frontend": "0.7.3",
-    "@checkstack/frontend-api": "0.5.1",
-    "@checkstack/maintenance-common": "1.2.0",
-    "@checkstack/notification-common": "1.1.0",
-    "@checkstack/notification-frontend": "0.4.3",
-    "@checkstack/signal-frontend": "0.1.3",
-    "@checkstack/tips-frontend": "0.2.3",
-    "@checkstack/ui": "1.8.3",
+    "@checkstack/auth-frontend": "0.6.5",
+    "@checkstack/catalog-common": "2.2.2",
+    "@checkstack/common": "0.11.0",
+    "@checkstack/dashboard-frontend": "0.7.5",
+    "@checkstack/frontend-api": "0.5.2",
+    "@checkstack/maintenance-common": "1.2.2",
+    "@checkstack/notification-common": "1.2.0",
+    "@checkstack/notification-frontend": "0.4.5",
+    "@checkstack/signal-frontend": "0.1.4",
+    "@checkstack/tips-frontend": "0.2.5",
+    "@checkstack/ui": "1.10.0",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.344.0",
     "react": "^18.2.0",
@@ -33,6 +33,6 @@
     "typescript": "^5.0.0",
     "@types/react": "^18.2.0",
     "@checkstack/tsconfig": "0.0.7",
-    "@checkstack/scripts": "0.3.2"
+    "@checkstack/scripts": "0.3.3"
   }
 }

package/src/components/MaintenanceEditor.tsx

@@ -22,12 +22,12 @@ import {
   DateTimePicker,
   StatusUpdateTimeline,
   LinksEditor,
+  toastError,
 } from "@checkstack/ui";
 import { Plus, MessageSquare, Loader2, AlertCircle } from "lucide-react";
 import { MaintenanceUpdateForm } from "./MaintenanceUpdateForm";
 import { getMaintenanceStatusBadge } from "../utils/badges";
 import { TeamAccessEditor } from "@checkstack/auth-frontend";
-import { extractErrorMessage } from "@checkstack/common";
 
 interface Props {
   open: boolean;
@@ -75,7 +75,7 @@ export const MaintenanceEditor: React.FC<Props> = ({
       onSave();
     },
     onError: (error) => {
-      toast.error(extractErrorMessage(error, "Failed to save"));
+      toastError(toast, "Failed to create maintenance", error);
     },
   });
 
@@ -85,7 +85,7 @@ export const MaintenanceEditor: React.FC<Props> = ({
       onSave();
     },
     onError: (error) => {
-      toast.error(extractErrorMessage(error, "Failed to save"));
+      toastError(toast, "Failed to update maintenance", error);
     },
   });
 
@@ -94,7 +94,7 @@ export const MaintenanceEditor: React.FC<Props> = ({
       void refetchDetail();
     },
     onError: (error) => {
-      toast.error(extractErrorMessage(error, "Failed to add link"));
+      toastError(toast, "Failed to add link", error);
     },
   });
 
@@ -103,7 +103,7 @@ export const MaintenanceEditor: React.FC<Props> = ({
       void refetchDetail();
     },
     onError: (error) => {
-      toast.error(extractErrorMessage(error, "Failed to remove link"));
+      toastError(toast, "Failed to remove link", error);
     },
   });
 

package/src/pages/MaintenanceConfigPage.tsx

@@ -26,6 +26,7 @@ import {
   Button,
   LoadingSpinner,
   EmptyState,
+  QueryErrorState,
   Table,
   TableHeader,
   TableRow,
@@ -83,13 +84,14 @@ const MaintenanceConfigPageContent: React.FC = () => {
   const [completeId, setCompleteId] = useState<string | undefined>();
 
   // Fetch maintenances with useQuery
+  const maintenancesQuery = maintenanceClient.listMaintenances.useQuery(
+    statusFilter === "all" ? {} : { status: statusFilter },
+  );
   const {
     data: maintenancesData,
     isLoading: maintenancesLoading,
     refetch: refetchMaintenances,
-  } = maintenanceClient.listMaintenances.useQuery(
-    statusFilter === "all" ? {} : { status: statusFilter },
-  );
+  } = maintenancesQuery;
 
   // Fetch systems with useQuery
   const { data: systemsData, isLoading: systemsLoading } =
@@ -227,6 +229,14 @@ const MaintenanceConfigPageContent: React.FC = () => {
             <div className="p-12 flex justify-center">
               <LoadingSpinner />
             </div>
+          ) : maintenancesQuery.isError ? (
+            <div className="p-4">
+              <QueryErrorState
+                error={maintenancesQuery.error}
+                onRetry={() => void maintenancesQuery.refetch()}
+                resource="maintenances"
+              />
+            </div>
           ) : maintenances.length === 0 ? (
             <EmptyState
               icon={<Wrench className="size-10" />}