@almadar/std 14.15.1 → 14.17.0

package/behaviors/registry/app/organisms/std-crm.orb

@@ -101,7 +101,7 @@
           "ref": "AppShell.traits.AppLayout",
           "name": "ContactAppLayout",
           "config": {
-            "appName": "CRM",
+            "contentTrait": "@trait.ContactCatalog",
             "navItems": [
               {
                 "href": "/contacts",
@@ -109,14 +109,14 @@
                 "icon": "users"
               },
               {
-                "icon": "briefcase",
+                "href": "/deals",
                 "label": "Deals",
-                "href": "/deals"
+                "icon": "briefcase"
               },
               {
+                "icon": "bar-chart-2",
                 "label": "Pipeline",
-                "href": "/pipeline",
-                "icon": "bar-chart-2"
+                "href": "/pipeline"
               },
               {
                 "icon": "file-text",
@@ -124,10 +124,10 @@
                 "label": "Notes"
               }
             ],
-            "contentTrait": "@trait.ContactCatalog",
             "searchEvent": "CONTACT_SEARCH",
             "notifications": [],
-            "notificationClickEvent": "CONTACT_NOTIFICATIONS_OPEN"
+            "notificationClickEvent": "CONTACT_NOTIFICATIONS_OPEN",
+            "appName": "CRM"
           },
           "events": {
             "SEARCH": "CONTACT_SEARCH",
@@ -230,62 +230,62 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "type": "stack",
                       "direction": "vertical",
+                      "type": "stack",
+                      "gap": "lg",
                       "children": [
                         {
-                          "align": "center",
-                          "type": "stack",
                           "children": [
                             {
+                              "gap": "sm",
+                              "direction": "horizontal",
+                              "type": "stack",
                               "align": "center",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "user"
+                                  "name": "user",
+                                  "type": "icon"
                                 },
                                 {
-                                  "type": "typography",
                                   "variant": "h2",
-                                  "content": "Contacts"
+                                  "content": "Contacts",
+                                  "type": "typography"
                                 }
-                              ],
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm"
+                              ]
                             },
                             {
+                              "type": "stack",
+                              "gap": "sm",
                               "direction": "horizontal",
                               "children": [
                                 {
                                   "label": "New Contact",
                                   "type": "button",
-                                  "variant": "primary",
                                   "action": "CREATE",
-                                  "icon": "plus"
+                                  "icon": "plus",
+                                  "variant": "primary"
                                 }
-                              ],
-                              "type": "stack",
-                              "gap": "sm"
+                              ]
                             }
                           ],
-                          "gap": "md",
+                          "direction": "horizontal",
                           "justify": "between",
-                          "direction": "horizontal"
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "md"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "gap": "md",
-                          "direction": "horizontal",
                           "type": "stack",
-                          "align": "center",
+                          "gap": "md",
                           "children": [
                             "@trait.ContactSearch",
                             "@trait.ContactFilter"
-                          ]
+                          ],
+                          "align": "center",
+                          "direction": "horizontal"
                         },
                         "@trait.ContactStats",
                         "@trait.ContactGraphs",
@@ -312,34 +312,34 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "py-8",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "icon",
                           "name": "bell"
                         },
                         {
-                          "type": "typography",
                           "variant": "h3",
-                          "content": "No notifications"
+                          "content": "No notifications",
+                          "type": "typography"
                         },
                         {
-                          "content": "You're all caught up.",
-                          "color": "muted",
+                          "type": "typography",
                           "variant": "caption",
-                          "type": "typography"
+                          "content": "You're all caught up.",
+                          "color": "muted"
                         },
                         {
                           "label": "Back to contacts",
-                          "action": "INIT",
                           "variant": "ghost",
-                          "type": "button"
+                          "type": "button",
+                          "action": "INIT"
                         }
                       ],
                       "gap": "md",
-                      "type": "stack",
-                      "align": "center",
-                      "className": "py-8",
-                      "direction": "vertical"
+                      "direction": "vertical",
+                      "align": "center"
                     }
                   ]
                 ]
