@almadar/std 15.6.1 → 15.7.0

package/behaviors/registry/core/atoms/std-browse.orb

@@ -282,12 +282,12 @@
                     "fetch",
                     "BrowseItem",
                     {
-                      "offset": 0.0,
-                      "limit": "@config.pageSize",
                       "emit": {
-                        "failure": "BrowseItemLoadFailed",
-                        "success": "BrowseItemLoaded"
-                      }
+                        "success": "BrowseItemLoaded",
+                        "failure": "BrowseItemLoadFailed"
+                      },
+                      "offset": 0.0,
+                      "limit": "@config.pageSize"
                     }
                   ],
                   [
@@ -310,19 +310,19 @@
                     "main",
                     {
                       "direction": "vertical",
-                      "type": "stack",
                       "children": [
                         {
+                          "itemActions": "@config.itemActions",
                           "entity": "@payload.data",
-                          "pageSize": "@config.displayPageSize",
                           "type": "@config.viewPattern",
-                          "itemActions": "@config.itemActions",
                           "cols": "@config.cols",
                           "fields": "@config.fields",
                           "gap": "@config.gap",
-                          "imageField": "@config.imageField"
+                          "imageField": "@config.imageField",
+                          "pageSize": "@config.displayPageSize"
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -336,10 +336,10 @@
                     "render-ui",
                     "main",
                     {
-                      "content": "@payload.error",
+                      "variant": "caption",
                       "color": "error",
                       "type": "typography",
-                      "variant": "caption"
+                      "content": "@payload.error"
                     }
                   ]
                 ]
@@ -353,20 +353,20 @@
                     "fetch",
                     "BrowseItem",
                     {
-                      "limit": "@config.pageSize",
+                      "offset": 0.0,
                       "emit": {
                         "success": "BrowseItemLoaded",
                         "failure": "BrowseItemLoadFailed"
                       },
-                      "offset": 0.0
+                      "limit": "@config.pageSize"
                     }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "type": "spinner",
+                      "size": "sm"
                     }
                   ]
                 ]
@@ -416,12 +416,6 @@
                     "fetch",
                     "BrowseItem",
                     {
-                      "limit": "@config.pageSize",
-                      "emit": {
-                        "success": "BrowseItemLoaded",
-                        "failure": "BrowseItemLoadFailed"
-                      },
-                      "offset": 0.0,
                       "filter": [
                         "or",
                         [
@@ -438,7 +432,13 @@
                           ],
                           "@payload.value"
                         ]
-                      ]
+                      ],
+                      "limit": "@config.pageSize",
+                      "offset": 0.0,
+                      "emit": {
+                        "success": "BrowseItemLoaded",
+                        "failure": "BrowseItemLoadFailed"
+                      }
                     }
                   ]
                 ]
@@ -452,10 +452,6 @@
                     "fetch",
                     "BrowseItem",
                     {
-                      "emit": {
-                        "success": "BrowseItemLoaded",
-                        "failure": "BrowseItemLoadFailed"
-                      },
                       "offset": [
                         "*",
                         [
@@ -465,7 +461,11 @@
                         ],
                         "@config.pageSize"
                       ],
-                      "limit": "@config.pageSize"
+                      "limit": "@config.pageSize",
+                      "emit": {
+                        "success": "BrowseItemLoaded",
+                        "failure": "BrowseItemLoadFailed"
+                      }
                     }
                   ]
                 ]
@@ -479,20 +479,20 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
-                          "type": "@config.viewPattern",
                           "entity": "@payload.data",
                           "gap": "@config.gap",
-                          "fields": "@config.fields",
-                          "imageField": "@config.imageField",
                           "itemActions": "@config.itemActions",
+                          "fields": "@config.fields",
                           "cols": "@config.cols",
+                          "type": "@config.viewPattern",
+                          "imageField": "@config.imageField",
                           "pageSize": "@config.displayPageSize"
                         }
                       ],
