@almadar/std 14.24.0 → 14.25.0

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

@@ -315,21 +315,21 @@
                     "main",
                     {
                       "direction": "vertical",
+                      "className": "py-12",
+                      "gap": "md",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "color": "muted",
+                          "content": "Loading health scores…",
                           "type": "typography",
-                          "variant": "caption",
-                          "content": "Loading health scores…"
+                          "variant": "caption"
                         }
                       ],
-                      "gap": "md",
-                      "type": "stack",
-                      "align": "center",
-                      "className": "py-12"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -344,11 +344,8 @@
                     "main",
                     {
                       "direction": "vertical",
-                      "gap": "md",
-                      "type": "stack",
                       "children": [
                         {
-                          "direction": "horizontal",
                           "align": "center",
                           "children": [
                             {
@@ -356,37 +353,244 @@
                               "type": "icon"
                             },
                             {
-                              "type": "typography",
+                              "variant": "h3",
                               "content": "@config.title",
-                              "variant": "h3"
+                              "type": "typography"
+                            }
+                          ],
+                          "gap": "sm",
+                          "type": "stack",
+                          "direction": "horizontal"
+                        },
+                        {
+                          "level": 2.0,
+                          "align": "left",
+                          "title": "Customer Health Overview",
+                          "type": "section-header",
+                          "subtitle": "Composite signals across usage, support, and engagement"
+                        },
+                        {
+                          "children": [
+                            {
+                              "min": 0.0,
+                              "type": "meter",
+                              "label": "Composite Health",
+                              "unit": "%",
+                              "value": 78.0,
+                              "thresholds": [
+                                {
+                                  "value": 40.0,
+                                  "color": "danger"
+                                },
+                                {
+                                  "value": 70.0,
+                                  "color": "warning"
+                                }
+                              ],
+                              "variant": "radial",
+                              "showValue": true,
+                              "size": "md",
+                              "max": 100.0
+                            },
+                            {
+                              "current": 78.0,
+                              "type": "health-bar",
+                              "max": 100.0,
+                              "format": "bar",
+                              "animated": true,
+                              "size": "md"
+                            },
+                            {
+                              "type": "trend-indicator",
+                              "value": 4.2,
+                              "direction": "up",
+                              "showValue": true,
+                              "size": "md",
+                              "label": "30d trend"
+                            },
+                            {
+                              "streak": 4.0,
+                              "combo": 6.0,
+                              "type": "combo-counter",
+                              "multiplier": 2.0,
+                              "size": "md"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "align": "center",
+                          "gap": "md",
+                          "type": "stack"
+                        },
+                        {
+                          "items": [
+                            {
+                              "label": "Engagement",
+                              "id": "engagement"
+                            },
+                            {
+                              "label": "Usage",
+                              "id": "usage"
+                            },
+                            {
+                              "id": "health",
+                              "label": "Health"
+                            }
+                          ],
+                          "activeTab": "health",
+                          "type": "tabs",
+                          "variant": "default",
+                          "orientation": "horizontal"
+                        },
+                        {
+                          "hideCollapseButton": true,
+                          "items": [
+                            {
+                              "id": "summary",
+                              "label": "Summary"
+                            },
+                            {
+                              "id": "history",
+                              "label": "History"
+                            },
+                            {
+                              "label": "Playbook",
+                              "id": "playbook"
+                            },
+                            {
+                              "id": "csm",
+                              "label": "CSM Notes"
+                            }
+                          ],
+                          "showCloseButton": false,
+                          "brandName": "Health Detail",
+                          "type": "sidebar"
+                        },
+                        {
+                          "children": [
+                            {
+                              "title": "Auto-Renewal Insights",
+                              "variant": "elevated",
+                              "type": "feature-card",
+                              "description": "Identifies subscribers trending toward renewal vs churn",
+                              "size": "md",
+                              "icon": "refresh-cw"
+                            },
+                            {
+                              "size": "md",
+                              "icon": "alert-triangle",
+                              "variant": "bordered",
+                              "type": "feature-card",
+                              "title": "Risk Escalation",
+                              "description": "Triggers CSM workflows when health drops below threshold"
+                            },
+                            {
+                              "type": "team-card",
+                              "name": "Priya Sharma",
+                              "role": "Senior CSM",
+                              "bio": "Owns enterprise accounts across NA West",
+                              "avatar": "https://i.pravatar.cc/120?u=priya"
                             }
                           ],
                           "type": "stack",
-                          "gap": "sm"
+                          "gap": "md",
+                          "direction": "horizontal"
+                        },
+                        {
+                          "type": "feature-grid-organism",
+                          "subtitle": "Top contributors to composite score",
+                          "columns": 3.0,
+                          "heading": "Health Signal Drivers",
+                          "data": [
+                            {
+                              "title": "Active users",
+                              "id": "f1",
+                              "description": "Daily active across last 30d"
+                            },
+                            {
+                              "id": "f2",
+                              "title": "Ticket volume",
+                              "description": "Support tickets opened"
+                            },
+                            {
+                              "description": "Core features in use",
+                              "title": "Feature adoption",
+                              "id": "f3"
+                            }
+                          ]
+                        },
+                        {
+                          "heading": "Customer Success Team",
+                          "type": "team-organism",
+                          "subtitle": "CSMs supporting this segment",
+                          "data": [
+                            {
+                              "bio": "NA West enterprise",
+                              "name": "Priya Sharma",
+                              "role": "Senior CSM",
+                              "avatar": "https://i.pravatar.cc/120?u=priya",
+                              "id": "csm1"
+                            },
+                            {
+                              "role": "CSM",
+                              "avatar": "https://i.pravatar.cc/120?u=marcus",
+                              "name": "Marcus Lee",
+                              "id": "csm2",
+                              "bio": "Mid-market portfolio"
+                            },
+                            {
+                              "role": "Onboarding lead",
+                              "id": "csm3",
+                              "bio": "First-90-days success",
+                              "name": "Elena Vasquez",
+                              "avatar": "https://i.pravatar.cc/120?u=elena"
+                            }
+                          ]
+                        },
+                        {
+                          "columns": 4.0,
+                          "data": [
+                            {
+                              "label": "Green accounts",
+                              "id": "s1",
+                              "value": 142.0
+                            },
+                            {
+                              "label": "Yellow accounts",
+                              "value": 38.0,
+                              "id": "s2"
+                            },
+                            {
+                              "label": "Red accounts",
+                              "id": "s3",
+                              "value": 11.0
+                            },
+                            {
+                              "label": "30d Δ",
+                              "value": "+4.2%",
+                              "id": "s4"
+                            }
+                          ],
+                          "type": "stats-organism"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "sm",
-                          "type": "data-grid",
-                          "entity": "@payload.data",
-                          "cols": 1.0,
                           "itemActions": [
                             {
-                              "variant": "secondary",
                               "label": "View",
-                              "event": "VIEW"
+                              "event": "VIEW",
+                              "variant": "secondary"
                             },
                             {
-                              "event": "EDIT",
                               "label": "Edit",
-                              "variant": "secondary"
+                              "variant": "secondary",
+                              "event": "EDIT"
                             },
                             {
+                              "variant": "primary",
                               "label": "Recalculate",
-                              "event": "RECALCULATE",
-                              "variant": "primary"
+                              "event": "RECALCULATE"
                             },
                             {
                               "label": "Assign CSM",
@@ -394,40 +598,43 @@
                               "event": "ASSIGN_CSM"
                             }
                           ],
+                          "gap": "sm",
+                          "type": "data-grid",
+                          "entity": "@payload.data",
                           "fields": [
                             {
-                              "variant": "caption",
+                              "label": "Customer",
                               "name": "customerName",
-                              "label": "Customer"
+                              "variant": "caption"
                             },
                             {
                               "label": "Score",
-                              "name": "score",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "name": "score"
                             },
                             {
                               "name": "tier",
-                              "label": "Tier",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "label": "Tier"
                             },
                             {
                               "variant": "caption",
-                              "label": "Usage",
-                              "name": "usageScore"
+                              "name": "usageScore",
+                              "label": "Usage"
                             },
                             {
-                              "label": "Support",
                               "name": "supportScore",
+                              "label": "Support",
                               "variant": "caption"
                             },
                             {
-                              "name": "trend",
                               "variant": "badge",
-                              "label": "Trend"
+                              "label": "Trend",
+                              "name": "trend"
                             },
                             {
-                              "name": "assignedCsm",
                               "variant": "caption",
+                              "name": "assignedCsm",
                               "label": "CSM"
                             },
                             {
@@ -435,9 +642,12 @@
                               "label": "Updated",
                               "variant": "caption"
                             }
-                          ]
+                          ],
+                          "cols": 1.0
                         }
-                      ]
+                      ],
+                      "gap": "md",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -451,9 +661,9 @@
                     "render-ui",
                     "main",
                     {
-                      "message": "@payload.message",
                       "type": "alert",
-                      "variant": "error"
+                      "variant": "error",
+                      "message": "@payload.message"
                     }
                   ]
                 ]
