@almadar/std 6.5.2 → 7.2.0

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

@@ -1,7 +1,7 @@
 {
   "name": "std-rating",
   "version": "1.0.0",
-  "description": "Rating atom with star-rating input and display. Absorbs: star-rating.",
+  "description": "std-rating as a Function",
   "orbitals": [
     {
       "name": "ReviewOrbital",
@@ -38,31 +38,68 @@
           {
             "name": "rating",
             "type": "number",
-            "default": 0
+            "default": 0.0
           },
           {
             "name": "comment",
             "type": "string",
             "default": ""
           }
-        ],
-        "instances": [
-          {
-            "id": "rev-1",
-            "name": "Great product",
-            "description": "Exceeded expectations",
-            "status": "active",
-            "createdAt": "2026-01-10",
-            "rating": 4,
-            "comment": "Really solid quality"
-          }
         ]
       },
       "traits": [
         {
           "name": "ReviewRating",
-          "linkedEntity": "Review",
           "category": "interaction",
+          "linkedEntity": "Review",
+          "emits": [
+            {
+              "event": "ReviewLoaded",
+              "description": "Fired when Review 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": "rating",
+                  "type": "number"
+                },
+                {
+                  "name": "comment",
+                  "type": "string"
+                }
+              ]
+            },
+            {
+              "event": "ReviewLoadFailed",
+              "description": "Fired when Review fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -92,6 +129,20 @@
               {
                 "key": "RESET",
                 "name": "Reset"
+              },
+              {
+                "key": "ReviewLoaded",
+                "name": "Review loaded"
+              },
+              {
+                "key": "ReviewLoadFailed",
+                "name": "Review load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -102,46 +153,53 @@
                 "effects": [
                   [
                     "fetch",
-                    "Review"
+                    "Review",
+                    {
+                      "emit": {
+                        "failure": "ReviewLoadFailed",
+                        "success": "ReviewLoaded"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
                       "type": "stack",
-                      "direction": "vertical",
                       "gap": "lg",
-                      "align": "center",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
                           "align": "center",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "star",
-                              "size": "lg"
+                              "size": "lg",
+                              "type": "icon"
                             },
                             {
+                              "variant": "h2",
                               "type": "typography",
-                              "content": "Rating",
-                              "variant": "h2"
+                              "content": "Rating"
                             }
-                          ]
+                          ],
+                          "gap": "sm",
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
                           "variant": "body",
-                          "color": "muted",
-                          "content": "How would you rate this?"
+                          "content": "How would you rate this?",
+                          "type": "typography",
+                          "color": "muted"
                         },
                         {
-                          "type": "star-rating",
+                          "size": "lg",
+                          "max": 5.0,
+                          "event": "RATE",
                           "value": [
                             "object/get",
                             [
@@ -150,18 +208,17 @@
                             ],
                             "rating"
                           ],
-                          "max": 5,
-                          "event": "RATE",
-                          "size": "lg"
+                          "type": "star-rating"
                         },
                         {
-                          "type": "button",
-                          "label": "Submit Rating",
                           "event": "RATE",
+                          "type": "button",
                           "variant": "primary",
-                          "icon": "star"
+                          "icon": "star",
+                          "label": "Submit Rating"
                         }
-                      ]
+                      ],
+                      "align": "center"
                     }
                   ]
                 ]
@@ -180,33 +237,35 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "lg",
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
                       "align": "center",
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
                           "gap": "sm",
                           "align": "center",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "icon",
                               "name": "check-circle",
-                              "size": "lg"
+                              "size": "lg",
+                              "type": "icon"
                             },
                             {
                               "type": "typography",
-                              "content": "Thank You!",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "content": "Thank You!"
                             }
-                          ]
+                          ],
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "max": 5.0,
+                          "readOnly": true,
                           "type": "star-rating",
                           "value": [
                             "object/get",
@@ -216,20 +275,18 @@
                             ],
                             "rating"
                           ],
-                          "max": 5,
-                          "readOnly": true,
                           "size": "lg"
                         },
                         {
-                          "type": "alert",
                           "variant": "success",
+                          "type": "alert",
                           "message": "Your rating has been recorded."
                         },
                         {
-                          "type": "button",
+                          "variant": "ghost",
                           "label": "Rate Again",
                           "event": "RESET",
-                          "variant": "ghost",
+                          "type": "button",
                           "icon": "rotate-ccw"
                         }
                       ]
@@ -245,32 +302,31 @@
                   [
                     "set",
                     "@entity.rating",
-                    0
+                    0.0
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
                       "gap": "lg",
                       "align": "center",
                       "children": [
                         {
-                          "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
+                          "type": "stack",
                           "align": "center",
                           "children": [
                             {
+                              "size": "lg",
                               "type": "icon",
-                              "name": "star",
-                              "size": "lg"
+                              "name": "star"
                             },
                             {
                               "type": "typography",
-                              "content": "Rating",
-                              "variant": "h2"
+                              "variant": "h2",
+                              "content": "Rating"
                             }
                           ]
                         },
@@ -284,7 +340,9 @@
                           "content": "How would you rate this?"
                         },
                         {
-                          "type": "star-rating",
+                          "event": "RATE",
+                          "size": "lg",
+                          "max": 5.0,
                           "value": [
                             "object/get",
                             [
@@ -293,24 +351,24 @@
                             ],
                             "rating"
                           ],
-                          "max": 5,
-                          "event": "RATE",
-                          "size": "lg"
+                          "type": "star-rating"
                         },
                         {
-                          "type": "button",
-                          "label": "Submit Rating",
                           "event": "RATE",
                           "variant": "primary",
-                          "icon": "star"
+                          "icon": "star",
+                          "type": "button",
+                          "label": "Submit Rating"
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "instance"
         }
       ],
       "pages": [
@@ -326,4 +384,4 @@
       ]
     }
   ]
