@almadar/std 14.25.0 → 14.27.0

package/behaviors/registry/core/atoms/std-page-tree.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-page-tree",
   "version": "1.0.0",
-  "description": "std-page-tree — hierarchical wiki navigation with parent/child PageNode rows. PageNodeBrowse loads pages on INIT, renders a reorderable data-list with Open / Delete actions plus an Add Page button, and persists select / reorder / add / delete via SELECT_PAGE / REORDER / ADD_PAGE / DELETE_PAGE events.",
+  "description": "std-page-tree — hierarchical wiki navigation with parent/child PageNode rows. Browses pages in a file-tree + data-list; opens a page in `viewing_single` with Delete action; supports drag-reorder.",
   "orbitals": [
     {
       "name": "PageTreeOrbital",
@@ -50,10 +50,10 @@
           "linkedEntity": "PageNode",
           "emits": [
             {
-              "event": "SELECT_PAGE",
+              "event": "OPEN_PAGE",
               "payloadSchema": [
                 {
-                  "name": "pageId",
+                  "name": "id",
                   "type": "string",
                   "required": true
                 },
@@ -89,11 +89,14 @@
                 }
               ]
             },
+            {
+              "event": "CLOSE_VIEW"
+            },
             {
               "event": "REORDER",
               "payloadSchema": [
                 {
-                  "name": "pageId",
+                  "name": "id",
                   "type": "string",
                   "required": true
                 },
@@ -126,25 +129,6 @@
                 {
                   "name": "row.iconName",
                   "type": "string"
-                },
-                {
-                  "name": "newOrder",
-                  "type": "number",
-                  "required": true
-                },
-                {
-                  "name": "newParentId",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "ADD_PAGE",
-              "payloadSchema": [
-                {
-                  "name": "data",
-                  "type": "object",
-                  "required": true
                 }
               ]
             },
@@ -152,39 +136,9 @@
               "event": "DELETE_PAGE",
               "payloadSchema": [
                 {
-                  "name": "pageId",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.title",
+                  "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.parentId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.slug",
-                  "type": "string"
-                },
-                {
-                  "name": "row.order",
-                  "type": "number"
-                },
-                {
-                  "name": "row.documentId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.iconName",
-                  "type": "string"
                 }
               ]
             },
@@ -209,95 +163,6 @@
                   "type": "string"
                 }
               ]
-            },
-            {
-              "event": "PageSelected",
-              "payloadSchema": [
-                {
-                  "name": "pageId",
-                  "type": "string",
-                  "required": true
-                }
-              ]
-            },
-            {
-              "event": "PageNodeUpdated",
-              "payloadSchema": [
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.title",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.parentId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.slug",
-                  "type": "string"
-                },
-                {
-                  "name": "row.order",
-                  "type": "number"
-                },
-                {
-                  "name": "row.documentId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.iconName",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "PageNodeAdded",
-              "payloadSchema": [
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.title",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.parentId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.slug",
-                  "type": "string"
-                },
-                {
-                  "name": "row.order",
-                  "type": "number"
-                },
-                {
-                  "name": "row.documentId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.iconName",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "PageNodeDeleted",
-              "payloadSchema": [
-                {
-                  "name": "id",
-                  "type": "string"
-                }
-              ]
             }
           ],
           "stateMachine": {
@@ -310,7 +175,7 @@
                 "name": "browsing"
               },
               {
-                "name": "editing"
+                "name": "viewing_single"
               },
               {
                 "name": "error"
@@ -346,11 +211,11 @@
                 ]
               },
               {
-                "key": "SELECT_PAGE",
-                "name": "Select Page",
+                "key": "OPEN_PAGE",
+                "name": "Open Page",
                 "payloadSchema": [
                   {
-                    "name": "pageId",
+                    "name": "id",
                     "type": "string",
                     "required": true
                   },
@@ -360,38 +225,18 @@
                   }
                 ]
               },
