@checkstack/catalog-frontend 0.10.4 → 0.10.6

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # @checkstack/catalog-frontend
 
+## 0.10.6
+
+### Patch Changes
+
+- Updated dependencies [e2d6f25]
+- Updated dependencies [41c77f4]
+- Updated dependencies [41c77f4]
+- Updated dependencies [41c77f4]
+- Updated dependencies [41c77f4]
+- Updated dependencies [4832e33]
+- Updated dependencies [6d52276]
+- Updated dependencies [35bc682]
+- Updated dependencies [c39ee69]
+  - @checkstack/frontend-api@0.6.0
+  - @checkstack/ui@1.11.0
+  - @checkstack/common@0.12.0
+  - @checkstack/auth-frontend@0.6.6
+  - @checkstack/catalog-common@2.2.3
+  - @checkstack/gitops-frontend@0.4.6
+  - @checkstack/notification-frontend@0.4.6
+  - @checkstack/tips-frontend@0.2.6
+  - @checkstack/auth-common@0.7.2
+  - @checkstack/notification-common@1.2.1
+
+## 0.10.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/gitops-frontend@0.4.5
+  - @checkstack/ui@1.10.0
+  - @checkstack/auth-common@0.7.1
+  - @checkstack/catalog-common@2.2.2
+  - @checkstack/tips-frontend@0.2.5
+
 ## 0.10.4
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/catalog-frontend",
-  "version": "0.10.4",
+  "version": "0.10.6",
   "license": "Elastic-2.0",
   "type": "module",
   "main": "src/index.tsx",
@@ -13,16 +13,16 @@
     "lint:code": "eslint . --max-warnings 0"
   },
   "dependencies": {
-    "@checkstack/auth-common": "0.7.0",
-    "@checkstack/auth-frontend": "0.6.3",
-    "@checkstack/catalog-common": "2.2.0",
-    "@checkstack/common": "0.10.0",
-    "@checkstack/frontend-api": "0.5.1",
-    "@checkstack/gitops-frontend": "0.4.3",
-    "@checkstack/notification-common": "1.1.0",
-    "@checkstack/notification-frontend": "0.4.3",
-    "@checkstack/tips-frontend": "0.2.3",
-    "@checkstack/ui": "1.8.3",
+    "@checkstack/auth-common": "0.7.1",
+    "@checkstack/auth-frontend": "0.6.5",
+    "@checkstack/catalog-common": "2.2.2",
+    "@checkstack/common": "0.11.0",
+    "@checkstack/frontend-api": "0.5.2",
+    "@checkstack/gitops-frontend": "0.4.5",
+    "@checkstack/notification-common": "1.2.0",
+    "@checkstack/notification-frontend": "0.4.5",
+    "@checkstack/tips-frontend": "0.2.5",
+    "@checkstack/ui": "1.10.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/utilities": "^3.2.2",
     "lucide-react": "^0.344.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/DroppableGroup.tsx

@@ -1,5 +1,5 @@
 import { useDroppable } from "@dnd-kit/core";
-import { EditableText, Button } from "@checkstack/ui";
+import { EditableText, Button, cn, usePerformance } from "@checkstack/ui";
 import { Trash2 } from "lucide-react";
 import {
   useProvenanceLock,
@@ -38,6 +38,7 @@ export const DroppableGroup = ({
   onUpdateGroupName,
   onRemoveSystem,
 }: DroppableGroupProps) => {
+  const { isLowPower } = usePerformance();
   const { setNodeRef } = useDroppable({ id: group.id });
 
   const { isLocked, provenance } = useProvenanceLock({
@@ -56,15 +57,17 @@ export const DroppableGroup = ({
   return (
     <div
       ref={setNodeRef}
-      className={`p-3 rounded-lg border space-y-2 transition-all duration-150 ${
+      className={cn(
+        "p-3 rounded-lg border space-y-2",
+        !isLowPower && "transition-all duration-150",
         isOver && !draggingSystemAlreadyInGroup
           ? "border-primary bg-primary/5 shadow-md shadow-primary/10"
           : isOver && draggingSystemAlreadyInGroup
             ? "border-muted-foreground/40 bg-muted/10"
             : dropzoneActive
               ? "border-border/60 bg-muted/20 border-dashed"
-              : "border-border bg-muted/30"
-      }`}
+              : "border-border bg-muted/30",
+      )}
     >
       {/* Group header */}
       <div className="flex items-center justify-between">
@@ -119,11 +122,13 @@ export const DroppableGroup = ({
             return (
               <div
                 key={sys.id}
-                className={`flex items-center justify-between text-sm bg-background p-2 rounded border transition-all duration-700 ${
+                className={cn(
+                  "flex items-center justify-between text-sm bg-background p-2 rounded border",
+                  !isLowPower && "transition-all duration-700",
                   isNew
                     ? "border-green-500/60 shadow-sm shadow-green-500/30"
-                    : "border-border shadow-none"
-                }`}
+                    : "border-border shadow-none",
+                )}
               >
                 <span className="text-foreground truncate flex items-center gap-1.5">
                   {systemLocked && systemLock.provenance ? (