@@ -352,8 +352,8 @@
           "ref": "Search.traits.SearchResultSearch",
           "name": "ContactSearch",
           "config": {
-            "event": "CONTACT_SEARCH",
-            "placeholder": "Search contacts…"
+            "placeholder": "Search contacts…",
+            "event": "CONTACT_SEARCH"
           }
         },
         {
@@ -362,6 +362,9 @@
           "config": {
             "filters": [
               {
+                "filterType": "select",
+                "label": "Industry",
+                "field": "industry",
                 "options": [
                   "technology",
                   "finance",
@@ -369,21 +372,18 @@
                   "retail",
                   "manufacturing",
                   "other"
-                ],
-                "label": "Industry",
-                "field": "industry",
-                "filterType": "select"
+                ]
               },
               {
-                "label": "Lifecycle Stage",
                 "field": "lifecycleStage",
+                "label": "Lifecycle Stage",
+                "filterType": "select",
                 "options": [
                   "lead",
                   "mql",
                   "sql",
                   "customer"
-                ],
-                "filterType": "select"
+                ]
               }
             ],
             "event": "CONTACT_FILTER"
@@ -395,18 +395,17 @@
           "config": {
             "metrics": [
               {
-                "label": "Total",
                 "aggregation": "count",
+                "format": "number",
                 "icon": "users",
-                "variant": "primary",
-                "format": "number"
+                "label": "Total",
+                "variant": "primary"
               },
               {
-                "format": "number",
-                "icon": "flame",
-                "label": "Hot Leads",
                 "aggregation": "count",
+                "format": "number",
                 "variant": "warning",
+                "icon": "flame",
                 "filter": [
                   "fn",
                   "row",
@@ -415,11 +414,12 @@
                     "@row.lifecycleStage",
                     "sql"
                   ]
-                ]
+                ],
+                "label": "Hot Leads"
               },
               {
-                "label": "Customers",
-                "icon": "check-circle",
+                "aggregation": "count",
+                "variant": "success",
                 "filter": [
                   "fn",
                   "row",
@@ -429,9 +429,9 @@
                     "customer"
                   ]
                 ],
-                "variant": "success",
+                "label": "Customers",
                 "format": "number",
-                "aggregation": "count"
+                "icon": "check-circle"
               }
             ],
             "title": "Contacts"
