@almadar/std 16.9.1 → 16.10.0

package/behaviors/registry/core/atoms/std-dashboard-grid-layout.orb

@@ -80,25 +80,24 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "dashboard-layout",
-                      "navItems": "@config.navItems",
-                      "appName": "@config.appName",
                       "children": [
                         {
+                          "type": "stack",
+                          "gap": "md",
                           "direction": "vertical",
                           "children": [
                             {
                               "type": "stack",
+                              "wrap": true,
+                              "gap": "md",
+                              "direction": "horizontal",
                               "children": [
                                 "@config.filter1Trait",
                                 "@config.filter2Trait",
                                 "@config.filter3Trait",
                                 "@config.filter4Trait"
                               ],
-                              "direction": "horizontal",
-                              "align": "center",
-                              "gap": "md",
-                              "wrap": true
+                              "align": "center"
                             },
                             {
                               "type": "divider"
@@ -121,21 +120,22 @@
                               ],
                               "minChildWidth": "@config.minTileWidth"
                             }
-                          ],
-                          "gap": "md",
-                          "type": "stack"
+                          ]
                         }
                       ],
+                      "navItems": "@config.navItems",
+                      "appName": "@config.appName",
+                      "type": "dashboard-layout",
                       "headerActions": {
-                        "type": "stack",
-                        "gap": "sm",
+                        "direction": "horizontal",
                         "align": "center",
+                        "gap": "sm",
+                        "type": "stack",
                         "children": [
                           "@config.toolbar1Trait",
                           "@config.toolbar2Trait",
                           "@config.toolbar3Trait"
-                        ],
-                        "direction": "horizontal"
+                        ]
                       }
                     }
                   ]
@@ -151,53 +151,46 @@
               "description": "Trait rendered in the third dashboard grid tile",
               "tier": "internal"
             },
-            "tile6Trait": {
+            "tile5Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 6",
-              "description": "Trait rendered in the sixth dashboard grid tile",
+              "label": "Tile slot 5",
+              "description": "Trait rendered in the fifth dashboard grid tile",
               "tier": "internal"
             },
-            "filter2Trait": {
+            "tile8Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Filter slot 2",
-              "description": "Second filter-row trait (typical use: search input)",
+              "label": "Tile slot 8",
+              "description": "Trait rendered in the eighth dashboard grid tile",
               "tier": "internal"
             },
-            "tile10Trait": {
+            "tile4Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 10",
-              "description": "Trait rendered in the tenth dashboard grid tile",
+              "label": "Tile slot 4",
+              "description": "Trait rendered in the fourth dashboard grid tile",
               "tier": "internal"
             },
-            "appName": {
-              "type": "string",
-              "default": "Dashboard",
-              "label": "App name",
-              "description": "Product name shown in the dashboard chrome",
-              "tier": "presentation"
-            },
-            "filter1Trait": {
+            "toolbar3Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Filter slot 1",
-              "description": "First filter-row trait (typical use: date range picker)",
+              "label": "Toolbar slot 3",
+              "description": "Third top-right toolbar trait (typical use: settings action)",
               "tier": "internal"
             },
-            "tile2Trait": {
+            "tile9Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 2",
-              "description": "Trait rendered in the second dashboard grid tile",
+              "label": "Tile slot 9",
+              "description": "Trait rendered in the ninth dashboard grid tile",
               "tier": "internal"
             },
-            "tile5Trait": {
+            "tile6Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 5",
-              "description": "Trait rendered in the fifth dashboard grid tile",
+              "label": "Tile slot 6",
+              "description": "Trait rendered in the sixth dashboard grid tile",
               "tier": "internal"
             },
             "tile7Trait": {
@@ -207,41 +200,55 @@
               "description": "Trait rendered in the seventh dashboard grid tile",
               "tier": "internal"
             },
-            "filter3Trait": {
+            "filter2Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Filter slot 3",
-              "description": "Third filter-row trait (typical use: dropdown filter)",
+              "label": "Filter slot 2",
+              "description": "Second filter-row trait (typical use: search input)",
               "tier": "internal"
             },