-                      "type": "stack"
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -506,20 +506,20 @@
                     "fetch",
                     "BrowseItem",
                     {
+                      "limit": "@config.pageSize",
                       "emit": {
-                        "success": "BrowseItemLoaded",
-                        "failure": "BrowseItemLoadFailed"
+                        "failure": "BrowseItemLoadFailed",
+                        "success": "BrowseItemLoaded"
                       },
-                      "offset": 0.0,
-                      "limit": "@config.pageSize"
+                      "offset": 0.0
                     }
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "type": "spinner",
+                      "size": "sm"
                     }
                   ]
                 ]
@@ -527,6 +527,18 @@
             ]
           },
           "config": {
+            "pageSize": {
+              "type": "number",
+              "default": 10.0,
+              "label": "Page size (fetch)",
+              "description": "Rows fetched from the server per page"
+            },
+            "imageField": {
+              "type": "string",
+              "default": "",
+              "label": "Image field",
+              "description": "Entity field that holds the row thumbnail URL"
+            },
             "fields": {
               "type": "[object]",
               "default": [
@@ -536,9 +548,9 @@
                   "variant": "h4"
                 },
                 {
-                  "variant": "caption",
                   "name": "description",
-                  "label": "Description"
+                  "label": "Description",
+                  "variant": "caption"
                 },
                 {
                   "label": "Status",
@@ -552,30 +564,6 @@
                 "type": "object"
               }
             },
-            "viewPattern": {
-              "type": "pattern",
-              "default": "data-grid",
-              "label": "Render pattern",
-              "description": "UI pattern used to render the collection"
-            },
-            "cols": {
-              "type": "number",
-              "default": 1.0,
-              "label": "Grid columns",
-              "description": "Number of columns in the responsive grid layout"
-            },
-            "imageField": {
-              "type": "string",
-              "default": "",
-              "label": "Image field",
-              "description": "Entity field that holds the row thumbnail URL"
-            },
-            "displayPageSize": {
-              "type": "number",
-              "default": 10.0,
-              "label": "Page size (display)",
-              "description": "Rows shown per visible page before pagination"
-            },
             "itemActions": {
               "type": "[object]",
               "default": [],
@@ -585,17 +573,29 @@
                 "type": "object"
               }
             },
-            "pageSize": {
+            "cols": {
               "type": "number",
-              "default": 10.0,
-              "label": "Page size (fetch)",
-              "description": "Rows fetched from the server per page"
+              "default": 1.0,
+              "label": "Grid columns",
+              "description": "Number of columns in the responsive grid layout"
             },
             "gap": {
               "type": "string",
               "default": "md",
               "label": "Cell spacing",
               "description": "Gap size between rows (sm, md, lg)"
+            },
+            "viewPattern": {
+              "type": "pattern",
+              "default": "data-grid",
+              "label": "Render pattern",
+              "description": "UI pattern used to render the collection"
+            },
+            "displayPageSize": {
+              "type": "number",
+              "default": 10.0,
+              "label": "Page size (display)",
+              "description": "Rows shown per visible page before pagination"
             }
           },
           "scope": "collection"

package/behaviors/registry/core/atoms/std-cache-aside.orb

@@ -213,13 +213,14 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "lg",
                       "children": [
                         {
+                          "justify": "between",
+                          "gap": "md",
                           "children": [
                             {
+                              "gap": "md",
+                              "type": "stack",
                               "direction": "horizontal",
                               "children": [
                                 {
@@ -228,36 +229,35 @@
                                 },
                                 {
                                   "type": "typography",
-                                  "content": "Cache (empty)",
-                                  "variant": "h2"
+                                  "variant": "h2",
+                                  "content": "Cache (empty)"
                                 }
-                              ],
-                              "gap": "md",
-                              "type": "stack"
+                              ]
                             },
                             {
-                              "label": "Fetch",
-                              "action": "FETCH",
                               "type": "button",
                               "variant": "primary",
-                              "icon": "download"
+                              "icon": "download",
+                              "label": "Fetch",
+                              "action": "FETCH"
                             }
                           ],
-                          "gap": "md",
                           "type": "stack",
-                          "direction": "horizontal",
-                          "justify": "between"
+                          "direction": "horizontal"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "icon": "inbox",
                           "title": "Cache is empty",
+                          "description": "Fetch data to populate the cache.",
                           "type": "empty-state",
-                          "description": "Fetch data to populate the cache."
+                          "icon": "inbox"
                         }