@@ -451,13 +451,13 @@
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "ContactGraphs",
           "config": {
-            "chartType": "pie",
-            "subtitle": "Funnel breakdown",
             "aggregation": "count",
             "height": 240.0,
-            "categoryField": "lifecycleStage",
             "showLegend": true,
-            "title": "Contacts by Lifecycle Stage"
+            "title": "Contacts by Lifecycle Stage",
+            "subtitle": "Funnel breakdown",
+            "chartType": "pie",
+            "categoryField": "lifecycleStage"
           },
           "listens": [
             {
@@ -477,8 +477,8 @@
           "config": {
             "itemActions": [
               {
-                "event": "VIEW",
                 "variant": "ghost",
+                "event": "VIEW",
                 "label": "View"
               },
               {
@@ -487,16 +487,17 @@
                 "variant": "ghost"
               },
               {
-                "label": "Delete",
                 "event": "DELETE",
-                "variant": "danger"
+                "variant": "danger",
+                "label": "Delete"
               }
             ],
             "variant": "card",
+            "cols": 1.0,
             "fields": [
               {
-                "icon": "user",
                 "variant": "h3",
+                "icon": "user",
                 "name": "name"
               },
               {
@@ -512,12 +513,11 @@
                 "variant": "caption"
               },
               {
-                "variant": "caption",
-                "name": "phone"
+                "name": "phone",
+                "variant": "caption"
               }
             ],
-            "gap": "sm",
-            "cols": 1.0
+            "gap": "sm"
           },
           "listens": [
             {
@@ -568,6 +568,7 @@
           "linkedEntity": "Contact",
           "config": {
             "title": "New Contact",
+            "icon": "plus-circle",
             "mode": "create",
             "fields": [
               "name",
@@ -576,8 +577,7 @@
               "lifecycleStage",
               "email",
               "phone"
-            ],
-            "icon": "plus-circle"
+            ]
           },
           "events": {
             "OPEN": "CREATE"
@@ -598,7 +598,6 @@
           "name": "ContactEdit",
           "linkedEntity": "Contact",
           "config": {
-            "icon": "edit",
             "title": "Edit Contact",
             "fields": [
               "name",
@@ -608,7 +607,8 @@
               "email",
               "phone"
             ],
-            "mode": "edit"
+            "mode": "edit",
+            "icon": "edit"
           },
           "events": {
             "OPEN": "EDIT"
@@ -629,9 +629,8 @@
           "name": "ContactView",
           "linkedEntity": "Contact",
           "config": {
-            "icon": "eye",
-            "title": "View Contact",
             "mode": "edit",
+            "icon": "eye",
             "fields": [
               "name",
               "company",
@@ -639,7 +638,8 @@
               "lifecycleStage",
               "email",
               "phone"
-            ]
+            ],
+            "title": "View Contact"
           },
           "events": {
             "OPEN": "VIEW"
@@ -660,14 +660,14 @@
           "name": "ContactDelete",
           "linkedEntity": "Contact",
           "config": {
-            "title": "Delete Contact",
             "confirmLabel": "Delete",
+            "title": "Delete Contact",
             "icon": "alert-triangle",
             "alertMessage": "This action cannot be undone."
           },
           "events": {
-            "CONFIRM": "CONFIRM_DELETE",
-            "REQUEST": "DELETE"
+            "REQUEST": "DELETE",
+            "CONFIRM": "CONFIRM_DELETE"
           },
           "listens": [
             {
@@ -949,16 +949,16 @@
                     {
                       "direction": "horizontal",
                       "type": "stack",
+                      "gap": "sm",
                       "children": [
                         {
+                          "action": "SEND_EMAIL",
                           "variant": "ghost",
                           "type": "button",
-                          "icon": "mail",
                           "label": "Email Contact",
-                          "action": "SEND_EMAIL"
+                          "icon": "mail"
                         }
-                      ],
-                      "gap": "sm"
+                      ]
                     }
                   ]
                 ]
@@ -974,9 +974,9 @@
                     "send",
                     {
                       "subject": "Hello from CRM",
-                      "sender": "noreply@crm.example",
+                      "body": "Reaching out from your account team.",
                       "recipient": "contact@example.com",
-                      "body": "Reaching out from your account team."
+                      "sender": "noreply@crm.example"
                     },
                     {
                       "emit": {
@@ -1121,34 +1121,34 @@
           "name": "DealAppLayout",
           "linkedEntity": "Deal",
           "config": {
-            "searchEvent": "DEAL_SEARCH",
-            "topBarActions": [],
-            "notifications": [],
-            "notificationClickEvent": "DEAL_NOTIFICATIONS_OPEN",
-            "contentTrait": "@trait.DealCatalog",
             "appName": "CRM",
+            "topBarActions": [],
             "navItems": [
               {
-                "href": "/contacts",
                 "icon": "users",
-                "label": "Contacts"
+                "label": "Contacts",
+                "href": "/contacts"
               },
               {
-                "href": "/deals",
+                "icon": "briefcase",
                 "label": "Deals",
-                "icon": "briefcase"
+                "href": "/deals"
               },
               {
-                "icon": "bar-chart-2",
                 "label": "Pipeline",
+                "icon": "bar-chart-2",
                 "href": "/pipeline"
               },
               {
-                "icon": "file-text",
                 "label": "Notes",
-                "href": "/notes"
+                "href": "/notes",
+                "icon": "file-text"
               }
-            ]
+            ],
+            "contentTrait": "@trait.DealCatalog",
+            "notifications": [],
+            "searchEvent": "DEAL_SEARCH",
+            "notificationClickEvent": "DEAL_NOTIFICATIONS_OPEN"
           },
           "events": {
             "SEARCH": "DEAL_SEARCH",
@@ -1197,55 +1197,55 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "type": "stack",
                       "direction": "vertical",
+                      "type": "stack",
                       "children": [
                         {
-                          "justify": "between",
-                          "gap": "md",
-                          "align": "center",
                           "children": [
                             {
                               "gap": "sm",
-                              "type": "stack",
                               "align": "center",
+                              "direction": "horizontal",
                               "children": [
                                 {
                                   "name": "briefcase",
                                   "type": "icon"
                                 },
                                 {
-                                  "content": "Deals",
+                                  "variant": "h2",
                                   "type": "typography",
-                                  "variant": "h2"
+                                  "content": "Deals"
                                 }
                               ],
-                              "direction": "horizontal"
+                              "type": "stack"
                             },
                             {
                               "direction": "horizontal",
                               "gap": "sm",
                               "children": [
                                 {
-                                  "type": "button",
-                                  "action": "CREATE",
                                   "variant": "primary",
+                                  "action": "CREATE",
                                   "icon": "plus",
-                                  "label": "New Deal"
+                                  "label": "New Deal",
+                                  "type": "button"
                                 }
                               ],
                               "type": "stack"
                             }
                           ],
+                          "gap": "md",
+                          "justify": "between",
                           "direction": "horizontal",
+                          "align": "center",
                           "type": "stack"
                         },
                         {
                           "type": "divider"
                         },
                         "@trait.DealBrowseList"
-                      ]
+                      ],
+                      "gap": "lg"
                     }
                   ]
                 ]
@@ -1260,48 +1260,48 @@
           "linkedEntity": "Deal",
           "config": {
             "cols": 2.0,
+            "itemActions": [
+              {
+                "label": "View",
+                "variant": "ghost",
+                "event": "VIEW"
+              },
+              {
+                "label": "Edit",
+                "event": "EDIT",
+                "variant": "ghost"
+              },
+              {
+                "variant": "danger",
+                "event": "DELETE",
+                "label": "Delete"
+              }
+            ],
             "fields": [
               {
-                "variant": "h3",
                 "name": "title",
-                "icon": "briefcase"
+                "icon": "briefcase",
+                "variant": "h3"
               },
               {
-                "name": "stage",
-                "variant": "badge"
+                "variant": "badge",
+                "name": "stage"
               },
               {
-                "name": "amount",
                 "variant": "h4",
+                "name": "amount",
                 "format": "currency"
               },
               {
+                "variant": "caption",
                 "name": "contactId",
-                "label": "Contact",
-                "variant": "caption"
+                "label": "Contact"
               },
               {
-                "label": "Closed At",
                 "variant": "caption",
+                "format": "date",
                 "name": "closedAt",
-                "format": "date"
-              }
-            ],
-            "itemActions": [
-              {
-                "event": "VIEW",
-                "label": "View",
-                "variant": "ghost"
-              },
-              {
-                "label": "Edit",
-                "event": "EDIT",
-                "variant": "ghost"
-              },
-              {
-                "label": "Delete",
-                "event": "DELETE",
-                "variant": "danger"
+                "label": "Closed At"
               }
             ],
             "gap": "md",
@@ -1340,15 +1340,15 @@
           "linkedEntity": "Deal",
           "config": {
             "mode": "create",
-            "icon": "plus-circle",
-            "title": "New Deal",
             "fields": [
               "title",
               "contactId",
               "amount",
               "stage",
               "closedAt"
-            ]
+            ],
+            "icon": "plus-circle",
+            "title": "New Deal"
           },
           "events": {
             "OPEN": "CREATE"
@@ -1371,14 +1371,14 @@
           "config": {
             "icon": "edit",
             "title": "Edit Deal",
-            "mode": "edit",
             "fields": [
               "title",
               "contactId",
               "amount",
               "stage",
               "closedAt"
-            ]
+            ],
+            "mode": "edit"
           },
           "events": {
             "OPEN": "EDIT"
@@ -1399,7 +1399,6 @@
           "name": "DealView",
           "linkedEntity": "Deal",
           "config": {
-            "mode": "edit",
             "fields": [
               "title",
               "contactId",
@@ -1408,7 +1407,8 @@
               "closedAt"
             ],
             "icon": "eye",
-            "title": "View Deal"
+            "title": "View Deal",
+            "mode": "edit"
           },
           "events": {
             "OPEN": "VIEW"
@@ -1429,10 +1429,10 @@
           "name": "DealDelete",
           "linkedEntity": "Deal",
           "config": {
-            "alertMessage": "This action cannot be undone.",
             "confirmLabel": "Delete",
+            "icon": "alert-triangle",
             "title": "Delete Deal",
-            "icon": "alert-triangle"
+            "alertMessage": "This action cannot be undone."
           },
           "events": {
             "CONFIRM": "CONFIRM_DELETE",
@@ -1716,34 +1716,34 @@
           "name": "PipelineAppLayout",
           "linkedEntity": "Pipeline",
           "config": {
-            "searchEvent": "PIPELINE_SEARCH",
-            "notificationClickEvent": "PIPELINE_NOTIFICATIONS_OPEN",
             "appName": "CRM",
-            "topBarActions": [],
-            "notifications": [],
-            "contentTrait": "@trait.PipelineDisplay",
             "navItems": [
               {
                 "label": "Contacts",
-                "href": "/contacts",
-                "icon": "users"
+                "icon": "users",
+                "href": "/contacts"
               },
               {
                 "label": "Deals",
-                "href": "/deals",
-                "icon": "briefcase"
+                "icon": "briefcase",
+                "href": "/deals"
               },
               {
                 "href": "/pipeline",
-                "label": "Pipeline",
-                "icon": "bar-chart-2"
+                "icon": "bar-chart-2",
+                "label": "Pipeline"
               },
               {
+                "icon": "file-text",
                 "label": "Notes",
-                "href": "/notes",
-                "icon": "file-text"
+                "href": "/notes"
               }
-            ]
+            ],
+            "topBarActions": [],
+            "notificationClickEvent": "PIPELINE_NOTIFICATIONS_OPEN",
+            "notifications": [],
+            "contentTrait": "@trait.PipelineDisplay",
+            "searchEvent": "PIPELINE_SEARCH"
           },
           "events": {
             "SEARCH": "PIPELINE_SEARCH",
@@ -1871,41 +1871,39 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "lg",
-                      "direction": "vertical",
                       "children": [
                         {
-                          "justify": "between",
-                          "type": "stack",
-                          "align": "center",
+                          "gap": "md",
                           "children": [
                             {
-                              "type": "stack",
-                              "gap": "sm",
-                              "align": "center",
-                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "bar-chart-2"
+                                  "name": "bar-chart-2",
+                                  "type": "icon"
                                 },
                                 {
-                                  "type": "typography",
+                                  "content": "Pipeline",
                                   "variant": "h2",
-                                  "content": "Pipeline"
+                                  "type": "typography"
                                 }
-                              ]
+                              ],
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center"
                             },
                             {
+                              "variant": "secondary",
                               "type": "button",
-                              "action": "REFRESH",
                               "icon": "rotate-ccw",
-                              "label": "Refresh",
-                              "variant": "secondary"
+                              "action": "REFRESH",
+                              "label": "Refresh"
                             }
                           ],
+                          "type": "stack",
                           "direction": "horizontal",
-                          "gap": "md"
+                          "justify": "between",
+                          "align": "center"
                         },
                         {
                           "type": "divider"
@@ -1913,33 +1911,35 @@
                         {
                           "children": [
                             {
-                              "label": "Total Deals",
                               "type": "stat-display",
-                              "value": "@entity.totalDeals"
+                              "value": "@entity.totalDeals",
+                              "label": "Total Deals"
                             },
                             {
-                              "type": "stat-display",
                               "label": "Pipeline Value",
                               "value": "@entity.totalValue",
+                              "type": "stat-display",
                               "format": "currency"
                             },
                             {
                               "label": "Won",
-                              "type": "stat-display",
-                              "value": "@entity.wonDeals"
+                              "value": "@entity.wonDeals",
+                              "type": "stat-display"
                             },
                             {
+                              "format": "percent",
                               "value": "@entity.conversionRate",
                               "type": "stat-display",
-                              "label": "Conversion Rate",
-                              "format": "percent"
+                              "label": "Conversion Rate"
                             }
                           ],
                           "type": "simple-grid",
                           "cols": 4.0
                         }
                       ],
-                      "type": "stack"
+                      "type": "stack",
+                      "gap": "lg",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -1954,8 +1954,8 @@
                     "Pipeline",
                     {
                       "emit": {
-                        "failure": "PipelineLoadFailed",
-                        "success": "PipelineLoaded"
+                        "success": "PipelineLoaded",
+                        "failure": "PipelineLoadFailed"
                       }
                     }
                   ]
@@ -2063,38 +2063,38 @@
           "name": "NoteAppLayout",
           "linkedEntity": "Note",
           "config": {
-            "searchEvent": "NOTE_SEARCH",
             "topBarActions": [],
             "notifications": [],
-            "notificationClickEvent": "NOTE_NOTIFICATIONS_OPEN",
-            "contentTrait": "@trait.NoteCatalog",
             "appName": "CRM",
+            "contentTrait": "@trait.NoteCatalog",
+            "notificationClickEvent": "NOTE_NOTIFICATIONS_OPEN",
             "navItems": [
               {
                 "href": "/contacts",
-                "label": "Contacts",
-                "icon": "users"
+                "icon": "users",
+                "label": "Contacts"
               },
               {
+                "href": "/deals",
                 "icon": "briefcase",
-                "label": "Deals",
-                "href": "/deals"
+                "label": "Deals"
               },
               {
-                "label": "Pipeline",
                 "icon": "bar-chart-2",
-                "href": "/pipeline"
+                "href": "/pipeline",
+                "label": "Pipeline"
               },
               {
                 "href": "/notes",
                 "icon": "file-text",
                 "label": "Notes"
               }
-            ]
+            ],
+            "searchEvent": "NOTE_SEARCH"
           },
           "events": {
-            "NOTIFY_CLICK": "NOTE_NOTIFICATIONS_OPEN",
-            "SEARCH": "NOTE_SEARCH"
+            "SEARCH": "NOTE_SEARCH",
+            "NOTIFY_CLICK": "NOTE_NOTIFICATIONS_OPEN"
           }
         },
         {
@@ -2140,55 +2140,54 @@
                     "main",
                     {
                       "direction": "vertical",
-                      "type": "stack",
                       "gap": "lg",
                       "children": [
                         {
-                          "justify": "between",
+                          "align": "center",
                           "direction": "horizontal",
                           "type": "stack",
-                          "align": "center",
                           "children": [
                             {
-                              "direction": "horizontal",
                               "type": "stack",
+                              "align": "center",
+                              "gap": "sm",
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "type": "icon",
-                                  "name": "file-text"
+                                  "name": "file-text",
+                                  "type": "icon"
                                 },
                                 {
                                   "type": "typography",
                                   "variant": "h2",
                                   "content": "Notes"
                                 }
-                              ],
-                              "gap": "sm",
-                              "align": "center"
+                              ]
                             },
                             {
+                              "gap": "sm",
                               "children": [
                                 {
-                                  "action": "CREATE",
-                                  "type": "button",
                                   "label": "New Note",
+                                  "type": "button",
+                                  "variant": "primary",
                                   "icon": "edit",
-                                  "variant": "primary"
+                                  "action": "CREATE"
                                 }
                               ],
-                              "direction": "horizontal",
                               "type": "stack",
-                              "gap": "sm"
+                              "direction": "horizontal"
                             }
                           ],
-                          "gap": "md"
+                          "gap": "md",
+                          "justify": "between"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "variant": "h3",
                           "type": "typography",
+                          "variant": "h3",
                           "content": "Follow-Up Calendar"
                         },
                         "@trait.NoteCalendar",