-            "tile1Trait": {
+            "tile11Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 1",
-              "description": "Trait rendered in the first dashboard grid tile",
+              "label": "Tile slot 11",
+              "description": "Trait rendered in the eleventh dashboard grid tile",
               "tier": "internal"
             },
-            "toolbar1Trait": {
+            "filter3Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Toolbar slot 1",
-              "description": "First top-right toolbar trait (typical use: export action)",
+              "label": "Filter slot 3",
+              "description": "Third filter-row trait (typical use: dropdown filter)",
               "tier": "internal"
             },
-            "toolbar2Trait": {
+            "tile12Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Toolbar slot 2",
-              "description": "Second top-right toolbar trait (typical use: share action)",
+              "label": "Tile slot 12",
+              "description": "Trait rendered in the twelfth dashboard grid tile",
               "tier": "internal"
             },
-            "tile11Trait": {
+            "tile1Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 11",
-              "description": "Trait rendered in the eleventh dashboard grid tile",
+              "label": "Tile slot 1",
+              "description": "Trait rendered in the first dashboard grid tile",
+              "tier": "internal"
+            },
+            "tile10Trait": {
+              "type": "trait",
+              "default": "@trait.EmptyTile",
+              "label": "Tile slot 10",
+              "description": "Trait rendered in the tenth dashboard grid tile",
               "tier": "internal"
             },
+            "appName": {
+              "type": "string",
+              "default": "Dashboard",
+              "label": "App name",
+              "description": "Product name shown in the dashboard chrome",
+              "tier": "presentation"
+            },
             "navItems": {
               "type": "[NavItem]",
               "default": [
@@ -262,6 +269,11 @@
                     "type": "string",
                     "required": true
                   },
+                  "badge": {
+                    "name": "badge",
+                    "type": "string",
+                    "required": false
+                  },
                   "icon": {
                     "name": "icon",
                     "type": "string",
@@ -271,57 +283,45 @@
                     "name": "label",
                     "type": "string",
                     "required": true
-                  },
-                  "badge": {
-                    "name": "badge",
-                    "type": "string",
-                    "required": false
                   }
                 }
               }
             },
-            "tile4Trait": {
+            "tile2Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 4",
-              "description": "Trait rendered in the fourth dashboard grid tile",
+              "label": "Tile slot 2",
+              "description": "Trait rendered in the second dashboard grid tile",
               "tier": "internal"
             },