@@ -468,8 +678,8 @@
                     "HealthScore",
                     {
                       "emit": {
-                        "success": "HealthScoreLoaded",
-                        "failure": "HealthScoreLoadFailed"
+                        "failure": "HealthScoreLoadFailed",
+                        "success": "HealthScoreLoaded"
                       }
                     }
                   ],
@@ -477,22 +687,22 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
                       "direction": "vertical",
                       "className": "py-12",
+                      "type": "stack",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "variant": "caption",
-                          "content": "Refreshing health scores…",
                           "type": "typography",
-                          "color": "muted"
+                          "color": "muted",
+                          "content": "Refreshing health scores…"
                         }
-                      ],
-                      "align": "center",
-                      "type": "stack",
-                      "gap": "md"
+                      ]
                     }
                   ]
                 ]
@@ -522,16 +732,16 @@
                           "type": "spinner"
                         },
                         {
-                          "content": "Searching health scores…",
+                          "variant": "caption",
                           "color": "muted",
                           "type": "typography",
-                          "variant": "caption"
+                          "content": "Searching health scores…"
                         }
                       ],
-                      "type": "stack",
                       "direction": "vertical",
-                      "gap": "md",
-                      "align": "center"
+                      "align": "center",
+                      "type": "stack",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -546,8 +756,8 @@
                     "HealthScore",
                     {
                       "emit": {
-                        "failure": "HealthScoreLoadFailed",
-                        "success": "HealthScoreLoaded"
+                        "success": "HealthScoreLoaded",
+                        "failure": "HealthScoreLoadFailed"
                       }
                     }
                   ],