-                      ]
+                      ],
+                      "gap": "lg",
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -281,22 +281,22 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
-                      "align": "center",
-                      "direction": "vertical",
                       "type": "stack",
-                      "className": "py-12",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "variant": "caption",
-                          "type": "typography",
                           "content": "Fetching cache…",
+                          "type": "typography",
                           "color": "muted"
                         }
-                      ]
+                      ],
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -310,74 +310,69 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "gap": "lg",
                       "children": [
                         {
-                          "justify": "between",
+                          "gap": "md",
+                          "direction": "horizontal",
                           "children": [
                             {
                               "direction": "horizontal",
-                              "type": "stack",
                               "children": [
                                 {
                                   "name": "database",
                                   "type": "icon"
                                 },
                                 {
-                                  "variant": "h2",
+                                  "content": "Cache (hot)",
                                   "type": "typography",
-                                  "content": "Cache (hot)"
+                                  "variant": "h2"
                                 }
                               ],
-                              "gap": "md"
+                              "gap": "md",
+                              "type": "stack"
                             },
                             {
-                              "gap": "sm",
-                              "direction": "horizontal",
                               "align": "center",
                               "children": [
                                 {
-                                  "status": "online",
                                   "type": "status-dot",
-                                  "label": "Cached",
-                                  "pulse": false
+                                  "pulse": false,
+                                  "status": "online",
+                                  "label": "Cached"
                                 },
                                 {
+                                  "variant": "ghost",
                                   "type": "button",
                                   "label": "Invalidate",
                                   "icon": "trash",
-                                  "action": "INVALIDATE",
-                                  "variant": "ghost"
+                                  "action": "INVALIDATE"
                                 }
                               ],
+                              "gap": "sm",
+                              "direction": "horizontal",
                               "type": "stack"
                             }
                           ],
-                          "direction": "horizontal",
-                          "type": "stack",
-                          "gap": "md"
+                          "justify": "between",
+                          "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "fields": [],
                           "type": "data-grid",
+                          "fields": [],
                           "renderItem": [
                             "fn",
                             "item",
                             {
                               "type": "stack",
                               "gap": "sm",
+                              "direction": "vertical",
                               "children": [
                                 {
-                                  "type": "stack",
-                                  "align": "center",
-                                  "justify": "between",
                                   "children": [
                                     {
-                                      "type": "stack",
                                       "align": "center",
                                       "children": [
                                         {
@@ -390,6 +385,7 @@
                                           "variant": "h4"
                                         }
                                       ],
+                                      "type": "stack",
                                       "direction": "horizontal",
                                       "gap": "sm"
                                     },
@@ -398,20 +394,24 @@
                                       "label": "@item.description"
                                     }
                                   ],
+                                  "justify": "between",
+                                  "align": "center",
+                                  "type": "stack",
                                   "direction": "horizontal"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "caption",
-                                  "content": "@item.status"
+                                  "content": "@item.status",
+                                  "type": "typography"
                                 }
-                              ],
-                              "direction": "vertical"
+                              ]
                             }
                           ],
                           "entity": "@payload.data"
                         }
                       ],
+                      "gap": "lg",
+                      "type": "stack",
                       "direction": "vertical"
                     }
                   ]
