@almadar/std 3.2.1 → 3.2.2

package/dist/behaviors/exports/organisms/std-cms.orb

@@ -228,7 +228,9 @@
                             }
                           ],
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
                               "type": "stack",
                               "direction": "vertical",
@@ -254,13 +256,13 @@
                                         {
                                           "type": "typography",
                                           "variant": "h4",
-                                          "content": "@entity.title"
+                                          "content": "@item.title"
                                         }
                                       ]
                                     },
                                     {
                                       "type": "badge",
-                                      "label": "@entity.slug"
+                                      "label": "@item.slug"
                                     }
                                   ]
                                 },
@@ -268,7 +270,7 @@
                                   "type": "typography",
                                   "variant": "caption",
                                   "color": "muted",
-                                  "content": "@entity.content"
+                                  "content": "@item.content"
                                 }
                               ]
                             }
@@ -386,154 +388,55 @@
                     "modal",
                     null
                   ],
-                  [
-                    "fetch",
-                    "Article"
-                  ],
-                  [
-                    "notify",
-                    "Article deleted successfully"
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CANCEL",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CLOSE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ]
-                ]
-              }
-            ]
-          },
-          "emits": [
-            {
-              "event": "PUBLISH",
-              "payload": [
-                {
-                  "name": "id",
-                  "type": "string",
-                  "required": true
-                }
-              ],
-              "scope": "external"
-            },
-            {
-              "event": "CATEGORIZE",
-              "payload": [
-                {
-                  "name": "id",
-                  "type": "string",
-                  "required": true
-                }
-              ],
-              "scope": "external"
-            }
-          ]
-        },
-        {
-          "name": "ArticleCreate",
-          "linkedEntity": "Article",
-          "category": "interaction",
-          "emits": [
-            {
-              "event": "ARTICLE_CREATED"
-            }
-          ],
-          "stateMachine": {
-            "states": [
-              {
-                "name": "closed",
-                "isInitial": true
-              },
-              {
-                "name": "open"
-              }
-            ],
-            "events": [
-              {
-                "key": "INIT",
-                "name": "Initialize"
-              },
-              {
-                "key": "CREATE",
-                "name": "Open"
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
-              },
-              {
-                "key": "SAVE",
-                "name": "Save",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              }
-            ],
-            "transitions": [
-              {
-                "from": "closed",
-                "to": "closed",
-                "event": "INIT",
-                "effects": [
-                  [
-                    "fetch",
-                    "Article"
-                  ]
-                ]
-              },
-              {
-                "from": "closed",
-                "to": "open",
-                "event": "CREATE",
-                "effects": [
                   [
                     "fetch",
                     "Article"
                   ],
                   [
                     "render-ui",
-                    "modal",
+                    "main",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "md",
+                      "gap": "lg",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
+                          "gap": "md",
+                          "justify": "space-between",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "plus-circle",
-                              "size": "md"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "file-text",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Articles",
+                                  "variant": "h2"
+                                }
+                              ]
                             },
                             {
-                              "type": "typography",
-                              "content": "Create Article",
-                              "variant": "h3"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Article",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
                             }
                           ]
                         },
@@ -541,165 +444,143 @@
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
+                          "type": "data-grid",
                           "entity": "Article",
-                          "mode": "create",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "fields": [
-                            "title",
-                            "slug",
-                            "content",
-                            "author",
-                            "status",
-                            "publishedAt"
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No articles yet",
+                          "emptyDescription": "Create your first article to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "file-text",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.title"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.slug"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.content"
+                                }
+                              ]
+                            }
                           ]
                         }
                       ]
                     }
