@almadar/std 6.5.2 → 7.2.0

package/behaviors/registry/atoms/std-notification.orb

@@ -45,24 +45,61 @@
             "type": "string",
             "default": "info"
           }
-        ],
-        "instances": [
-          {
-            "id": "notif-1",
-            "name": "System Update",
-            "description": "New version available",
-            "status": "active",
-            "createdAt": "2026-03-19",
-            "message": "System update completed successfully.",
-            "notificationType": "success"
-          }
         ]
       },
       "traits": [
         {
           "name": "NotificationNotification",
-          "linkedEntity": "Notification",
           "category": "interaction",
+          "linkedEntity": "Notification",
+          "emits": [
+            {
+              "event": "NotificationLoaded",
+              "description": "Fired when Notification finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string"
+                },
+                {
+                  "name": "name",
+                  "type": "string"
+                },
+                {
+                  "name": "description",
+                  "type": "string"
+                },
+                {
+                  "name": "status",
+                  "type": "string"
+                },
+                {
+                  "name": "createdAt",
+                  "type": "string"
+                },
+                {
+                  "name": "message",
+                  "type": "string"
+                },
+                {
+                  "name": "notificationType",
+                  "type": "string"
+                }
+              ]
+            },
+            {
+              "event": "NotificationLoadFailed",
+              "description": "Fired when Notification fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -80,7 +117,7 @@
               },
               {
                 "key": "SHOW",
-                "name": "Show Notification",
+                "name": "Show",
                 "payload": [
                   {
                     "name": "message",
@@ -95,7 +132,21 @@
               },
               {
                 "key": "HIDE",
-                "name": "Hide Notification"
+                "name": "Hide"
+              },
+              {
+                "key": "NotificationLoaded",
+                "name": "Notification loaded"
+              },
+              {
+                "key": "NotificationLoadFailed",
+                "name": "Notification load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -106,20 +157,26 @@
                 "effects": [
                   [
                     "fetch",
-                    "Notification"
+                    "Notification",
+                    {
+                      "emit": {
+                        "success": "NotificationLoaded",
+                        "failure": "NotificationLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
                       "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
                           "gap": "md",
+                          "type": "stack",
                           "align": "center",
                           "children": [
                             {
@@ -128,8 +185,8 @@
                               "size": "lg"
                             },
                             {
-                              "type": "typography",
                               "content": "Notifications",
+                              "type": "typography",
                               "variant": "h2"
                             }
                           ]
@@ -138,21 +195,21 @@
                           "type": "divider"
                         },
                         {
+                          "title": "No notifications",
                           "type": "empty-state",
                           "icon": "bell-off",
-                          "title": "No notifications",
                           "description": "New notifications will appear here."
                         },
                         {
-                          "type": "button",
                           "label": "Test Notification",
-                          "event": "SHOW",
                           "variant": "secondary",
+                          "type": "button",
                           "icon": "bell",
                           "actionPayload": {
-                            "message": "This is a test notification",
-                            "notificationType": "info"
-                          }
+                            "notificationType": "info",
+                            "message": "This is a test notification"
+                          },
+                          "event": "SHOW"
                         }
                       ]
                     }
@@ -178,41 +235,39 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "md",
+                          "direction": "horizontal",
+                          "type": "stack",
                           "justify": "space-between",
                           "align": "center",
                           "children": [
                             {
-                              "type": "stack",
                               "direction": "horizontal",
-                              "gap": "md",
+                              "type": "stack",
                               "align": "center",
                               "children": [
                                 {
                                   "type": "icon",
-                                  "name": "bell",
-                                  "size": "lg"
+                                  "size": "lg",
+                                  "name": "bell"
                                 },
                                 {
+                                  "variant": "h2",
                                   "type": "typography",
-                                  "content": "Notifications",
-                                  "variant": "h2"
+                                  "content": "Notifications"
                                 }
-                              ]
+                              ],
+                              "gap": "md"
                             },
                             {
-                              "type": "button",
-                              "label": "Dismiss",
                               "event": "HIDE",
+                              "label": "Dismiss",
                               "variant": "ghost",
-                              "icon": "x"
+                              "icon": "x",
+                              "type": "button"
                             }
                           ]
                         },
@@ -221,21 +276,21 @@
                         },
                         {
                           "type": "alert",
-                          "variant": [
+                          "message": [
                             "object/get",
                             [
                               "array/first",
                               "@entity"
                             ],
-                            "notificationType"
+                            "message"
                           ],
-                          "message": [
+                          "variant": [
                             "object/get",
                             [
                               "array/first",
                               "@entity"
                             ],
-                            "message"
+                            "notificationType"
                           ]
                         },
                         {
@@ -243,8 +298,6 @@
                           "position": "top-right"
                         },
                         {
-                          "type": "violation-alert",
-                          "severity": "warning",
                           "message": [
                             "object/get",
                             [
@@ -253,9 +306,13 @@
                             ],
                             "message"
                           ],
-                          "category": "compliance"
+                          "category": "compliance",
+                          "type": "violation-alert",
+                          "severity": "warning"
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -284,17 +341,13 @@
                       "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
                           "align": "center",
+                          "justify": "space-between",
+                          "gap": "md",
                           "children": [
                             {
                               "type": "stack",
                               "direction": "horizontal",
-                              "gap": "md",
-                              "align": "center",
                               "children": [
                                 {
                                   "type": "icon",
@@ -302,26 +355,29 @@
                                   "size": "lg"
                                 },
                                 {
+                                  "variant": "h2",
                                   "type": "typography",
-                                  "content": "Notifications",
-                                  "variant": "h2"
+                                  "content": "Notifications"
                                 }
-                              ]
+                              ],
+                              "gap": "md",
+                              "align": "center"
                             },
                             {
-                              "type": "button",
                               "label": "Dismiss",
-                              "event": "HIDE",
                               "variant": "ghost",
+                              "event": "HIDE",
+                              "type": "button",
                               "icon": "x"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "alert",
                           "variant": [
                             "object/get",
                             [
@@ -337,7 +393,8 @@
                               "@entity"
                             ],
                             "message"
-                          ]
+                          ],
+                          "type": "alert"
                         },
                         {
                           "type": "toast-slot",
@@ -345,7 +402,6 @@
                         },
                         {
                           "type": "violation-alert",
-                          "severity": "warning",
                           "message": [
                             "object/get",
                             [
@@ -354,6 +410,7 @@
                             ],
                             "message"
                           ],
+                          "severity": "warning",
                           "category": "compliance"
                         }
                       ]
@@ -375,27 +432,25 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
                           "gap": "md",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "bell",
+                              "type": "icon",
                               "size": "lg"
                             },
                             {
+                              "variant": "h2",
                               "type": "typography",
-                              "content": "Notifications",
-                              "variant": "h2"
+                              "content": "Notifications"
                             }
-                          ]
+                          ],
+                          "align": "center",
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
@@ -407,23 +462,26 @@
                           "description": "New notifications will appear here."
                         },
                         {
-                          "type": "button",
                           "label": "Test Notification",
                           "event": "SHOW",
                           "variant": "secondary",
+                          "type": "button",
                           "icon": "bell",
                           "actionPayload": {
-                            "message": "This is a test notification",
-                            "notificationType": "info"
+                            "notificationType": "info",
+                            "message": "This is a test notification"
                           }
                         }
-                      ]
+                      ],
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "instance"
         }
       ],
       "pages": [
@@ -439,4 +497,4 @@
       ]
     }
   ]
-}
+}