@almadar/std 14.24.0 → 14.25.0

package/dist/behaviors/registry/app/atoms/std-help-article.orb

@@ -487,22 +487,22 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
+                          "type": "typography",
                           "color": "muted",
-                          "variant": "caption",
                           "content": "Loading help articles…",
-                          "type": "typography"
+                          "variant": "caption"
                         }
                       ],
-                      "className": "py-12",
-                      "gap": "md",
                       "align": "center",
+                      "direction": "vertical",
                       "type": "stack",
-                      "direction": "vertical"
+                      "className": "py-12"
                     }
                   ]
                 ]
@@ -516,37 +516,176 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
-                      "type": "stack",
                       "children": [
                         {
-                          "align": "center",
+                          "entity": "HelpArticle",
+                          "type": "hero-organism"
+                        },
+                        {
                           "type": "stack",
+                          "direction": "horizontal",
                           "gap": "sm",
                           "children": [
                             {
-                              "name": "book-open",
-                              "type": "icon"
+                              "type": "icon",
+                              "name": "book-open"
                             },
                             {
-                              "type": "typography",
+                              "variant": "h3",
                               "content": "@config.title",
-                              "variant": "h3"
+                              "type": "typography"
                             },
                             {
-                              "type": "button",
-                              "label": "New Article",
                               "action": "CREATE",
-                              "variant": "primary"
+                              "variant": "primary",
+                              "type": "button",
+                              "label": "New Article"
                             }
                           ],
-                          "direction": "horizontal"
+                          "align": "center"
+                        },
+                        {
+                          "type": "doc-breadcrumb",
+                          "items": [
+                            {
+                              "label": "Help Center"
+                            },
+                            {
+                              "label": "Articles"
+                            },
+                            {
+                              "label": "@config.title"
+                            }
+                          ]
+                        },
+                        {
+                          "placeholder": "Search articles…",
+                          "type": "doc-search"
+                        },
+                        {
+                          "type": "stack",
+                          "gap": "md",
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "items": [
+                                {
+                                  "label": "Getting Started",
+                                  "href": "#getting-started",
+                                  "id": "getting-started"
+                                },
+                                {
+                                  "id": "billing",
+                                  "label": "Billing",
+                                  "href": "#billing"
+                                },
+                                {
+                                  "id": "api",
+                                  "label": "API Reference",
+                                  "href": "#api"
+                                },
+                                {
+                                  "href": "#troubleshooting",
+                                  "label": "Troubleshooting",
+                                  "id": "troubleshooting"
+                                }
+                              ],
+                              "type": "doc-sidebar"
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "children": [
+                                {
+                                  "type": "article-section",
+                                  "title": "Overview",
+                                  "children": [
+                                    {
+                                      "content": "These articles cover everything from setup to advanced workflows.",
+                                      "direction": "ltr",
+                                      "type": "content-renderer"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "tabs": [
+                                    {
+                                      "content": {
+                                        "content": "Most-viewed help articles this week.",
+                                        "type": "typography"
+                                      },
+                                      "id": "popular",
+                                      "label": "Popular"
+                                    },
+                                    {
+                                      "id": "recent",
+                                      "content": {
+                                        "content": "Freshly revised guidance.",
+                                        "type": "typography"
+                                      },
+                                      "label": "Recently Updated"
+                                    },
+                                    {
+                                      "content": {
+                                        "content": "Articles still in review.",
+                                        "type": "typography"
+                                      },
+                                      "id": "drafts",
+                                      "label": "Drafts"
+                                    }
+                                  ],
+                                  "defaultTab": "popular",
+                                  "type": "tabbed-container"
+                                },
+                                {
+                                  "type": "book-viewer",
+                                  "entity": "@payload.data"
+                                },
+                                {
+                                  "type": "case-study-card",
+                                  "title": "How Acme reduced support volume 40%",
+                                  "category": "Customer Story",
+                                  "href": "/help-articles/case-study-acme",
+                                  "linkLabel": "Read case study",
+                                  "description": "A walkthrough of the self-serve content strategy that cut inbound tickets."
+                                },
+                                {
+                                  "entity": "HelpArticle",
+                                  "type": "case-study-organism"
+                                },
+                                {
+                                  "entity": "HelpArticle",
+                                  "type": "step-flow-organism"
+                                },
+                                {
+                                  "features": [
+                                    {
+                                      "type": "feature",
+                                      "id": "search",
+                                      "label": "Smart Search"
+                                    },
+                                    {
+                                      "label": "Tag Index",
+                                      "type": "feature",
+                                      "id": "tags"
+                                    },
+                                    {
+                                      "type": "feature",
+                                      "label": "Helpfulness Voting",
+                                      "id": "feedback"
+                                    }
+                                  ],
+                                  "type": "feature-renderer-3d"
+                                }
+                              ],
+                              "gap": "md"
+                            }
+                          ]
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "sm",
                           "itemActions": [
                             {
                               "label": "View",
@@ -555,13 +694,13 @@
                             },
                             {
                               "label": "Edit",
-                              "event": "EDIT",
-                              "variant": "secondary"
+                              "variant": "secondary",
+                              "event": "EDIT"
                             },
                             {
                               "event": "PUBLISH",
-                              "label": "Publish",
-                              "variant": "primary"
+                              "variant": "primary",
+                              "label": "Publish"
                             },
                             {
                               "event": "ARCHIVE",
@@ -569,31 +708,32 @@
                               "variant": "ghost"
                             },
                             {
-                              "event": "REQUEST_DELETE",
                               "variant": "danger",
-                              "label": "Delete"
+                              "label": "Delete",
+                              "event": "REQUEST_DELETE"
                             }
                           ],
                           "entity": "@payload.data",
+                          "type": "data-grid",
                           "fields": [
                             {
                               "name": "title",
-                              "variant": "caption",
-                              "label": "Title"
+                              "label": "Title",
+                              "variant": "caption"
                             },
                             {
-                              "variant": "caption",
                               "name": "slug",
-                              "label": "Slug"
+                              "label": "Slug",
+                              "variant": "caption"
                             },
                             {
                               "variant": "caption",
-                              "label": "Category",
-                              "name": "categoryName"
+                              "name": "categoryName",
+                              "label": "Category"
                             },
                             {
-                              "name": "author",
                               "label": "Author",
+                              "name": "author",
                               "variant": "caption"
                             },
                             {
@@ -602,25 +742,27 @@
                               "name": "status"
                             },
                             {
+                              "name": "viewCount",
                               "label": "Views",
-                              "variant": "caption",
-                              "name": "viewCount"
+                              "variant": "caption"
                             },
                             {
                               "name": "helpfulCount",
-                              "label": "Helpful",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "label": "Helpful"
                             },
                             {
-                              "name": "publishedAt",
                               "variant": "caption",
+                              "name": "publishedAt",
                               "label": "Published"
                             }
                           ],
-                          "type": "data-grid",
+                          "gap": "sm",
                           "cols": 1.0
                         }
                       ],
