@almadar/std 14.24.0 → 14.26.0

package/behaviors/registry/app/atoms/std-health-score.orb

@@ -314,22 +314,22 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "stack",
                       "direction": "vertical",
+                      "align": "center",
+                      "gap": "md",
+                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
-                          "type": "typography",
+                          "content": "Loading health scores…",
                           "variant": "caption",
-                          "content": "Loading health scores…"
+                          "type": "typography",
+                          "color": "muted"
                         }
-                      ],
-                      "gap": "md",
-                      "type": "stack",
-                      "align": "center",
-                      "className": "py-12"
+                      ]
                     }
                   ]
                 ]
@@ -348,8 +348,6 @@
                       "type": "stack",
                       "children": [
                         {
-                          "direction": "horizontal",
-                          "align": "center",
                           "children": [
                             {
                               "name": "activity",
@@ -357,26 +355,176 @@
                             },
                             {
                               "type": "typography",
-                              "content": "@config.title",
-                              "variant": "h3"
+                              "variant": "h3",
+                              "content": "@config.title"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "type": "stack"
+                        },
+                        {
+                          "title": "Customer Health Overview",
+                          "type": "section-header",
+                          "align": "left",
+                          "level": 2.0,
+                          "subtitle": "Composite signals across usage, support, and engagement"
+                        },
+                        {
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "align": "center",
+                          "type": "stack",
+                          "children": [
+                            {
+                              "max": 100.0,
+                              "size": "md",
+                              "showValue": true,
+                              "type": "meter",
+                              "variant": "radial",
+                              "min": 0.0,
+                              "value": 78.0,
+                              "unit": "%",
+                              "label": "Composite Health",
+                              "thresholds": [
+                                {
+                                  "value": 40.0,
+                                  "color": "danger"
+                                },
+                                {
+                                  "value": 70.0,
+                                  "color": "warning"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "health-bar",
+                              "current": 78.0,
+                              "animated": true,
+                              "format": "bar",
+                              "max": 100.0,
+                              "size": "md"
+                            },
+                            {
+                              "type": "trend-indicator",
+                              "value": 4.2,
+                              "label": "30d trend",
+                              "size": "md",
+                              "direction": "up",
+                              "showValue": true
+                            },
+                            {
+                              "type": "combo-counter",
+                              "size": "md",
+                              "streak": 4.0,
+                              "combo": 6.0,
+                              "multiplier": 2.0
+                            }
+                          ]
+                        },
+                        {
+                          "items": [
+                            {
+                              "label": "Engagement",
+                              "id": "engagement"
+                            },
+                            {
+                              "id": "usage",
+                              "label": "Usage"
+                            },
+                            {
+                              "label": "Health",
+                              "id": "health"
+                            }
+                          ],
+                          "orientation": "horizontal",
+                          "type": "tabs",
+                          "variant": "default",
+                          "activeTab": "health"
+                        },
+                        {
+                          "type": "sidebar",
+                          "brandName": "Health Detail",
+                          "hideCollapseButton": true,
+                          "items": [
+                            {
+                              "label": "Summary",
+                              "id": "summary"
+                            },
+                            {
+                              "id": "history",
+                              "label": "History"
+                            },
+                            {
+                              "label": "Playbook",
+                              "id": "playbook"
+                            },
+                            {
+                              "label": "CSM Notes",
+                              "id": "csm"
                             }
                           ],
+                          "showCloseButton": false
+                        },
+                        {
+                          "gap": "md",
                           "type": "stack",
-                          "gap": "sm"
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "variant": "elevated",
+                              "size": "md",
+                              "description": "Identifies subscribers trending toward renewal vs churn",
+                              "type": "feature-card",
+                              "icon": "refresh-cw",
+                              "title": "Auto-Renewal Insights"
+                            },
+                            {
+                              "variant": "bordered",
+                              "size": "md",
+                              "type": "feature-card",
+                              "description": "Triggers CSM workflows when health drops below threshold",
+                              "title": "Risk Escalation",
+                              "icon": "alert-triangle"
+                            },
+                            {
+                              "avatar": "https://i.pravatar.cc/120?u=priya",
+                              "role": "Senior CSM",
+                              "name": "Priya Sharma",
+                              "bio": "Owns enterprise accounts across NA West",
+                              "type": "team-card"
+                            }
+                          ]
+                        },
+                        {
+                          "subtitle": "Top contributors to composite score",
+                          "type": "feature-grid-organism",
+                          "columns": 3.0,
+                          "heading": "Health Signal Drivers"
+                        },
+                        {
+                          "type": "team-organism",
+                          "heading": "Customer Success Team",
+                          "subtitle": "CSMs supporting this segment"
+                        },
+                        {
+                          "type": "stats-organism",
+                          "columns": 4.0
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "sm",
-                          "type": "data-grid",
                           "entity": "@payload.data",
                           "cols": 1.0,
+                          "type": "data-grid",
+                          "gap": "sm",
                           "itemActions": [
                             {
-                              "variant": "secondary",
                               "label": "View",
-                              "event": "VIEW"
+                              "event": "VIEW",
+                              "variant": "secondary"
                             },
                             {
                               "event": "EDIT",
@@ -384,36 +532,36 @@
                               "variant": "secondary"
                             },
                             {
-                              "label": "Recalculate",
                               "event": "RECALCULATE",
-                              "variant": "primary"
+                              "variant": "primary",
+                              "label": "Recalculate"
                             },
                             {
-                              "label": "Assign CSM",
+                              "event": "ASSIGN_CSM",
                               "variant": "ghost",
-                              "event": "ASSIGN_CSM"
+                              "label": "Assign CSM"
                             }
                           ],
                           "fields": [
                             {
                               "variant": "caption",
-                              "name": "customerName",
-                              "label": "Customer"
+                              "label": "Customer",
+                              "name": "customerName"
                             },
                             {
-                              "label": "Score",
+                              "variant": "badge",
                               "name": "score",
-                              "variant": "badge"
+                              "label": "Score"
                             },
                             {
-                              "name": "tier",
+                              "variant": "badge",
                               "label": "Tier",
-                              "variant": "badge"
+                              "name": "tier"
                             },
                             {
-                              "variant": "caption",
+                              "name": "usageScore",
                               "label": "Usage",
-                              "name": "usageScore"
+                              "variant": "caption"
                             },
                             {
                               "label": "Support",
@@ -422,8 +570,8 @@
                             },
                             {
                               "name": "trend",
-                              "variant": "badge",
-                              "label": "Trend"
+                              "label": "Trend",
+                              "variant": "badge"
                             },
                             {
                               "name": "assignedCsm",
@@ -431,8 +579,8 @@
                               "label": "CSM"
                             },
                             {
-                              "name": "lastCalculatedAt",
                               "label": "Updated",
+                              "name": "lastCalculatedAt",
                               "variant": "caption"
                             }
                           ]
@@ -451,8 +599,8 @@
                     "render-ui",
                     "main",
                     {
-                      "message": "@payload.message",
                       "type": "alert",
+                      "message": "@payload.message",
                       "variant": "error"
                     }
                   ]
@@ -468,8 +616,8 @@
                     "HealthScore",
                     {
                       "emit": {
-                        "success": "HealthScoreLoaded",
-                        "failure": "HealthScoreLoadFailed"
+                        "failure": "HealthScoreLoadFailed",
+                        "success": "HealthScoreLoaded"
                       }
                     }
                   ],
@@ -478,21 +626,21 @@
                     "main",
                     {
                       "direction": "vertical",
-                      "className": "py-12",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "variant": "caption",
+                          "color": "muted",
                           "content": "Refreshing health scores…",
-                          "type": "typography",
-                          "color": "muted"
+                          "type": "typography"
                         }
                       ],
-                      "align": "center",
+                      "gap": "md",
                       "type": "stack",
-                      "gap": "md"
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -516,22 +664,22 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
+                      "direction": "vertical",
+                      "align": "center",
+                      "type": "stack",
                       "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Searching health scores…",
-                          "color": "muted",
                           "type": "typography",
-                          "variant": "caption"
+                          "content": "Searching health scores…",
+                          "variant": "caption",
+                          "color": "muted"
                         }