+                  ],
+                  [
+                    "notify",
+                    "Article deleted successfully"
                   ]
                 ]
               },
               {
-                "from": "open",
-                "to": "closed",
-                "event": "CLOSE",
+                "from": "deleting",
+                "to": "browsing",
+                "event": "CANCEL",
                 "effects": [
                   [
                     "render-ui",
                     "modal",
                     null
-                  ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "SAVE",
-                "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "Article",
-                    "@payload.data"
-                  ],
-                  [
-                    "fetch",
-                    "Article"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "emit",
-                    "ARTICLE_CREATED"
-                  ],
-                  [
-                    "notify",
-                    "Article created successfully"
-                  ]
-                ]
-              }
-            ]
-          }
-        },
-        {
-          "name": "ArticleEdit",
-          "linkedEntity": "Article",
-          "category": "interaction",
-          "emits": [
-            {
-              "event": "ARTICLE_UPDATED"
-            }
-          ],
-          "stateMachine": {
-            "states": [
-              {
-                "name": "closed",
-                "isInitial": true
-              },
-              {
-                "name": "open"
-              }
-            ],
-            "events": [
-              {
-                "key": "INIT",
-                "name": "Initialize"
-              },
-              {
-                "key": "EDIT",
-                "name": "Open",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
-              },
-              {
-                "key": "SAVE",
-                "name": "Save",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              }
-            ],
-            "transitions": [
-              {
-                "from": "closed",
-                "to": "closed",
-                "event": "INIT",
-                "effects": [
+                  ],
                   [
                     "fetch",
                     "Article"
-                  ]
-                ]
-              },
-              {
-                "from": "closed",
-                "to": "open",
-                "event": "EDIT",
-                "effects": [
-                  [
-                    "fetch",
-                    "Article",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
-                    "modal",
+                    "main",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "md",
+                      "gap": "lg",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
+                          "gap": "md",
+                          "justify": "space-between",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "edit",
-                              "size": "md"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "file-text",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Articles",
+                                  "variant": "h2"
+                                }
+                              ]
                             },
                             {
-                              "type": "typography",
-                              "content": "Edit Article",
-                              "variant": "h3"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Article",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
                             }
                           ]
                         },
@@ -707,20 +588,74 @@
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
+                          "type": "data-grid",
                           "entity": "Article",
-                          "mode": "edit",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "fields": [
-                            "title",
-                            "slug",
-                            "content",
-                            "author",
-                            "status",
-                            "publishedAt"
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No articles yet",
+                          "emptyDescription": "Create your first article to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
                           ],
-                          "entityId": "@entity.id"
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "file-text",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.title"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.slug"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.content"
+                                }
+                              ]
+                            }
+                          ]
                         }
                       ]
                     }
@@ -728,27 +663,14 @@
                 ]
               },
               {
-                "from": "open",
-                "to": "closed",
+                "from": "deleting",
+                "to": "browsing",
                 "event": "CLOSE",
                 "effects": [
                   [
                     "render-ui",
                     "modal",
                     null
-                  ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
-                "event": "SAVE",
-                "effects": [
-                  [
-                    "persist",
-                    "update",
-                    "Article",
-                    "@payload.data"
                   ],
                   [
                     "fetch",
@@ -756,55 +678,199 @@
                   ],
                   [
                     "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "emit",
-                    "ARTICLE_UPDATED"
-                  ],
-                  [
-                    "notify",
-                    "Article updated successfully"
-                  ]
-                ]
-              }
-            ]
-          }
-        },
-        {
-          "name": "ArticleView",
-          "linkedEntity": "Article",
-          "category": "interaction",
-          "stateMachine": {
-            "states": [
-              {
-                "name": "closed",
-                "isInitial": true
-              },
-              {
-                "name": "open"
-              }
-            ],
-            "events": [
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "file-text",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Articles",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Article",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "Article",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No articles yet",
+                          "emptyDescription": "Create your first article to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "file-text",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.title"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.slug"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.content"
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              }
+            ]
+          },
+          "emits": [
+            {
+              "event": "PUBLISH",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                }
+              ],
+              "scope": "external"
+            },
+            {
+              "event": "CATEGORIZE",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                }
+              ],
+              "scope": "external"
+            }
+          ]
+        },
+        {
+          "name": "ArticleCreate",
+          "linkedEntity": "Article",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "ARTICLE_CREATED"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "closed",
+                "isInitial": true
+              },
+              {
+                "name": "open"
+              }
+            ],
+            "events": [
               {
                 "key": "INIT",
                 "name": "Initialize"
               },
               {
-                "key": "VIEW",
-                "name": "Open",
+                "key": "CREATE",
+                "name": "Open"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              },
+              {
+                "key": "SAVE",
+                "name": "Save",
                 "payload": [
                   {
-                    "name": "id",
-                    "type": "string",
+                    "name": "data",
+                    "type": "object",
                     "required": true
                   }
                 ]
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
               }
             ],
             "transitions": [
@@ -822,12 +888,11 @@
               {
                 "from": "closed",
                 "to": "open",
-                "event": "VIEW",
+                "event": "CREATE",
                 "effects": [
                   [
                     "fetch",
-                    "Article",
-                    "@payload.id"
+                    "Article"
                   ],
                   [
                     "render-ui",
@@ -841,17 +906,16 @@
                           "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
-                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "eye",
+                              "name": "plus-circle",
                               "size": "md"
                             },
                             {
                               "type": "typography",
-                              "variant": "h3",
-                              "content": "@entity.title"
+                              "content": "Create Article",
+                              "variant": "h3"
                             }
                           ]
                         },
@@ -859,129 +923,18 @@
                           "type": "divider"
                         },
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Title"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.title"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Slug"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.slug"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Content"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.content"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Author"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.author"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Status"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.status"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "PublishedAt"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.publishedAt"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
-                          "children": [
-                            {
-                              "type": "button",
-                              "label": "Edit",
-                              "event": "EDIT",
-                              "variant": "primary",
-                              "icon": "edit"
-                            },
-                            {
-                              "type": "button",
-                              "label": "Close",
-                              "event": "CLOSE",
-                              "variant": "ghost"
-                            }
+                          "type": "form-section",
+                          "entity": "Article",
+                          "mode": "create",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
+                          "fields": [
+                            "title",
+                            "slug",
+                            "content",
+                            "author",
+                            "status",
+                            "publishedAt"
                           ]
                         }
                       ]