@@ -555,8 +765,7 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "align": "center",
+                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
@@ -568,8 +777,9 @@
                           "content": "Filtering by tier…"
                         }
                       ],
+                      "align": "center",
                       "gap": "md",
-                      "className": "py-12",
+                      "type": "stack",
                       "direction": "vertical"
                     }
                   ]
@@ -594,22 +804,22 @@
                     "render-ui",
                     "main",
                     {
+                      "align": "center",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "type": "stack",
+                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
-                          "content": "Filtering by trend…",
+                          "type": "typography",
                           "variant": "caption",
-                          "type": "typography"
+                          "color": "muted",
+                          "content": "Filtering by trend…"
                         }
-                      ],
-                      "type": "stack",
-                      "align": "center",
-                      "className": "py-12",
-                      "direction": "vertical",
-                      "gap": "md"
+                      ]
                     }
                   ]
                 ]
@@ -628,8 +838,8 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
                       "message": "Viewing health score",
+                      "type": "alert",
                       "variant": "info"
                     }
                   ]
@@ -649,9 +859,9 @@
                     "render-ui",
                     "main",
                     {
-                      "message": "Editing health score",
                       "type": "alert",
-                      "variant": "info"
+                      "variant": "info",
+                      "message": "Editing health score"
                     }
                   ]
                 ]
@@ -670,9 +880,9 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "success",
+                      "message": "Recalculation triggered",
                       "type": "alert",
-                      "message": "Recalculation triggered"
+                      "variant": "success"
                     }
                   ]
                 ]
@@ -691,9 +901,9 @@
                     "render-ui",
                     "main",
                     {
+                      "message": "Assigning CSM",
                       "type": "alert",
-                      "variant": "info",
-                      "message": "Assigning CSM"
+                      "variant": "info"
                     }
                   ]
                 ]
@@ -708,8 +918,8 @@
                     "HealthScore",
                     {
                       "emit": {
-                        "success": "HealthScoreLoaded",
-                        "failure": "HealthScoreLoadFailed"
+                        "failure": "HealthScoreLoadFailed",
+                        "success": "HealthScoreLoaded"
                       }
                     }
                   ],
@@ -747,4 +957,4 @@
       ]
     }
   ]
-}
+}