@checkstack/dashboard-frontend 0.7.4 → 0.7.5

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @checkstack/dashboard-frontend
 
+## 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.
+
+- 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/catalog-frontend@0.10.5
+  - @checkstack/queue-frontend@0.4.5
+  - @checkstack/ui@1.10.0
+  - @checkstack/anomaly-common@1.2.2
+  - @checkstack/catalog-common@2.2.2
+  - @checkstack/command-common@0.2.13
+  - @checkstack/command-frontend@0.2.40
+  - @checkstack/healthcheck-common@1.1.2
+  - @checkstack/incident-common@1.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/dashboard-frontend",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "license": "Elastic-2.0",
   "type": "module",
   "main": "src/index.tsx",
@@ -14,23 +14,23 @@
     "lint:code": "eslint . --max-warnings 0"
   },
   "dependencies": {
-    "@checkstack/anomaly-common": "1.2.0",
-    "@checkstack/auth-frontend": "0.6.3",
-    "@checkstack/catalog-common": "2.2.0",
-    "@checkstack/catalog-frontend": "0.10.3",
+    "@checkstack/anomaly-common": "1.2.1",
+    "@checkstack/auth-frontend": "0.6.4",
+    "@checkstack/catalog-common": "2.2.1",
+    "@checkstack/catalog-frontend": "0.10.4",
     "@checkstack/command-common": "0.2.12",
-    "@checkstack/command-frontend": "0.2.38",
+    "@checkstack/command-frontend": "0.2.39",
     "@checkstack/common": "0.10.0",
     "@checkstack/frontend-api": "0.5.1",
-    "@checkstack/healthcheck-common": "1.1.0",
-    "@checkstack/incident-common": "1.2.0",
-    "@checkstack/maintenance-common": "1.2.0",
-    "@checkstack/notification-common": "1.1.0",
-    "@checkstack/notification-frontend": "0.4.3",
-    "@checkstack/queue-frontend": "0.4.3",
+    "@checkstack/healthcheck-common": "1.1.1",
+    "@checkstack/incident-common": "1.2.1",
+    "@checkstack/maintenance-common": "1.2.1",
+    "@checkstack/notification-common": "1.1.1",
+    "@checkstack/notification-frontend": "0.4.4",
+    "@checkstack/queue-frontend": "0.4.4",
     "@checkstack/signal-frontend": "0.1.3",
-    "@checkstack/tips-frontend": "0.2.3",
-    "@checkstack/ui": "1.8.3",
+    "@checkstack/tips-frontend": "0.2.4",
+    "@checkstack/ui": "1.9.0",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.344.0",
     "react": "^18.2.0",

package/src/Dashboard.tsx

@@ -248,7 +248,10 @@ export const Dashboard: React.FC = () => {
           {groupsWithSystems.map((group) => (
             <Card
               key={group.id}
-              className="border-border shadow-sm hover:shadow-md transition-shadow"
+              className={cn(
+                "border-border shadow-sm",
+                !isLowPower && "hover:shadow-md transition-shadow",
+              )}
             >
               <CardHeader className="border-b border-border bg-muted/30">
                 <div className="flex items-center gap-2">
@@ -298,7 +301,12 @@ export const Dashboard: React.FC = () => {
                             context={{ system }}
                           />
                         </div>
-                        <ChevronRight className="h-4 w-4 text-muted-foreground opacity-50 group-hover:opacity-100 transition-opacity flex-shrink-0 ml-2" />
+                        <ChevronRight
+                          className={cn(
+                            "h-4 w-4 text-muted-foreground opacity-50 group-hover:opacity-100 flex-shrink-0 ml-2",
+                            !isLowPower && "transition-opacity",
+                          )}
+                        />
                       </button>
                     ))}
                   </div>
@@ -386,11 +394,10 @@ export const Dashboard: React.FC = () => {
                   ? () => setIncidentSheetOpen(true)
                   : undefined
               }
-              className={
-                activeIncidentsCount > 0
-                  ? "cursor-pointer hover:opacity-90 hover:scale-[1.02]"
-                  : ""
-              }
+              className={cn(
+                activeIncidentsCount > 0 && "cursor-pointer hover:opacity-90",
+                activeIncidentsCount > 0 && !isLowPower && "hover:scale-[1.02]",
+              )}
             />
 
             <StatusCard
@@ -414,11 +421,12 @@ export const Dashboard: React.FC = () => {
                   ? () => setMaintenanceSheetOpen(true)
                   : undefined
               }
-              className={
-                activeMaintenancesCount > 0
-                  ? "cursor-pointer hover:opacity-90 hover:scale-[1.02]"
-                  : ""
-              }
+              className={cn(
+                activeMaintenancesCount > 0 && "cursor-pointer hover:opacity-90",
+                activeMaintenancesCount > 0 &&
+                  !isLowPower &&
+                  "hover:scale-[1.02]",
+              )}
             />
 
             <StatusCard
@@ -438,11 +446,13 @@ export const Dashboard: React.FC = () => {
                   ? () => setAnomalySheetOpen(true)
                   : undefined
               }
-              className={
-                activeAnomaliesCount > 0
-                  ? "cursor-pointer hover:opacity-90 hover:scale-[1.02] bg-gradient-to-br from-warning/20 to-warning/5 border-warning/30"
-                  : ""
-              }
+              className={cn(
+                activeAnomaliesCount > 0 &&
+                  "cursor-pointer hover:opacity-90 bg-gradient-to-br from-warning/20 to-warning/5 border-warning/30",
+                activeAnomaliesCount > 0 &&
+                  !isLowPower &&
+                  "hover:scale-[1.02]",
+              )}
             />
           </div>
         </section>