@@ -1000,94 +953,57 @@
                     null
                   ]
                 ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
+                "effects": [
+                  [
+                    "persist",
+                    "create",
+                    "Article",
+                    "@payload.data"
+                  ],
+                  [
+                    "fetch",
+                    "Article"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "emit",
+                    "ARTICLE_CREATED"
+                  ],
+                  [
+                    "notify",
+                    "Article created successfully"
+                  ]
+                ]
               }
             ]
           }
-        }
-      ],
-      "pages": [
-        {
-          "name": "ArticlesPage",
-          "path": "/articles",
-          "isInitial": true,
-          "traits": [
-            {
-              "ref": "ArticleBrowse"
-            },
-            {
-              "ref": "ArticleCreate"
-            },
-            {
-              "ref": "ArticleEdit"
-            },
-            {
-              "ref": "ArticleView"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "MediaAssetOrbital",
-      "entity": {
-        "name": "MediaAsset",
-        "persistence": "persistent",
-        "collection": "mediaassets",
-        "fields": [
-          {
-            "name": "id",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "fileName",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "fileType",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "fileSize",
-            "type": "number"
-          },
-          {
-            "name": "url",
-            "type": "string"
-          },
-          {
-            "name": "altText",
-            "type": "string"
-          },
-          {
-            "name": "uploadedAt",
-            "type": "string"
-          }
-        ]
-      },
-      "traits": [
+        },
         {
-          "name": "MediaAssetBrowse",
-          "linkedEntity": "MediaAsset",
+          "name": "ArticleEdit",
+          "linkedEntity": "Article",
           "category": "interaction",
-          "listens": [
-            {
-              "event": "SAVE",
-              "triggers": "SAVE"
-            },
+          "emits": [
             {
-              "event": "PUBLISH",
-              "triggers": "INIT",
-              "scope": "external"
+              "event": "ARTICLE_UPDATED"
             }
           ],
           "stateMachine": {
             "states": [
               {
-                "name": "browsing",
+                "name": "closed",
                 "isInitial": true
+              },
+              {
+                "name": "open"
               }
             ],
             "events": [
@@ -1096,12 +1012,8 @@
                 "name": "Initialize"
               },
               {
-                "key": "CREATE",
-                "name": "CREATE"
-              },
-              {
-                "key": "VIEW",
-                "name": "VIEW",
+                "key": "EDIT",
+                "name": "Open",
                 "payload": [
                   {
                     "name": "id",
@@ -1110,9 +1022,13 @@
                   }
                 ]
               },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              },
               {
                 "key": "SAVE",
-                "name": "SAVE",
+                "name": "Save",
                 "payload": [
                   {
                     "name": "data",
@@ -1124,229 +1040,47 @@
             ],
             "transitions": [
               {
-                "from": "browsing",
-                "to": "browsing",
+                "from": "closed",
+                "to": "closed",
                 "event": "INIT",
                 "effects": [
                   [
                     "fetch",
-                    "MediaAsset"
+                    "Article"
+                  ]
+                ]
+              },
+              {
+                "from": "closed",
+                "to": "open",
+                "event": "EDIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "Article",
+                    "@payload.id"
                   ],
                   [
                     "render-ui",
-                    "main",
+                    "modal",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "lg",
+                      "gap": "md",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "md",
-                          "justify": "space-between",
+                          "gap": "sm",
                           "children": [
                             {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "image",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "Media Library",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "button",
-                                  "label": "Create MediaAsset",
-                                  "event": "CREATE",
-                                  "variant": "primary",
-                                  "icon": "plus"
-                                }
-                              ]
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "data-grid",
-                          "entity": "MediaAsset",
-                          "emptyIcon": "inbox",
-                          "emptyTitle": "No mediaassets yet",
-                          "emptyDescription": "Create your first mediaasset to get started.",
-                          "itemActions": [
-                            {
-                              "label": "View",
-                              "event": "VIEW"
-                            }
-                          ],
-                          "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "sm",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "justify": "space-between",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "stack",
-                                      "direction": "horizontal",
-                                      "gap": "sm",
-                                      "align": "center",
-                                      "children": [
-                                        {
-                                          "type": "icon",
-                                          "name": "image",
-                                          "size": "sm"
-                                        },
-                                        {
-                                          "type": "typography",
-                                          "variant": "h4",
-                                          "content": "@entity.fileName"
-                                        }
-                                      ]
-                                    },
-                                    {
-                                      "type": "badge",
-                                      "label": "@entity.fileType"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "typography",
-                                  "variant": "caption",
-                                  "color": "muted",
-                                  "content": "@entity.fileSize"
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "SAVE",
-                "effects": [
-                  [
-                    "fetch",
-                    "MediaAsset"
-                  ]
-                ]
-              }
-            ]
-          }
-        },
-        {
-          "name": "MediaAssetCreate",
-          "linkedEntity": "MediaAsset",
-          "category": "interaction",
-          "emits": [
-            {
-              "event": "SAVE"
-            }
-          ],
-          "stateMachine": {
-            "states": [
-              {
-                "name": "closed",
-                "isInitial": true
-              },
-              {
-                "name": "open"
-              }
-            ],
-            "events": [
-              {
-                "key": "INIT",
-                "name": "Initialize"
-              },
-              {
-                "key": "CREATE",
-                "name": "Open"
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
-              },
-              {
-                "key": "SAVE",
-                "name": "Save",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              }
-            ],
-            "transitions": [
-              {
-                "from": "closed",
-                "to": "closed",
-                "event": "INIT",
-                "effects": [
-                  [
-                    "fetch",
-                    "MediaAsset"
-                  ]
-                ]
-              },
-              {
-                "from": "closed",
-                "to": "open",
-                "event": "CREATE",
-                "effects": [
-                  [
-                    "fetch",
-                    "MediaAsset"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md",
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "children": [
-                            {
-                              "type": "icon",
-                              "name": "plus-circle",
-                              "size": "md"
+                              "type": "icon",
+                              "name": "edit",
+                              "size": "md"
                             },
                             {
                               "type": "typography",
-                              "content": "New MediaAsset",
+                              "content": "Edit Article",
                               "variant": "h3"
                             }
                           ]
@@ -1356,18 +1090,19 @@
                         },
                         {
                           "type": "form-section",
-                          "entity": "MediaAsset",
-                          "mode": "create",
+                          "entity": "Article",
+                          "mode": "edit",
                           "submitEvent": "SAVE",
                           "cancelEvent": "CLOSE",
                           "fields": [
-                            "fileName",
-                            "fileType",
-                            "fileSize",
-                            "url",
-                            "altText",
-                            "uploadedAt"
-                          ]
+                            "title",
+                            "slug",
+                            "content",
+                            "author",
+                            "status",
+                            "publishedAt"
+                          ],
+                          "entityId": "@entity.id"
                         }
                       ]
                     }
@@ -1393,13 +1128,13 @@
                 "effects": [
                   [
                     "persist",
-                    "create",
-                    "MediaAsset",
+                    "update",
+                    "Article",
                     "@payload.data"
                   ],
                   [
                     "fetch",
-                    "MediaAsset"
+                    "Article"
                   ],
                   [
                     "render-ui",
@@ -1408,11 +1143,11 @@
                   ],
                   [
                     "emit",
-                    "SAVE"
+                    "ARTICLE_UPDATED"
                   ],
                   [
                     "notify",
-                    "MediaAsset created successfully"
+                    "Article updated successfully"
                   ]
                 ]
               }
@@ -1420,8 +1155,8 @@
           }
         },
         {
-          "name": "MediaAssetView",
-          "linkedEntity": "MediaAsset",
+          "name": "ArticleView",
+          "linkedEntity": "Article",
           "category": "interaction",
           "stateMachine": {
             "states": [
@@ -1462,7 +1197,7 @@
                 "effects": [
                   [
                     "fetch",
-                    "MediaAsset"
+                    "Article"
                   ]
                 ]
               },
@@ -1473,7 +1208,7 @@
                 "effects": [
                   [
                     "fetch",
-                    "MediaAsset",
+                    "Article",
                     "@payload.id"
                   ],
                   [
@@ -1498,7 +1233,7 @@
                             {
                               "type": "typography",
                               "variant": "h3",
-                              "content": "@entity.fileName"
+                              "content": "@entity.title"
                             }
                           ]
                         },
@@ -1513,12 +1248,12 @@
                             {
                               "type": "typography",
                               "variant": "caption",
-                              "content": "FileName"
+                              "content": "Title"
                             },
                             {
                               "type": "typography",
                               "variant": "body",
-                              "content": "@entity.fileName"
+                              "content": "@entity.title"
                             }
                           ]
                         },
@@ -1530,12 +1265,12 @@
                             {
                               "type": "typography",
                               "variant": "caption",
-                              "content": "FileType"
+                              "content": "Slug"
                             },
                             {
                               "type": "typography",
                               "variant": "body",
-                              "content": "@entity.fileType"
+                              "content": "@entity.slug"
                             }
                           ]
                         },
@@ -1547,12 +1282,12 @@
                             {
                               "type": "typography",
                               "variant": "caption",
-                              "content": "FileSize"
+                              "content": "Content"
                             },
                             {
                               "type": "typography",
                               "variant": "body",
-                              "content": "@entity.fileSize"
+                              "content": "@entity.content"
                             }
                           ]
                         },
@@ -1564,12 +1299,12 @@
                             {
                               "type": "typography",
                               "variant": "caption",
-                              "content": "Url"
+                              "content": "Author"
                             },
                             {
                               "type": "typography",
                               "variant": "body",
-                              "content": "@entity.url"
+                              "content": "@entity.author"
                             }
                           ]
                         },