@@ -2196,7 +2195,8 @@
                           "type": "divider"
                         },
                         "@trait.NoteBrowseList"
-                      ]
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -2210,8 +2210,23 @@
           "name": "NoteBrowseList",
           "linkedEntity": "Note",
           "config": {
-            "variant": "card",
-            "cols": 1.0,
+            "itemActions": [
+              {
+                "variant": "ghost",
+                "event": "VIEW",
+                "label": "View"
+              },
+              {
+                "event": "EDIT",
+                "label": "Edit",
+                "variant": "ghost"
+              },
+              {
+                "label": "Delete",
+                "event": "DELETE",
+                "variant": "danger"
+              }
+            ],
             "fields": [
               {
                 "name": "subject",
@@ -2227,35 +2242,20 @@
                 "name": "author"
               },
               {
-                "name": "followUpAt",
                 "format": "date",
                 "label": "Follow-Up",
-                "variant": "caption"
+                "variant": "caption",
+                "name": "followUpAt"
               },
               {
-                "name": "createdAt",
                 "label": "Created",
                 "variant": "caption",
-                "format": "date"
-              }
-            ],
-            "itemActions": [
-              {
-                "label": "View",
-                "event": "VIEW",
-                "variant": "ghost"
-              },
-              {
-                "event": "EDIT",
-                "variant": "ghost",
-                "label": "Edit"
-              },
-              {
-                "label": "Delete",
-                "event": "DELETE",
-                "variant": "danger"
+                "format": "date",
+                "name": "createdAt"
               }
             ],
+            "cols": 1.0,
+            "variant": "card",
             "gap": "sm"
           },
           "listens": [
@@ -2290,9 +2290,9 @@
           "name": "NoteCalendar",
           "linkedEntity": "Note",
           "config": {
-            "titleField": "subject",
+            "colorField": "priority",
             "dateField": "followUpAt",
-            "colorField": "priority"
+            "titleField": "subject"
           }
         },
         {
@@ -2302,14 +2302,14 @@
           "config": {
             "icon": "plus-circle",
             "mode": "create",
+            "title": "New Note",
             "fields": [
               "subject",
               "body",
               "author",
               "priority",
               "followUpAt"
-            ],
-            "title": "New Note"
+            ]
           },
           "events": {
             "OPEN": "CREATE"
@@ -2330,16 +2330,16 @@
           "name": "NoteEdit",
           "linkedEntity": "Note",
           "config": {
-            "title": "Edit Note",
-            "icon": "edit",
-            "mode": "edit",
             "fields": [
               "subject",
               "body",
               "author",
               "priority",
               "followUpAt"
-            ]
+            ],
+            "icon": "edit",
+            "mode": "edit",
+            "title": "Edit Note"
           },
           "events": {
             "OPEN": "EDIT"
@@ -2360,8 +2360,6 @@
           "name": "NoteView",
           "linkedEntity": "Note",
           "config": {
-            "icon": "eye",
-            "mode": "edit",
             "fields": [
               "subject",
               "body",
@@ -2369,7 +2367,9 @@
               "priority",
               "followUpAt"
             ],
-            "title": "View Note"
+            "icon": "eye",
+            "title": "View Note",
+            "mode": "edit"
           },
           "events": {
             "OPEN": "VIEW"
@@ -2390,10 +2390,10 @@
           "name": "NoteDelete",
           "linkedEntity": "Note",
           "config": {
-            "icon": "alert-triangle",
-            "alertMessage": "This action cannot be undone.",
             "title": "Delete Note",
-            "confirmLabel": "Delete"
+            "alertMessage": "This action cannot be undone.",
+            "confirmLabel": "Delete",
+            "icon": "alert-triangle"
           },
           "events": {
             "REQUEST": "DELETE",