-            "toolbar3Trait": {
-              "type": "trait",
-              "default": "@trait.EmptyTile",
-              "label": "Toolbar slot 3",
-              "description": "Third top-right toolbar trait (typical use: settings action)",
-              "tier": "internal"
+            "minTileWidth": {
+              "type": "number",
+              "default": 320.0,
+              "label": "Tile min width",
+              "description": "Minimum pixel width per tile before the grid re-flows",
+              "tier": "presentation"
             },
-            "tile8Trait": {
+            "filter1Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 8",
-              "description": "Trait rendered in the eighth dashboard grid tile",
+              "label": "Filter slot 1",
+              "description": "First filter-row trait (typical use: date range picker)",
               "tier": "internal"
             },
-            "tile9Trait": {
+            "toolbar2Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 9",
-              "description": "Trait rendered in the ninth dashboard grid tile",
+              "label": "Toolbar slot 2",
+              "description": "Second top-right toolbar trait (typical use: share action)",
               "tier": "internal"
             },
-            "tile12Trait": {
+            "toolbar1Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",
-              "label": "Tile slot 12",
-              "description": "Trait rendered in the twelfth dashboard grid tile",
+              "label": "Toolbar slot 1",
+              "description": "First top-right toolbar trait (typical use: export action)",
               "tier": "internal"
             },
-            "minTileWidth": {
-              "type": "number",
-              "default": 320.0,
-              "label": "Tile min width",
-              "description": "Minimum pixel width per tile before the grid re-flows",
-              "tier": "presentation"
-            },
             "filter4Trait": {
               "type": "trait",
               "default": "@trait.EmptyTile",

package/behaviors/registry/core/atoms/std-dashboard-summary.orb

@@ -37,16 +37,6 @@
             "items": {
               "type": "object",
               "properties": {
-                "label": {
-                  "name": "label",
-                  "type": "string",
-                  "required": true
-                },
-                "trend": {
-                  "name": "trend",
-                  "type": "number",
-                  "required": false
-                },
                 "value": {
                   "name": "value",
                   "type": "string",
@@ -56,6 +46,16 @@
                   "name": "icon",
                   "type": "string",
                   "required": false
+                },
+                "label": {
+                  "name": "label",
+                  "type": "string",
+                  "required": true
+                },
+                "trend": {
+                  "name": "trend",
+                  "type": "number",
+                  "required": false
                 }
               }
             }
@@ -220,11 +220,11 @@
                     "fetch",
                     "SummaryRecord",
                     {
-                      "limit": 1.0,
                       "emit": {
                         "success": "SummaryRecordLoaded",
                         "failure": "SummaryRecordLoadFailed"
-                      }
+                      },
+                      "limit": 1.0
                     }
                   ],
                   [
@@ -354,132 +354,130 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
-                      "direction": "vertical",
                       "children": [
                         {
-                          "direction": "horizontal",
                           "gap": "md",
-                          "type": "stack",
-                          "align": "center",
                           "justify": "between",
                           "children": [
                             {
-                              "gap": "xs",
                               "direction": "vertical",
                               "children": [
                                 {
-                                  "content": "@entity.title",
+                                  "weight": "semibold",
                                   "type": "typography",
                                   "variant": "h3",
-                                  "weight": "semibold"
+                                  "content": "@entity.title"
                                 },
                                 {
                                   "color": "muted",
-                                  "variant": "caption",
                                   "type": "typography",
+                                  "variant": "caption",
                                   "content": "@entity.period"
                                 }
                               ],
-                              "type": "stack"
+                              "type": "stack",
+                              "gap": "xs"
                             },
                             {
-                              "label": "Filter",
-                              "size": "sm",
                               "icon": "filter",
+                              "type": "button",
                               "action": "@entity.filterEvent",
-                              "variant": "ghost",
-                              "type": "button"
+                              "label": "Filter",
+                              "size": "sm",
+                              "variant": "ghost"
                             }
-                          ]
+                          ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "align": "center"
                         },
                         {
+                          "type": "simple-grid",
                           "gap": "md",
                           "cols": 4.0,
-                          "type": "simple-grid",
                           "children": [
                             {
-                              "type": "data-list",
-                              "entity": "@entity.tiles",
-                              "gap": "md",
                               "renderItem": [
                                 "fn",
                                 "tile",
                                 {
-                                  "padding": "md",
-                                  "type": "card",
+                                  "look": "elevated",
                                   "children": [
                                     {
                                       "direction": "vertical",
-                                      "gap": "xs",
                                       "children": [
                                         {
-                                          "align": "center",
                                           "gap": "xs",
-                                          "justify": "between",
+                                          "align": "center",
                                           "children": [
                                             {
                                               "type": "typography",
-                                              "color": "muted",
-                                              "weight": "semibold",
                                               "content": "@tile.label",
-                                              "variant": "overline"
+                                              "weight": "semibold",
+                                              "variant": "overline",
+                                              "color": "muted"
                                             },
                                             {
-                                              "type": "icon",
-                                              "size": "sm",
                                               "color": "muted",
-                                              "name": "@tile.icon"
+                                              "name": "@tile.icon",
+                                              "type": "icon",
+                                              "size": "sm"
                                             }
                                           ],
                                           "type": "stack",
+                                          "justify": "between",
                                           "direction": "horizontal"
                                         },
                                         {
-                                          "variant": "h2",
-                                          "weight": "semibold",
                                           "content": "@tile.value",
-                                          "type": "typography"
+                                          "type": "typography",
+                                          "weight": "semibold",
+                                          "variant": "h2"
                                         },
                                         {
-                                          "size": "sm",
                                           "type": "trend-indicator",
-                                          "showValue": true,
-                                          "value": "@tile.trend"
+                                          "size": "sm",
+                                          "value": "@tile.trend",
+                                          "showValue": true
                                         }
                                       ],
+                                      "gap": "xs",
                                       "type": "stack"
                                     }
                                   ],
-                                  "look": "elevated"
+                                  "padding": "md",
+                                  "type": "card"
                                 }
                               ],
-                              "fields": []
+                              "fields": [],
+                              "entity": "@entity.tiles",
+                              "gap": "md",
+                              "type": "data-list"
                             }
                           ]
                         },
                         {
-                          "type": "stack",
-                          "align": "center",
-                          "gap": "sm",
                           "children": [
                             {
                               "renderItem": [
                                 "fn",
                                 "pill",
                                 {
-                                  "label": "@pill.label",
-                                  "size": "sm",
                                   "variant": "@pill.tone",
-                                  "type": "badge"
+                                  "label": "@pill.label",
+                                  "type": "badge",
+                                  "size": "sm"
                                 }
                               ],
-                              "fields": [],
                               "type": "data-list",
-                              "entity": "@entity.statuses",
-                              "gap": "sm"
+                              "fields": [],
+                              "gap": "sm",
+                              "entity": "@entity.statuses"
                             }
                           ],
+                          "align": "center",
+                          "gap": "sm",
+                          "type": "stack",
                           "direction": "horizontal"
                         },
                         {
@@ -487,61 +485,63 @@
                         },
                         {
                           "look": "elevated",
-                          "padding": "lg",
-                          "type": "card",
                           "children": [
                             {
+                              "gap": "md",
+                              "type": "stack",
                               "children": [
                                 {
-                                  "gap": "sm",
-                                  "align": "center",
-                                  "direction": "horizontal",
-                                  "type": "stack",
-                                  "justify": "between",
                                   "children": [
                                     {
-                                      "direction": "vertical",
                                       "type": "stack",
+                                      "direction": "vertical",
+                                      "gap": "xs",
                                       "children": [
                                         {
                                           "variant": "h4",
-                                          "type": "typography",
                                           "content": "@entity.chartTitle",
+                                          "type": "typography",
                                           "weight": "semibold"
                                         },
                                         {
                                           "variant": "caption",
-                                          "content": "@entity.chartSubtitle",
                                           "type": "typography",
-                                          "color": "muted"
+                                          "color": "muted",
+                                          "content": "@entity.chartSubtitle"
                                         }
-                                      ],
-                                      "gap": "xs"
+                                      ]
                                     },
                                     {
-                                      "label": "@entity.period",
-                                      "variant": "default",
+                                      "size": "sm",
                                       "type": "badge",
-                                      "size": "sm"
+                                      "variant": "default",
+                                      "label": "@entity.period"
                                     }
-                                  ]
+                                  ],
+                                  "align": "center",
+                                  "gap": "sm",
+                                  "direction": "horizontal",
+                                  "justify": "between",
+                                  "type": "stack"
                                 },
                                 {
-                                  "data": "@entity.chartData",
                                   "chartType": "line",
+                                  "data": "@entity.chartData",
                                   "height": 280.0,
                                   "type": "chart",
                                   "showLegend": false
                                 }
                               ],
-                              "gap": "md",
-                              "direction": "vertical",
-                              "type": "stack"
+                              "direction": "vertical"
                             }
-                          ]
+                          ],
+                          "padding": "lg",
+                          "type": "card"
                         }
                       ],
-                      "type": "stack"
+                      "direction": "vertical",
+                      "type": "stack",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -581,8 +581,8 @@
                     "render-ui",
                     "main",
                     {
-                      "title": "Retrying…",
-                      "type": "loading-state"
+                      "type": "loading-state",
+                      "title": "Retrying…"
                     }
                   ]
                 ]