@@ -1581,12 +1316,12 @@
                             {
                               "type": "typography",
                               "variant": "caption",
-                              "content": "AltText"
+                              "content": "Status"
                             },
                             {
                               "type": "typography",
                               "variant": "body",
-                              "content": "@entity.altText"
+                              "content": "@entity.status"
                             }
                           ]
                         },
@@ -1598,12 +1333,12 @@
                             {
                               "type": "typography",
                               "variant": "caption",
-                              "content": "UploadedAt"
+                              "content": "PublishedAt"
                             },
                             {
                               "type": "typography",
                               "variant": "body",
-                              "content": "@entity.uploadedAt"
+                              "content": "@entity.publishedAt"
                             }
                           ]
                         },
@@ -1616,6 +1351,13 @@
                           "gap": "sm",
                           "justify": "end",
                           "children": [
+                            {
+                              "type": "button",
+                              "label": "Edit",
+                              "event": "EDIT",
+                              "variant": "primary",
+                              "icon": "edit"
+                            },
                             {
                               "type": "button",
                               "label": "Close",
@@ -1647,28 +1389,32 @@
       ],
       "pages": [
         {
-          "name": "MediaPage",
-          "path": "/media",
+          "name": "ArticlesPage",
+          "path": "/articles",
+          "isInitial": true,
           "traits": [
             {
-              "ref": "MediaAssetBrowse"
+              "ref": "ArticleBrowse"
             },
             {
-              "ref": "MediaAssetCreate"
+              "ref": "ArticleCreate"
             },
             {
-              "ref": "MediaAssetView"
+              "ref": "ArticleEdit"
+            },
+            {
+              "ref": "ArticleView"
             }
           ]
         }
       ]
     },
     {
-      "name": "CategoryOrbital",
+      "name": "MediaAssetOrbital",
       "entity": {
-        "name": "Category",
+        "name": "MediaAsset",
         "persistence": "persistent",
-        "collection": "categorys",
+        "collection": "mediaassets",
         "fields": [
           {
             "name": "id",
@@ -1676,46 +1422,45 @@
             "required": true
           },
           {
-            "name": "name",
+            "name": "fileName",
             "type": "string",
             "required": true
           },
           {
-            "name": "slug",
+            "name": "fileType",
             "type": "string",
             "required": true
           },
           {
-            "name": "description",
+            "name": "fileSize",
+            "type": "number"
+          },
+          {
+            "name": "url",
             "type": "string"
           },
           {
-            "name": "parentCategory",
+            "name": "altText",
             "type": "string"
           },
           {
-            "name": "articleCount",
-            "type": "number",
-            "default": 0
+            "name": "uploadedAt",
+            "type": "string"
           }
         ]
       },
       "traits": [
         {
-          "name": "CategoryBrowse",
-          "linkedEntity": "Category",
+          "name": "MediaAssetBrowse",
+          "linkedEntity": "MediaAsset",
           "category": "interaction",
           "listens": [
             {
-              "event": "CATEGORY_CREATED",
-              "triggers": "CATEGORY_CREATED"
-            },
-            {
-              "event": "CATEGORY_UPDATED",
-              "triggers": "CATEGORY_UPDATED"
+              "event": "SAVE",
+              "triggers": "SAVE"
             },
             {
-              "event": "CATEGORIZE",
+              "event": "PUBLISH",
               "triggers": "INIT",
               "scope": "external"
             }
@@ -1725,9 +1470,6 @@
               {
                 "name": "browsing",
                 "isInitial": true
-              },
-              {
-                "name": "deleting"
               }
             ],
             "events": [
@@ -1751,30 +1493,193 @@
                 ]
               },
               {
-                "key": "EDIT",
-                "name": "EDIT",
+                "key": "SAVE",
+                "name": "SAVE",
                 "payload": [
                   {
-                    "name": "id",
-                    "type": "string",
+                    "name": "data",
+                    "type": "object",
                     "required": true
                   }
                 ]
+              }
+            ],
+            "transitions": [
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "MediaAsset"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "image",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Media Library",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create MediaAsset",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "MediaAsset",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No mediaassets yet",
+                          "emptyDescription": "Create your first mediaasset to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "image",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.fileName"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.fileType"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.fileSize"
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
               },
               {
-                "key": "DELETE",
-                "name": "DELETE",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
+                "from": "browsing",
+                "to": "browsing",
+                "event": "SAVE",
+                "effects": [
+                  [
+                    "fetch",
+                    "MediaAsset"
+                  ]
                 ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "MediaAssetCreate",
+          "linkedEntity": "MediaAsset",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "SAVE"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "closed",
+                "isInitial": true
               },
               {
-                "key": "CATEGORY_CREATED",
-                "name": "CATEGORY_CREATED",
+                "name": "open"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "CREATE",
+                "name": "Open"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              },
+              {
+                "key": "SAVE",
+                "name": "Save",
                 "payload": [
                   {
                     "name": "data",
@@ -1782,37 +1687,897 @@
                     "required": true
                   }
                 ]
+              }
+            ],
+            "transitions": [
+              {
+                "from": "closed",
+                "to": "closed",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "MediaAsset"
+                  ]
+                ]
               },
               {
-                "key": "CATEGORY_UPDATED",
-                "name": "CATEGORY_UPDATED",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
+                "from": "closed",
+                "to": "open",
+                "event": "CREATE",
+                "effects": [
+                  [
+                    "fetch",
+                    "MediaAsset"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "plus-circle",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "New MediaAsset",
+                              "variant": "h3"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "form-section",
+                          "entity": "MediaAsset",
+                          "mode": "create",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
+                          "fields": [
+                            "fileName",
+                            "fileType",
+                            "fileSize",
+                            "url",
+                            "altText",
+                            "uploadedAt"
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
+                "effects": [
+                  [
+                    "persist",
+                    "create",
+                    "MediaAsset",
+                    "@payload.data"
+                  ],
+                  [
+                    "fetch",
+                    "MediaAsset"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "emit",
+                    "SAVE"
+                  ],
+                  [
+                    "notify",
+                    "MediaAsset created successfully"
+                  ]
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "MediaAssetView",
+          "linkedEntity": "MediaAsset",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "closed",
+                "isInitial": true
+              },
+              {
+                "name": "open"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "VIEW",
+                "name": "Open",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "closed",
+                "to": "closed",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "MediaAsset"
+                  ]
+                ]
+              },
+              {
+                "from": "closed",
+                "to": "open",
+                "event": "VIEW",
+                "effects": [
+                  [
+                    "fetch",
+                    "MediaAsset",
+                    "@payload.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "eye",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "h3",
+                              "content": "@entity.fileName"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "FileName"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.fileName"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "FileType"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.fileType"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "FileSize"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.fileSize"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Url"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.url"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "AltText"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.altText"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "UploadedAt"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.uploadedAt"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Close",
+                              "event": "CLOSE",
+                              "variant": "ghost"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "MediaPage",
+          "path": "/media",
+          "traits": [
+            {
+              "ref": "MediaAssetBrowse"
+            },
+            {
+              "ref": "MediaAssetCreate"
+            },
+            {
+              "ref": "MediaAssetView"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "CategoryOrbital",
+      "entity": {
+        "name": "Category",
+        "persistence": "persistent",
+        "collection": "categorys",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "name",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "slug",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "description",
+            "type": "string"
+          },
+          {
+            "name": "parentCategory",
+            "type": "string"
+          },
+          {
+            "name": "articleCount",
+            "type": "number",
+            "default": 0
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "CategoryBrowse",
+          "linkedEntity": "Category",
+          "category": "interaction",
+          "listens": [
+            {
+              "event": "CATEGORY_CREATED",
+              "triggers": "CATEGORY_CREATED"
+            },
+            {
+              "event": "CATEGORY_UPDATED",
+              "triggers": "CATEGORY_UPDATED"
+            },
+            {
+              "event": "CATEGORIZE",
+              "triggers": "INIT",
+              "scope": "external"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "browsing",
+                "isInitial": true
+              },
+              {
+                "name": "deleting"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "CREATE",
+                "name": "CREATE"
+              },
+              {
+                "key": "VIEW",
+                "name": "VIEW",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "EDIT",
+                "name": "EDIT",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "DELETE",
+                "name": "DELETE",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CATEGORY_CREATED",
+                "name": "CATEGORY_CREATED",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CATEGORY_UPDATED",
+                "name": "CATEGORY_UPDATED",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CONFIRM_DELETE",
+                "name": "Confirm Delete"
+              },
+              {
+                "key": "CANCEL",
+                "name": "Cancel"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "Category"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "folder",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Categories",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Category",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "Category",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No categorys yet",
+                          "emptyDescription": "Create your first category to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "folder",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.name"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.slug"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.description"
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "CATEGORY_CREATED",
+                "effects": [
+                  [
+                    "fetch",
+                    "Category"
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "browsing",
+                "event": "CATEGORY_UPDATED",
+                "effects": [
+                  [
+                    "fetch",
+                    "Category"
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "deleting",
+                "event": "DELETE",
+                "effects": [
+                  [
+                    "fetch",
+                    "Category",
+                    "@payload.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "trash-2",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Delete Category",
+                              "variant": "h3"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Are you sure you want to delete this category?",
+                          "variant": "body"
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Cancel",
+                              "event": "CANCEL",
+                              "variant": "ghost"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Delete",
+                              "event": "CONFIRM_DELETE",
+                              "variant": "danger",
+                              "icon": "trash"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "deleting",
+                "to": "browsing",
+                "event": "CONFIRM_DELETE",
+                "effects": [
+                  [
+                    "persist",
+                    "delete",
+                    "Category",
+                    "@entity.id"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "fetch",
+                    "Category"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "folder",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Categories",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Category",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "Category",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No categorys yet",
+                          "emptyDescription": "Create your first category to get started.",
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "folder",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.name"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.slug"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.description"
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ],
+                  [
+                    "notify",
+                    "Category deleted successfully"
+                  ]
                 ]
               },
               {
-                "key": "CONFIRM_DELETE",
-                "name": "Confirm Delete"
-              },
-              {
-                "key": "CANCEL",
-                "name": "Cancel"
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
-              }
-            ],
-            "transitions": [
-              {
-                "from": "browsing",
+                "from": "deleting",
                 "to": "browsing",
-                "event": "INIT",
+                "event": "CANCEL",
                 "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
                   [
                     "fetch",
                     "Category"
@@ -1890,7 +2655,9 @@
                             }
                           ],
                           "className": "transition-shadow hover:shadow-md cursor-pointer",
-                          "children": [
+                          "renderItem": [
+                            "fn",
+                            "item",
                             {
                               "type": "stack",
                               "direction": "vertical",
@@ -1916,13 +2683,13 @@
                                         {
                                           "type": "typography",
                                           "variant": "h4",
-                                          "content": "@entity.name"
+                                          "content": "@item.name"
                                         }
                                       ]
                                     },
                                     {
                                       "type": "badge",
-                                      "label": "@entity.slug"
+                                      "label": "@item.slug"
                                     }
                                   ]
                                 },
@@ -1930,7 +2697,7 @@
                                   "type": "typography",
                                   "variant": "caption",
                                   "color": "muted",
-                                  "content": "@entity.description"
+                                  "content": "@item.description"
                                 }
                               ]
                             }
@@ -1942,59 +2709,64 @@
                 ]
               },
               {
-                "from": "browsing",
+                "from": "deleting",
                 "to": "browsing",
-                "event": "CATEGORY_CREATED",
+                "event": "CLOSE",
                 "effects": [
                   [
-                    "fetch",
-                    "Category"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "CATEGORY_UPDATED",
-                "effects": [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
                   [
                     "fetch",
                     "Category"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "deleting",
-                "event": "DELETE",
-                "effects": [
-                  [
-                    "fetch",
-                    "Category",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
-                    "modal",
+                    "main",
                     {
                       "type": "stack",
                       "direction": "vertical",
-                      "gap": "md",
+                      "gap": "lg",
                       "children": [
                         {
                           "type": "stack",
                           "direction": "horizontal",
-                          "gap": "sm",
+                          "gap": "md",
+                          "justify": "space-between",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "trash-2",
-                              "size": "md"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "folder",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Categories",
+                                  "variant": "h2"
+                                }
+                              ]
                             },
                             {
-                              "type": "typography",
-                              "content": "Delete Category",
-                              "variant": "h3"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "button",
+                                  "label": "Create Category",
+                                  "event": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus"
+                                }
+                              ]
                             }
                           ]
                         },
@@ -2002,28 +2774,72 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "content": "Are you sure you want to delete this category?",
-                          "variant": "body"
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
-                          "children": [
+                          "type": "data-grid",
+                          "entity": "Category",
+                          "emptyIcon": "inbox",
+                          "emptyTitle": "No categorys yet",
+                          "emptyDescription": "Create your first category to get started.",
+                          "itemActions": [
                             {
-                              "type": "button",
-                              "label": "Cancel",
-                              "event": "CANCEL",
-                              "variant": "ghost"
+                              "label": "View",
+                              "event": "VIEW"
+                            },
+                            {
+                              "label": "Edit",
+                              "event": "EDIT"
                             },
                             {
-                              "type": "button",
                               "label": "Delete",
-                              "event": "CONFIRM_DELETE",
-                              "variant": "danger",
-                              "icon": "trash"
+                              "event": "DELETE",
+                              "variant": "danger"
+                            }
+                          ],
+                          "className": "transition-shadow hover:shadow-md cursor-pointer",
+                          "renderItem": [
+                            "fn",
+                            "item",
+                            {
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "sm",
+                              "children": [
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "justify": "space-between",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "stack",
+                                      "direction": "horizontal",
+                                      "gap": "sm",
+                                      "align": "center",
+                                      "children": [
+                                        {
+                                          "type": "icon",
+                                          "name": "folder",
+                                          "size": "sm"
+                                        },
+                                        {
+                                          "type": "typography",
+                                          "variant": "h4",
+                                          "content": "@item.name"
+                                        }
+                                      ]
+                                    },
+                                    {
+                                      "type": "badge",
+                                      "label": "@item.slug"
+                                    }
+                                  ]
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "@item.description"
+                                }
+                              ]
                             }
                           ]
                         }
@@ -2031,56 +2847,6 @@
                     }
                   ]
                 ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CONFIRM_DELETE",
-                "effects": [
-                  [
-                    "persist",
-                    "delete",
-                    "Category",
-                    "@entity.id"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "fetch",
-                    "Category"
-                  ],
-                  [
-                    "notify",
-                    "Category deleted successfully"
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CANCEL",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CLOSE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ]
-                ]
               }
             ]
           }