-              {
-                "key": "ADD_PAGE",
-                "name": "Add Page",
-                "payloadSchema": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
               {
                 "key": "REORDER",
                 "name": "Reorder",
                 "payloadSchema": [
                   {
-                    "name": "pageId",
+                    "name": "id",
                     "type": "string",
                     "required": true
                   },
                   {
                     "name": "row",
                     "type": "PageNode"
-                  },
-                  {
-                    "name": "newOrder",
-                    "type": "number",
-                    "required": true
-                  },
-                  {
-                    "name": "newParentId",
-                    "type": "string"
                   }
                 ]
               },
@@ -400,56 +245,15 @@
                 "name": "Delete Page",
                 "payloadSchema": [
                   {
-                    "name": "pageId",
-                    "type": "string",
-                    "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "PageNode"
-                  }
-                ]
-              },
-              {
-                "key": "PageSelected",
-                "name": "Page selected",
-                "payloadSchema": [
-                  {
-                    "name": "pageId",
+                    "name": "id",
                     "type": "string",
                     "required": true
                   }
                 ]
               },
               {
-                "key": "PageNodeAdded",
-                "name": "PageNode added",
-                "payloadSchema": [
-                  {
-                    "name": "row",
-                    "type": "PageNode"
-                  }
-                ]
-              },
-              {
-                "key": "PageNodeUpdated",
-                "name": "PageNode updated",
-                "payloadSchema": [
-                  {
-                    "name": "row",
-                    "type": "PageNode"
-                  }
-                ]
-              },
-              {
-                "key": "PageNodeDeleted",
-                "name": "PageNode deleted",
-                "payloadSchema": [
-                  {
-                    "name": "id",
-                    "type": "string"
-                  }
-                ]
+                "key": "CLOSE_VIEW",
+                "name": "Close View"
               }
             ],
             "transitions": [
@@ -472,22 +276,22 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
                       "direction": "vertical",
+                      "align": "center",
                       "className": "py-12",
                       "type": "stack",
-                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "content": "Loading pages…",
+                          "color": "muted",
                           "type": "typography",
-                          "variant": "caption",
-                          "color": "muted"
+                          "variant": "caption"
                         }
-                      ],
-                      "gap": "md"
+                      ]
                     }
                   ]
                 ]
@@ -501,101 +305,110 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
                       "children": [
                         {
-                          "items": [
-                            {
-                              "label": "Workspace",
-                              "href": "/"
-                            },
+                          "children": [
                             {
-                              "label": "Pages",
-                              "href": "/pages"
+                              "name": "list-tree",
+                              "type": "icon"
                             },
                             {
-                              "label": "Browse"
+                              "content": "@config.title",
+                              "type": "typography",
+                              "variant": "h3"
                             }
                           ],
-                          "type": "breadcrumb"
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm",
+                          "direction": "horizontal"
                         },
                         {
-                          "gap": "sm",
+                          "type": "simple-grid",
+                          "cols": 4.0,
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "list-tree"
-                                },
-                                {
-                                  "content": "@config.title",
-                                  "variant": "h3",
-                                  "type": "typography"
-                                }
-                              ]
+                              "type": "stat-display",
+                              "value": "@payload.data.length",
+                              "label": "Total pages",
+                              "icon": "file-text"
                             },
                             {
-                              "icon": "plus",
-                              "label": "Add Page",
-                              "action": "ADD_PAGE",
-                              "variant": "primary",
-                              "type": "button"
+                              "type": "stat-display",
+                              "label": "Top-level",
+                              "icon": "folder",
+                              "value": "12"
+                            },
+                            {
+                              "value": "8",
+                              "icon": "edit-3",
+                              "label": "Updated this week",
+                              "type": "stat-display"
+                            },
+                            {
+                              "type": "stat-display",
+                              "label": "Drafts",
+                              "icon": "file",
+                              "value": "3"
                             }