+                      "type": "stack",
+                      "direction": "vertical",
                       "gap": "md"
                     }
                   ]
@@ -635,8 +777,8 @@
                     "render-ui",
                     "main",
                     {
-                      "message": "@payload.message",
                       "type": "alert",
+                      "message": "@payload.message",
                       "variant": "error"
                     }
                   ]
@@ -652,8 +794,8 @@
                     "HelpArticle",
                     {
                       "emit": {
-                        "success": "HelpArticleLoaded",
-                        "failure": "HelpArticleLoadFailed"
+                        "failure": "HelpArticleLoadFailed",
+                        "success": "HelpArticleLoaded"
                       }
                     }
                   ],
@@ -662,20 +804,20 @@
                     "main",
                     {
                       "className": "py-12",
-                      "gap": "md",
-                      "type": "stack",
-                      "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
                           "variant": "caption",
-                          "content": "Refreshing help articles…",
-                          "type": "typography"
+                          "type": "typography",
+                          "color": "muted",
+                          "content": "Refreshing help articles…"
                         }
                       ],
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
                       "align": "center"
                     }
                   ]
@@ -691,8 +833,8 @@
                     "HelpArticle",
                     {
                       "emit": {
-                        "failure": "HelpArticleLoadFailed",
-                        "success": "HelpArticleLoaded"
+                        "success": "HelpArticleLoaded",
+                        "failure": "HelpArticleLoadFailed"
                       }
                     }
                   ],