-}
+}

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

@@ -1,7 +1,7 @@
 {
   "name": "std-related",
   "version": "1.0.0",
-  "description": "Relation-rendering atom. Renders the linked entity as a data-list; consumers hydrate data via upstream fetch include: and rebind linkedEntity. Canonical @trait.X showcase in std-related-master-detail.",
+  "description": "std-related as a Function",
   "orbitals": [
     {
       "name": "RelatedItemOrbital",
@@ -28,44 +28,124 @@
           "linkedEntity": "RelatedItem",
           "emits": [
             {
-              "event": "SELECT_RELATED"
+              "event": "RelatedItemLoaded",
+              "description": "Fired when RelatedItem finishes loading",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                },
+                {
+                  "name": "name",
+                  "type": "string"
+                }
+              ]
+            },
+            {
+              "event": "RelatedItemLoadFailed",
+              "description": "Fired when RelatedItem fails to load",
+              "scope": "internal",
+              "payload": [
+                {
+                  "name": "message",
+                  "type": "string"
+                }
+              ]
             }
           ],
           "stateMachine": {
             "states": [
               {
-                "name": "loaded",
+                "name": "loading",
                 "isInitial": true
+              },
+              {
+                "name": "loaded"
+              },
+              {
+                "name": "error"
               }
             ],
             "events": [
               {
-                "key": "INIT"
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "RelatedItemLoaded",
+                "name": "RelatedItem loaded"
+              },
+              {
+                "key": "RelatedItemLoadFailed",
+                "name": "RelatedItem load failed",
+                "payload": [
+                  {
+                    "name": "message",
+                    "type": "string"
+                  }
+                ]
               }
             ],
             "transitions": [
               {
-                "from": "loaded",
-                "to": "loaded",
+                "from": "loading",
+                "to": "loading",
                 "event": "INIT",
                 "effects": [
                   [
-                    "ref",
-                    "RelatedItem"
+                    "fetch",
+                    "RelatedItem",
+                    {
+                      "emit": {
+                        "success": "RelatedItemLoaded",
+                        "failure": "RelatedItemLoadFailed"
+                      }
+                    }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
                       "type": "stack",
+                      "direction": "vertical",
+                      "align": "center",
+                      "className": "py-8",
+                      "gap": "sm",
+                      "children": [
+                        {
+                          "type": "spinner",
+                          "size": "md"
+                        },
+                        {
+                          "content": "Loading related…",
+                          "type": "typography",
+                          "variant": "caption",
+                          "color": "muted"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "loading",
+                "to": "loaded",
+                "event": "RelatedItemLoaded",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "direction": "vertical",
                       "gap": "md",
                       "children": [
                         {
-                          "align": "center",
-                          "direction": "horizontal",
                           "type": "stack",
+                          "direction": "horizontal",
                           "gap": "sm",
+                          "align": "center",
                           "children": [
                             {
                               "size": "md",
@@ -74,8 +154,8 @@
                             },
                             {
                               "variant": "h3",
-                              "content": "Related",
-                              "type": "typography"
+                              "type": "typography",
+                              "content": "Related"
                             }
                           ]
                         },
@@ -83,35 +163,131 @@
                           "type": "divider"
                         },
                         {
-                          "type": "data-list",
-                          "entity": "RelatedItem",
-                          "emptyTitle": "No related items",
-                          "emptyIcon": "inbox",
-                          "emptyDescription": "Nothing to show.",
                           "renderItem": [
                             "fn",
                             "item",
                             {
+                              "gap": "xs",
                               "children": [
                                 {
                                   "type": "typography",
-                                  "variant": "body",
-                                  "content": "@item.name"
+                                  "content": "@item.name",
+                                  "variant": "body"
                                 }
                               ],
-                              "direction": "vertical",
                               "type": "stack",
-                              "gap": "xs"
+                              "direction": "vertical"
                             }
-                          ]
+                          ],
+                          "emptyIcon": "inbox",
+                          "type": "data-list",
+                          "emptyTitle": "No related items",
+                          "entity": "RelatedItem",
+                          "emptyDescription": "Nothing to show."
                         }
-                      ]
+                      ],
+                      "type": "stack"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "loading",
+                "to": "error",
+                "event": "RelatedItemLoadFailed",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "align": "center",
+                      "className": "py-8",
+                      "gap": "sm",
+                      "children": [
+                        {
+                          "color": "destructive",
+                          "type": "icon",
+                          "name": "alert-triangle",
+                          "size": "lg"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Failed to load related",
+                          "variant": "body"
+                        },
+                        {
+                          "variant": "caption",
+                          "color": "muted",
+                          "content": "@payload.message",
+                          "type": "typography"
+                        },
+                        {
+                          "type": "button",
+                          "icon": "rotate-ccw",
+                          "label": "Retry",
+                          "variant": "ghost",
+                          "event": "INIT"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "type": "stack"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "loaded",
+                "to": "loading",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "RelatedItem",
+                    {
+                      "emit": {
+                        "success": "RelatedItemLoaded",
+                        "failure": "RelatedItemLoadFailed"
+                      }
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "size": "md",
+                      "type": "spinner"
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "error",
+                "to": "loading",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "RelatedItem",
+                    {
+                      "emit": {
+                        "failure": "RelatedItemLoadFailed",
+                        "success": "RelatedItemLoaded"
+                      }
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "size": "md",
+                      "type": "spinner"
                     }
                   ]
                 ]
               }
             ]
-          }
+          },
+          "scope": "collection"
         }
       ],
       "pages": [
@@ -127,4 +303,4 @@
       ]
     }
   ]
-}
+}