-                          ],
-                          "justify": "between",
-                          "type": "stack",
-                          "direction": "horizontal"
+                          ]
+                        },
+                        {
+                          "type": "divider"
                         },
                         {
                           "type": "file-tree",
                           "tree": [
                             {
-                              "name": "Getting Started",
                               "children": [
                                 {
+                                  "path": "Overview.md",
+                                  "type": "file",
                                   "name": "Overview.md"
                                 },
                                 {
-                                  "name": "Quickstart.md"
+                                  "type": "file",
+                                  "name": "Quickstart.md",
+                                  "path": "Quickstart.md"
                                 }
-                              ]
+                              ],
+                              "path": "Getting Started",
+                              "name": "Getting Started",
+                              "type": "dir"
                             },
                             {
                               "name": "Architecture",
+                              "path": "Architecture",
+                              "type": "dir",
                               "children": [
                                 {
-                                  "name": "Overview.md"
+                                  "path": "Architecture/Overview.md",
+                                  "name": "Overview.md",
+                                  "type": "file"
                                 },
                                 {
-                                  "name": "State Machine.md"
-                                },
-                                {
-                                  "children": [
-                                    {
-                                      "name": "Persist.md"
-                                    },
-                                    {
-                                      "name": "Fetch.md"
-                                    }
-                                  ],
-                                  "name": "Effects"
+                                  "type": "file",
+                                  "name": "State Machine.md",
+                                  "path": "Architecture/State Machine.md"
                                 }
                               ]
                             },
                             {
+                              "name": "Runbooks",
+                              "type": "dir",
                               "children": [
                                 {
-                                  "name": "Incident.md"
+                                  "name": "Incident.md",
+                                  "path": "Runbooks/Incident.md",
+                                  "type": "file"
                                 },
                                 {
-                                  "name": "Deployment.md"
+                                  "path": "Runbooks/Deployment.md",
+                                  "name": "Deployment.md",
+                                  "type": "file"
                                 }
                               ],
-                              "name": "Runbooks"
+                              "path": "Runbooks"
                             }
                           ]
                         },
@@ -603,24 +416,22 @@
                           "type": "divider"
                         },
                         {
-                          "reorderable": true,
                           "type": "data-list",
-                          "reorderEvent": "REORDER",
                           "fields": [
                             {
                               "label": "Title",
-                              "variant": "h4",
-                              "name": "title"
+                              "name": "title",
+                              "variant": "h4"
                             },
                             {
                               "variant": "caption",
-                              "label": "Slug",
-                              "name": "slug"
+                              "name": "slug",
+                              "label": "Slug"
                             },
                             {
-                              "name": "parentId",
+                              "label": "Parent",
                               "variant": "caption",
-                              "label": "Parent"
+                              "name": "parentId"
                             },
                             {
                               "name": "order",
@@ -628,31 +439,27 @@
                               "variant": "badge"
                             }
                           ],
+                          "entity": "@payload.data",
+                          "reorderEvent": "REORDER",
+                          "reorderable": true,
                           "itemActions": [
                             {
+                              "event": "OPEN_PAGE",
                               "label": "Open",
-                              "variant": "ghost",
-                              "icon": "chevron-right",
-                              "event": "SELECT_PAGE"
+                              "variant": "primary",
+                              "icon": "arrow-right"
                             },
                             {
+                              "label": "Delete",
                               "variant": "danger",
-                              "event": "DELETE_PAGE",
                               "icon": "trash",
-                              "label": "Delete"
+                              "event": "DELETE_PAGE"
                             }
                           ],
-                          "entity": "@payload.data",
                           "gap": "sm"
-                        },
-                        {
-                          "threshold": "200px",
-                          "isLoading": false,
-                          "loadMoreEvent": "INIT",
-                          "type": "infinite-scroll-sentinel",
-                          "hasMore": true
                         }
                       ],
+                      "direction": "vertical",
                       "type": "stack",
                       "gap": "md"
                     }