-                      ],
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md",
-                      "align": "center"
+                      ]
                     }
                   ]
                 ]
@@ -555,22 +703,22 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "py-12",
                       "type": "stack",
-                      "align": "center",
+                      "gap": "md",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
+                          "content": "Filtering by tier…",
                           "type": "typography",
-                          "variant": "caption",
-                          "content": "Filtering by tier…"
+                          "color": "muted",
+                          "variant": "caption"
                         }
                       ],
-                      "gap": "md",
-                      "className": "py-12",
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -585,8 +733,8 @@
                     "HealthScore",
                     {
                       "emit": {
-                        "success": "HealthScoreLoaded",
-                        "failure": "HealthScoreLoadFailed"
+                        "failure": "HealthScoreLoadFailed",
+                        "success": "HealthScoreLoaded"
                       }
                     }
                   ],
@@ -594,6 +742,11 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "py-12",
+                      "gap": "md",
+                      "direction": "vertical",
+                      "type": "stack",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
@@ -601,15 +754,10 @@
                         {
                           "color": "muted",
                           "content": "Filtering by trend…",
-                          "variant": "caption",
-                          "type": "typography"
+                          "type": "typography",
+                          "variant": "caption"
                         }
-                      ],
-                      "type": "stack",
-                      "align": "center",
-                      "className": "py-12",
-                      "direction": "vertical",
-                      "gap": "md"
+                      ]
                     }
                   ]
                 ]
@@ -628,8 +776,8 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
                       "message": "Viewing health score",
+                      "type": "alert",
                       "variant": "info"
                     }
                   ]
@@ -649,9 +797,9 @@
                     "render-ui",
                     "main",
                     {
+                      "variant": "info",
                       "message": "Editing health score",
-                      "type": "alert",
-                      "variant": "info"
+                      "type": "alert"
                     }
                   ]
                 ]
@@ -670,9 +818,9 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "success",
                       "type": "alert",
-                      "message": "Recalculation triggered"
+                      "message": "Recalculation triggered",
+                      "variant": "success"
                     }
                   ]
                 ]
@@ -691,9 +839,9 @@
                     "render-ui",
                     "main",
                     {
+                      "message": "Assigning CSM",
                       "type": "alert",
-                      "variant": "info",
-                      "message": "Assigning CSM"
+                      "variant": "info"
                     }
                   ]
                 ]
@@ -708,8 +856,8 @@
                     "HealthScore",
                     {
                       "emit": {
-                        "success": "HealthScoreLoaded",
-                        "failure": "HealthScoreLoadFailed"
+                        "failure": "HealthScoreLoadFailed",
+                        "success": "HealthScoreLoaded"
                       }
                     }
                   ],
@@ -717,8 +865,8 @@
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "type": "spinner",
+                      "size": "sm"
                     }
                   ]
                 ]