@@ -701,8 +843,8 @@
                     "main",
                     {
                       "type": "stack",
+                      "direction": "vertical",
                       "gap": "md",
-                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
@@ -710,11 +852,11 @@
                         {
                           "type": "typography",
                           "variant": "caption",
-                          "content": "Searching help articles…",
-                          "color": "muted"
+                          "color": "muted",
+                          "content": "Searching help articles…"
                         }
                       ],
-                      "direction": "vertical",
+                      "className": "py-12",
                       "align": "center"
                     }
                   ]
@@ -730,8 +872,8 @@
                     "HelpArticle",
                     {
                       "emit": {
-                        "failure": "HelpArticleLoadFailed",
-                        "success": "HelpArticleLoaded"
+                        "success": "HelpArticleLoaded",
+                        "failure": "HelpArticleLoadFailed"
                       }
                     }
                   ],
@@ -739,10 +881,10 @@
                     "render-ui",
                     "main",
                     {
-                      "align": "center",
                       "direction": "vertical",
                       "gap": "md",
-                      "type": "stack",
+                      "className": "py-12",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
@@ -754,7 +896,7 @@
                           "color": "muted"
                         }
                       ],
-                      "className": "py-12"
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -778,22 +920,22 @@
                     "render-ui",
                     "main",
                     {
+                      "align": "center",
                       "direction": "vertical",
-                      "gap": "md",
                       "className": "py-12",
-                      "align": "center",
                       "type": "stack",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
+                          "type": "typography",
                           "content": "Filtering help articles…",
                           "variant": "caption",
-                          "type": "typography",
                           "color": "muted"
                         }
-                      ]
+                      ],
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -807,9 +949,9 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "info",
+                      "message": "Creating new help article",
                       "type": "alert",
-                      "message": "Creating new help article"
+                      "variant": "info"
                     }
                   ]
                 ]
@@ -828,9 +970,9 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "alert",
                       "variant": "info",
-                      "message": "Viewing help article",
-                      "type": "alert"
+                      "message": "Viewing help article"
                     }
                   ]
                 ]
@@ -849,9 +991,9 @@
                     "render-ui",
                     "main",
                     {
+                      "type": "alert",
                       "variant": "info",
-                      "message": "Editing help article",
-                      "type": "alert"
+                      "message": "Editing help article"
                     }
                   ]
                 ]
@@ -871,8 +1013,8 @@
                     "main",
                     {
                       "type": "alert",
-                      "message": "Article published",
-                      "variant": "success"
+                      "variant": "success",
+                      "message": "Article published"
                     }
                   ]
                 ]
@@ -891,9 +1033,9 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
                       "message": "Article archived",
-                      "variant": "info"
+                      "variant": "info",
+                      "type": "alert"
                     }
                   ]
                 ]
@@ -912,9 +1054,9 @@
                     "render-ui",
                     "main",
                     {
-                      "variant": "warning",
+                      "message": "Delete requested",
                       "type": "alert",
-                      "message": "Delete requested"
+                      "variant": "warning"
                     }
                   ]
                 ]
@@ -929,8 +1071,8 @@
                     "HelpArticle",
                     {
                       "emit": {
-                        "failure": "HelpArticleLoadFailed",
-                        "success": "HelpArticleLoaded"
+                        "success": "HelpArticleLoaded",
+                        "failure": "HelpArticleLoadFailed"
                       }
                     }
                   ],
@@ -968,4 +1110,4 @@
       ]
     }
   ]
-}
+}