@@ -668,71 +475,43 @@
                     "render-ui",
                     "main",
                     {
-                      "message": "@payload.error",
+                      "type": "alert",
                       "variant": "error",
-                      "type": "alert"
+                      "message": "@payload.error"
                     }
                   ]
                 ]
               },
               {
                 "from": "browsing",
-                "to": "editing",
-                "event": "SELECT_PAGE",
+                "to": "viewing_single",
+                "event": "OPEN_PAGE",
                 "effects": [
                   [
                     "set",
                     "@entity.id",
-                    "@payload.pageId"
+                    "@payload.row.id"
                   ],
-                  [
-                    "emit",
-                    "PageSelected",
-                    {
-                      "pageId": "@payload.pageId"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "editing",
-                "event": "ADD_PAGE",
-                "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "PageNode",
-                    "@payload.data",
-                    {
-                      "emit": {
-                        "success": "PageNodeAdded",
-                        "failure": "PageNodeLoadFailed"
-                      }
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "editing",
-                "event": "REORDER",
-                "effects": [
                   [
                     "set",
-                    "@entity.id",
-                    "@payload.pageId"
+                    "@entity.title",
+                    "@payload.row.title"
                   ],
                   [
                     "set",
-                    "@entity.title",
-                    "@payload.row.title"
+                    "@entity.parentId",
+                    "@payload.row.parentId"
                   ],
                   [
                     "set",
                     "@entity.slug",
                     "@payload.row.slug"
                   ],
+                  [
+                    "set",
+                    "@entity.order",
+                    "@payload.row.order"
+                  ],
                   [
                     "set",
                     "@entity.documentId",
@@ -744,95 +523,183 @@
                     "@payload.row.iconName"
                   ],
                   [
-                    "set",
-                    "@entity.order",
-                    "@payload.newOrder"
-                  ],
-                  [
-                    "set",
-                    "@entity.parentId",
-                    "@payload.newParentId"
-                  ],
-                  [
-                    "persist",
-                    "update",
-                    "PageNode",
-                    "@entity",
+                    "render-ui",
+                    "main",
                     {
-                      "emit": {
-                        "success": "PageNodeUpdated",
-                        "failure": "PageNodeLoadFailed"
-                      }
+                      "direction": "vertical",
+                      "type": "stack",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "gap": "sm",
+                          "align": "center",
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Back",
+                              "variant": "ghost",
+                              "action": "CLOSE_VIEW"
+                            },
+                            {
+                              "type": "icon",
+                              "name": "file-text"
+                            },
+                            {
+                              "variant": "h3",
+                              "content": "@entity.title",
+                              "type": "typography"
+                            }
+                          ],
+                          "type": "stack"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "direction": "vertical",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "content": "Slug",
+                                  "color": "muted",
+                                  "variant": "caption"
+                                },
+                                {
+                                  "content": "@entity.slug",
+                                  "type": "typography",
+                                  "variant": "body"
+                                }
+                              ],
+                              "type": "stack",
+                              "direction": "horizontal"
+                            },
+                            {
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "content": "Parent",
+                                  "variant": "caption",
+                                  "type": "typography",
+                                  "color": "muted"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": "@entity.parentId"
+                                }
+                              ]
+                            },
+                            {
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "color": "muted",
+                                  "type": "typography",
+                                  "content": "Document",
+                                  "variant": "caption"
+                                },
+                                {
+                                  "content": "@entity.documentId",
+                                  "type": "typography",
+                                  "variant": "body"
+                                }
+                              ]
+                            }
+                          ],
+                          "type": "stack"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "children": [
+                            {
+                              "value": "@entity.order",
+                              "label": "Order",
+                              "icon": "list",
+                              "type": "stat-display"
+                            },
+                            {
+                              "icon": "link",
+                              "type": "stat-display",
+                              "label": "Slug",
+                              "value": "@entity.slug"
+                            }
+                          ],
+                          "cols": 2.0,
+                          "type": "simple-grid"
+                        },
+                        {
+                          "children": [
+                            {
+                              "variant": "danger",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "type": "button",
+                              "action": "DELETE_PAGE",
+                              "label": "Delete"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "sm",
+                          "align": "center"
+                        }
+                      ]
                     }
                   ]
                 ]
               },
               {
                 "from": "browsing",
-                "to": "editing",
-                "event": "DELETE_PAGE",
+                "to": "loading",
+                "event": "REORDER",
                 "effects": [
                   [
                     "set",
                     "@entity.id",
-                    "@payload.pageId"
+                    "@payload.id"
                   ],
-                  [
-                    "persist",
-                    "delete",
-                    "PageNode",
-                    "@entity.id",
-                    {
-                      "emit": {
-                        "failure": "PageNodeLoadFailed",
-                        "success": "PageNodeDeleted"
-                      }
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "PageSelected",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.pageId"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "loading",
-                "event": "PageNodeAdded",
-                "effects": [
                   [
                     "fetch",
                     "PageNode",
                     {
                       "emit": {
-                        "failure": "PageNodeLoadFailed",
-                        "success": "PageNodeLoaded"
+                        "success": "PageNodeLoaded",
+                        "failure": "PageNodeLoadFailed"
                       }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "loading",
-                "event": "PageNodeUpdated",
-                "effects": [
+                  ],
                   [
-                    "fetch",
-                    "PageNode",
+                    "render-ui",
+                    "main",
                     {
-                      "emit": {
-                        "success": "PageNodeLoaded",
-                        "failure": "PageNodeLoadFailed"
-                      }
+                      "type": "stack",
+                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "content": "Reordering pages…",
+                          "color": "muted",
+                          "type": "typography"
+                        }
+                      ],
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -840,8 +707,13 @@
               {
                 "from": "browsing",
                 "to": "loading",
-                "event": "PageNodeDeleted",
+                "event": "DELETE_PAGE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "PageNode",
@@ -851,41 +723,35 @@
                         "failure": "PageNodeLoadFailed"
                       }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "error",
-                "event": "PageNodeLoadFailed",
-                "effects": [
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "@payload.error",
-                      "type": "alert",
-                      "variant": "error"
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Deleting page…",
+                          "color": "muted",
+                          "variant": "caption",
+                          "type": "typography"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "align": "center",
+                      "className": "py-12"
                     }
                   ]
                 ]
               },
               {
-                "from": "editing",
-                "to": "browsing",
-                "event": "PageSelected",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.pageId"
-                  ]
-                ]
-              },
-              {
-                "from": "editing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "PageNodeAdded",
+                "event": "CLOSE_VIEW",
                 "effects": [
                   [
                     "fetch",
@@ -896,31 +762,41 @@
                         "failure": "PageNodeLoadFailed"
                       }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "editing",
-                "to": "loading",
-                "event": "PageNodeUpdated",
-                "effects": [
+                  ],
                   [
-                    "fetch",
-                    "PageNode",
+                    "render-ui",
+                    "main",
                     {
-                      "emit": {
-                        "failure": "PageNodeLoadFailed",
-                        "success": "PageNodeLoaded"
-                      }
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "color": "muted",
+                          "content": "Loading pages…"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "align": "center",
+                      "className": "py-12",
+                      "type": "stack"
                     }
                   ]
                 ]
               },
               {
-                "from": "editing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "PageNodeDeleted",
+                "event": "DELETE_PAGE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "PageNode",
@@ -930,21 +806,27 @@
                         "failure": "PageNodeLoadFailed"
                       }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "editing",
-                "to": "error",
-                "event": "PageNodeLoadFailed",
-                "effects": [
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "message": "@payload.error",
-                      "variant": "error"
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "type": "typography",
+                          "content": "Deleting page…",
+                          "color": "muted"
+                        }
+                      ],
+                      "type": "stack",
+                      "gap": "md",
+                      "className": "py-12",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -959,8 +841,8 @@
                     "PageNode",
                     {
                       "emit": {
-                        "failure": "PageNodeLoadFailed",
-                        "success": "PageNodeLoaded"
+                        "success": "PageNodeLoaded",
+                        "failure": "PageNodeLoadFailed"
                       }
                     }
                   ],
@@ -968,8 +850,8 @@
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "type": "spinner",
+                      "size": "sm"
                     }
                   ]
                 ]
@@ -998,4 +880,4 @@
       ]
     }
   ]
-}
+}