@@ -426,7 +426,6 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "py-12",
                       "children": [
                         {
                           "type": "icon",
@@ -434,28 +433,29 @@
                           "color": "destructive"
                         },
                         {
-                          "variant": "h3",
+                          "type": "typography",
                           "content": "Failed to load",
-                          "type": "typography"
+                          "variant": "h3"
                         },
                         {
-                          "color": "muted",
                           "type": "typography",
+                          "variant": "body",
                           "content": "@payload.error",
-                          "variant": "body"
+                          "color": "muted"
                         },
                         {
+                          "action": "FETCH",
                           "type": "button",
-                          "label": "Retry",
                           "variant": "primary",
-                          "action": "FETCH",
-                          "icon": "rotate-ccw"
+                          "icon": "rotate-ccw",
+                          "label": "Retry"
                         }
                       ],
+                      "direction": "vertical",
                       "type": "stack",
                       "gap": "md",
-                      "direction": "vertical",
-                      "align": "center"
+                      "align": "center",
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -473,47 +473,47 @@
                       "type": "stack",
                       "children": [
                         {
-                          "justify": "between",
+                          "gap": "md",
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "md",
+                          "justify": "between",
                           "children": [
                             {
+                              "direction": "horizontal",
                               "type": "stack",
+                              "gap": "md",
                               "children": [
                                 {
                                   "type": "icon",
                                   "name": "database"
                                 },
                                 {
+                                  "type": "typography",
                                   "content": "Cache (stale)",
-                                  "variant": "h2",
-                                  "type": "typography"
+                                  "variant": "h2"
                                 }
-                              ],
-                              "direction": "horizontal",
-                              "gap": "md"
+                              ]
                             },
                             {
-                              "direction": "horizontal",
+                              "type": "stack",
                               "gap": "sm",
+                              "direction": "horizontal",
                               "align": "center",
                               "children": [
                                 {
                                   "status": "warning",
-                                  "pulse": true,
                                   "label": "Stale",
+                                  "pulse": true,
                                   "type": "status-dot"
                                 },
                                 {
-                                  "variant": "primary",
-                                  "action": "REFRESH",
+                                  "icon": "refresh-cw",
                                   "label": "Refresh",
                                   "type": "button",
-                                  "icon": "refresh-cw"
+                                  "action": "REFRESH",
+                                  "variant": "primary"
                                 }
-                              ],
-                              "type": "stack"
+                              ]
                             }
                           ]
                         },
@@ -521,9 +521,9 @@
                           "type": "divider"
                         },
                         {
-                          "message": "Cache data is stale. Refresh to get the latest data.",
                           "variant": "warning",
-                          "type": "alert"
+                          "type": "alert",
+                          "message": "Cache data is stale. Refresh to get the latest data."
                         }
                       ],
                       "direction": "vertical"
@@ -543,8 +543,8 @@
                     "@payload.data",
                     {
                       "emit": {
-                        "failure": "CacheEntryUpdateFailed",
-                        "success": "CacheEntryUpdated"
+                        "success": "CacheEntryUpdated",
+                        "failure": "CacheEntryUpdateFailed"
                       }
                     }
                   ],
@@ -553,8 +553,8 @@
                     "CacheEntry",
                     {
                       "emit": {
-                        "success": "CacheEntryLoaded",
-                        "failure": "CacheEntryLoadFailed"
+                        "failure": "CacheEntryLoadFailed",
+                        "success": "CacheEntryLoaded"
                       }
                     }
                   ],
@@ -601,8 +601,8 @@
                     "CacheEntry",
                     {
                       "emit": {
-                        "failure": "CacheEntryLoadFailed",
-                        "success": "CacheEntryLoaded"
+                        "success": "CacheEntryLoaded",
+                        "failure": "CacheEntryLoadFailed"
                       }
                     }
                   ],
@@ -642,8 +642,8 @@
                     "CacheEntry",
                     {
                       "emit": {
-                        "failure": "CacheEntryLoadFailed",
-                        "success": "CacheEntryLoaded"
+                        "success": "CacheEntryLoaded",
+                        "failure": "CacheEntryLoadFailed"
                       }
                     }
                   ],