@almadar/std 14.25.0 → 14.27.0

package/behaviors/registry/app/atoms/std-event.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-event",
   "version": "1.0.0",
-  "description": "std-event — event-ticketing event entity. Owns an EventRecord (date, venue, capacity, RFC5545 recurrenceRule, status). Browses events in a data-grid with Edit / Publish / Cancel actions; CREATE/UPDATE/PUBLISH/CANCEL persist a draft and re-fetch.",
+  "description": "std-event — event-ticketing event entity (date, venue, capacity, recurrenceRule, status). Lists events in `browsing`; opens detail in `viewing_single` with Publish / Cancel / Update actions.",
   "orbitals": [
     {
       "name": "EventOrbital",
@@ -82,20 +82,10 @@
           "linkedEntity": "EventRecord",
           "emits": [
             {
-              "event": "CREATE",
+              "event": "OPEN_EVENT",
               "payloadSchema": [
                 {
-                  "name": "data",
-                  "type": "object",
-                  "required": true
-                }
-              ]
-            },
-            {
-              "event": "UPDATE",
-              "payloadSchema": [
-                {
-                  "name": "eventId",
+                  "name": "id",
                   "type": "string",
                   "required": true
                 },
@@ -154,408 +144,60 @@
                 {
                   "name": "row.createdAt",
                   "type": "string"
-                },
-                {
-                  "name": "data",
-                  "type": "object",
-                  "required": true
                 }
               ]
             },
             {
-              "event": "PUBLISH",
-              "payloadSchema": [
-                {
-                  "name": "eventId",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.description",
-                  "type": "string"
-                },
-                {
-                  "name": "row.venue",
-                  "type": "string"
-                },
-                {
-                  "name": "row.lat",
-                  "type": "number"
-                },
-                {
-                  "name": "row.lng",
-                  "type": "number"
-                },
-                {
-                  "name": "row.startsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.endsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.recurrenceRule",
-                  "type": "string"
-                },
-                {
-                  "name": "row.capacity",
-                  "type": "number"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.organizerId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.createdAt",
-                  "type": "string"
-                }
-              ]
+              "event": "CLOSE_VIEW"
             },
             {
-              "event": "CANCEL",
+              "event": "PUBLISH",
               "payloadSchema": [
                 {
                   "name": "eventId",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.description",
-                  "type": "string"
-                },
-                {
-                  "name": "row.venue",
-                  "type": "string"
-                },
-                {
-                  "name": "row.lat",
-                  "type": "number"
-                },
-                {
-                  "name": "row.lng",
-                  "type": "number"
-                },
-                {
-                  "name": "row.startsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.endsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.recurrenceRule",
-                  "type": "string"
-                },
-                {
-                  "name": "row.capacity",
-                  "type": "number"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.organizerId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.createdAt",
-                  "type": "string"
                 }
               ]
             },
             {
-              "event": "EventLoaded",
-              "payloadSchema": [
-                {
-                  "name": "data",
-                  "type": "[EventRecord]"
-                }
-              ]
-            },
-            {
-              "event": "EventLoadFailed",
-              "payloadSchema": [
-                {
-                  "name": "error",
-                  "type": "string"
-                },
-                {
-                  "name": "code",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "EventCreated",
+              "event": "UPDATE",
               "payloadSchema": [
                 {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.description",
-                  "type": "string"
-                },
-                {
-                  "name": "row.venue",
-                  "type": "string"
-                },
-                {
-                  "name": "row.lat",
-                  "type": "number"
-                },
-                {
-                  "name": "row.lng",
-                  "type": "number"
-                },
-                {
-                  "name": "row.startsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.endsAt",
+                  "name": "eventId",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.recurrenceRule",
-                  "type": "string"
-                },
-                {
-                  "name": "row.capacity",
-                  "type": "number"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.organizerId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.createdAt",
-                  "type": "string"
                 }
               ]
             },
             {
-              "event": "EventUpdated",
+              "event": "CANCEL",
               "payloadSchema": [
                 {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.description",
-                  "type": "string"
-                },
-                {
-                  "name": "row.venue",
-                  "type": "string"
-                },
-                {
-                  "name": "row.lat",
-                  "type": "number"
-                },
-                {
-                  "name": "row.lng",
-                  "type": "number"
-                },
-                {
-                  "name": "row.startsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.endsAt",
+                  "name": "eventId",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.recurrenceRule",
-                  "type": "string"
-                },
-                {
-                  "name": "row.capacity",
-                  "type": "number"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.organizerId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.createdAt",
-                  "type": "string"
                 }
               ]
             },
             {
-              "event": "EventPublished",
+              "event": "EventLoaded",
               "payloadSchema": [
                 {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.description",
-                  "type": "string"
-                },
-                {
-                  "name": "row.venue",
-                  "type": "string"
-                },
-                {
-                  "name": "row.lat",
-                  "type": "number"
-                },
-                {
-                  "name": "row.lng",
-                  "type": "number"
-                },
-                {
-                  "name": "row.startsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.endsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.recurrenceRule",
-                  "type": "string"
-                },
-                {
-                  "name": "row.capacity",
-                  "type": "number"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.organizerId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.createdAt",
-                  "type": "string"
+                  "name": "data",
+                  "type": "[EventRecord]"
                 }
               ]
             },
             {
-              "event": "EventCancelled",
-              "payloadSchema": [
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.description",
-                  "type": "string"
-                },
-                {
-                  "name": "row.venue",
-                  "type": "string"
-                },
-                {
-                  "name": "row.lat",
-                  "type": "number"
-                },
-                {
-                  "name": "row.lng",
-                  "type": "number"
-                },
-                {
-                  "name": "row.startsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.endsAt",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.recurrenceRule",
-                  "type": "string"
-                },
-                {
-                  "name": "row.capacity",
-                  "type": "number"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
+              "event": "EventLoadFailed",
+              "payloadSchema": [
                 {
-                  "name": "row.organizerId",
+                  "name": "error",
                   "type": "string"
                 },
                 {
-                  "name": "row.createdAt",
+                  "name": "code",
                   "type": "string"
                 }
               ]
@@ -571,7 +213,7 @@
                 "name": "browsing"
               },
               {
-                "name": "editing"
+                "name": "viewing_single"
               },
               {
                 "name": "error"
@@ -607,42 +249,11 @@
                 ]
               },
               {
-                "key": "CREATE",
-                "name": "Create",
-                "payloadSchema": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "UPDATE",
-                "name": "Update",
-                "payloadSchema": [
-                  {
-                    "name": "eventId",
-                    "type": "string",
-                    "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "EventRecord"
-                  },
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "PUBLISH",
-                "name": "Publish",
+                "key": "OPEN_EVENT",
+                "name": "Open Event",
                 "payloadSchema": [
                   {
-                    "name": "eventId",
+                    "name": "id",
                     "type": "string",
                     "required": true
                   },
@@ -660,50 +271,32 @@
                     "name": "eventId",
                     "type": "string",
                     "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "EventRecord"
-                  }
-                ]
-              },
-              {
-                "key": "EventCreated",
-                "name": "Event created",
-                "payloadSchema": [
-                  {
-                    "name": "row",
-                    "type": "EventRecord"
                   }
                 ]
               },
               {
-                "key": "EventUpdated",
-                "name": "Event updated",
-                "payloadSchema": [
-                  {
-                    "name": "row",
-                    "type": "EventRecord"
-                  }
-                ]
+                "key": "CLOSE_VIEW",
+                "name": "Close View"
               },
               {
-                "key": "EventPublished",
-                "name": "Event published",
+                "key": "PUBLISH",
+                "name": "Publish",
                 "payloadSchema": [
                   {
-                    "name": "row",
-                    "type": "EventRecord"
+                    "name": "eventId",
+                    "type": "string",
+                    "required": true
                   }
                 ]
               },
               {
-                "key": "EventCancelled",
-                "name": "Event cancelled",
+                "key": "UPDATE",
+                "name": "Update",
                 "payloadSchema": [
                   {
-                    "name": "row",
-                    "type": "EventRecord"
+                    "name": "eventId",
+                    "type": "string",
+                    "required": true
                   }
                 ]
               }
@@ -719,8 +312,8 @@
                     "EventRecord",
                     {
                       "emit": {
-                        "failure": "EventLoadFailed",
-                        "success": "EventLoaded"
+                        "success": "EventLoaded",
+                        "failure": "EventLoadFailed"
                       }
                     }
                   ],
@@ -728,21 +321,21 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
+                          "content": "Loading events…",
                           "color": "muted",
                           "variant": "caption",
-                          "content": "Loading events…"
+                          "type": "typography"
                         }
                       ],
+                      "type": "stack",
                       "gap": "md",
                       "className": "py-12",
-                      "direction": "vertical",
                       "align": "center"
                     }
                   ]
@@ -757,9 +350,10 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
+                          "direction": "horizontal",
                           "gap": "sm",
                           "children": [
                             {
@@ -767,47 +361,52 @@
                               "name": "calendar"
                             },
                             {
-                              "content": "@config.title",
                               "variant": "h3",
+                              "content": "@config.title",
                               "type": "typography"
-                            },
-                            {
-                              "icon": "plus",
-                              "type": "button",
-                              "label": "New Event",
-                              "variant": "primary",
-                              "action": "CREATE"
                             }
                           ],
-                          "type": "stack",
-                          "direction": "horizontal"
-                        },
-                        {
-                          "type": "divider"
+                          "align": "center",
+                          "type": "stack"
                         },
                         {
-                          "cols": 1.0,
-                          "itemActions": [
+                          "type": "simple-grid",
+                          "children": [
                             {
-                              "variant": "secondary",
-                              "icon": "edit",
-                              "event": "UPDATE",
-                              "label": "Edit"
+                              "type": "stat-display",
+                              "icon": "calendar",
+                              "label": "Total events",
+                              "value": "@payload.data.length"
                             },
                             {
-                              "variant": "primary",
-                              "label": "Publish",
-                              "event": "PUBLISH",
-                              "icon": "send"
+                              "label": "Published",
+                              "type": "stat-display",
+                              "value": "28",
+                              "icon": "check-circle"
                             },
                             {
-                              "label": "Cancel",
-                              "variant": "danger",
-                              "icon": "x",
-                              "event": "CANCEL"
+                              "label": "Tickets sold",
+                              "type": "stat-display",
+                              "value": "4,820",
+                              "icon": "ticket"
+                            },
+                            {
+                              "icon": "alert-circle",
+                              "label": "Sold-out",
+                              "value": "6",
+                              "type": "stat-display"
                             }
                           ],
+                          "cols": 4.0
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "cols": 1.0,
+                          "gap": "sm",
                           "type": "data-grid",
+                          "entity": "@payload.data",
                           "fields": [
                             {
                               "name": "name",
@@ -815,23 +414,23 @@
                               "variant": "caption"
                             },
                             {
-                              "label": "Venue",
                               "variant": "caption",
-                              "name": "venue"
+                              "name": "venue",
+                              "label": "Venue"
                             },
                             {
-                              "label": "Starts",
                               "name": "startsAt",
+                              "label": "Starts",
                               "variant": "caption"
                             },
                             {
-                              "label": "Ends",
                               "variant": "caption",
-                              "name": "endsAt"
+                              "name": "endsAt",
+                              "label": "Ends"
                             },
                             {
-                              "name": "capacity",
                               "label": "Capacity",
+                              "name": "capacity",
                               "variant": "caption"
                             },
                             {
@@ -840,12 +439,24 @@
                               "name": "status"
                             }
                           ],
-                          "gap": "sm",
-                          "entity": "@payload.data"
+                          "itemActions": [
+                            {
+                              "variant": "primary",
+                              "event": "OPEN_EVENT",
+                              "label": "Open",
+                              "icon": "arrow-right"
+                            },
+                            {
+                              "variant": "danger",
+                              "event": "CANCEL",
+                              "icon": "x",
+                              "label": "Cancel"
+                            }
+                          ]
                         }
                       ],
                       "direction": "vertical",
-                      "type": "stack"
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -861,173 +472,46 @@
                     {
                       "type": "alert",
                       "variant": "error",
-                      "message": "@payload.error"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "loading",
-                "event": "CREATE",
-                "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "EventRecord",
-                    "@payload.data",
-                    {
-                      "emit": {
-                        "failure": "EventLoadFailed",
-                        "success": "EventCreated"
-                      }
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "editing",
-                "event": "UPDATE",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.eventId"
-                  ],
-                  [
-                    "set",
-                    "@entity.name",
-                    "@payload.row.name"
-                  ],
-                  [
-                    "set",
-                    "@entity.description",
-                    "@payload.row.description"
-                  ],
-                  [
-                    "set",
-                    "@entity.venue",
-                    "@payload.row.venue"
-                  ],
-                  [
-                    "set",
-                    "@entity.lat",
-                    "@payload.row.lat"
-                  ],
-                  [
-                    "set",
-                    "@entity.lng",
-                    "@payload.row.lng"
-                  ],
-                  [
-                    "set",
-                    "@entity.startsAt",
-                    "@payload.row.startsAt"
-                  ],
-                  [
-                    "set",
-                    "@entity.endsAt",
-                    "@payload.row.endsAt"
-                  ],
-                  [
-                    "set",
-                    "@entity.recurrenceRule",
-                    "@payload.row.recurrenceRule"
-                  ],
-                  [
-                    "set",
-                    "@entity.capacity",
-                    "@payload.row.capacity"
-                  ],
-                  [
-                    "set",
-                    "@entity.status",
-                    "@payload.row.status"
-                  ],
-                  [
-                    "set",
-                    "@entity.organizerId",
-                    "@payload.row.organizerId"
-                  ],
-                  [
-                    "set",
-                    "@entity.createdAt",
-                    "@payload.row.createdAt"
-                  ],
-                  [
-                    "persist",
-                    "update",
-                    "EventRecord",
-                    "@payload.data",
-                    {
-                      "emit": {
-                        "success": "EventUpdated",
-                        "failure": "EventLoadFailed"
-                      }
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "loading",
-                "event": "PUBLISH",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.eventId"
-                  ],
-                  [
-                    "set",
-                    "@entity.name",
-                    "@payload.row.name"
-                  ],
-                  [
-                    "set",
-                    "@entity.startsAt",
-                    "@payload.row.startsAt"
-                  ],
-                  [
-                    "set",
-                    "@entity.endsAt",
-                    "@payload.row.endsAt"
-                  ],
-                  [
-                    "set",
-                    "@entity.status",
-                    "published"
-                  ],
-                  [
-                    "persist",
-                    "update",
-                    "EventRecord",
-                    "@entity",
-                    {
-                      "emit": {
-                        "failure": "EventLoadFailed",
-                        "success": "EventPublished"
-                      }
+                      "message": "@payload.error"
                     }
                   ]
                 ]
               },
               {
                 "from": "browsing",
-                "to": "loading",
-                "event": "CANCEL",
+                "to": "viewing_single",
+                "event": "OPEN_EVENT",
                 "effects": [
                   [
                     "set",
                     "@entity.id",
-                    "@payload.eventId"
+                    "@payload.row.id"
                   ],
                   [
                     "set",
                     "@entity.name",
                     "@payload.row.name"
                   ],
+                  [
+                    "set",
+                    "@entity.description",
+                    "@payload.row.description"
+                  ],
+                  [
+                    "set",
+                    "@entity.venue",
+                    "@payload.row.venue"
+                  ],
+                  [
+                    "set",
+                    "@entity.lat",
+                    "@payload.row.lat"
+                  ],
+                  [
+                    "set",
+                    "@entity.lng",
+                    "@payload.row.lng"
+                  ],
                   [
                     "set",
                     "@entity.startsAt",
@@ -1038,21 +522,221 @@
                     "@entity.endsAt",
                     "@payload.row.endsAt"
                   ],
+                  [
+                    "set",
+                    "@entity.recurrenceRule",
+                    "@payload.row.recurrenceRule"
+                  ],
+                  [
+                    "set",
+                    "@entity.capacity",
+                    "@payload.row.capacity"
+                  ],
                   [
                     "set",
                     "@entity.status",
-                    "cancelled"
+                    "@payload.row.status"
                   ],
                   [
-                    "persist",
-                    "update",
-                    "EventRecord",
-                    "@entity",
+                    "set",
+                    "@entity.organizerId",
+                    "@payload.row.organizerId"
+                  ],
+                  [
+                    "set",
+                    "@entity.createdAt",
+                    "@payload.row.createdAt"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
                     {
-                      "emit": {
-                        "success": "EventCancelled",
-                        "failure": "EventLoadFailed"
-                      }
+                      "type": "stack",
+                      "children": [
+                        {
+                          "direction": "horizontal",
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "variant": "ghost",
+                              "action": "CLOSE_VIEW",
+                              "type": "button",
+                              "label": "Back"
+                            },
+                            {
+                              "type": "icon",
+                              "name": "calendar"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "@entity.name",
+                              "variant": "h3"
+                            },
+                            {
+                              "variant": "primary",
+                              "type": "badge",
+                              "label": "@entity.status"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "direction": "vertical",
+                          "children": [
+                            {
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "content": "Venue",
+                                  "type": "typography",
+                                  "color": "muted"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "@entity.venue",
+                                  "variant": "body"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Description"
+                                },
+                                {
+                                  "variant": "body",
+                                  "content": "@entity.description",
+                                  "type": "typography"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md"
+                            },
+                            {
+                              "direction": "horizontal",
+                              "children": [
+                                {
+                                  "content": "Organizer",
+                                  "color": "muted",
+                                  "variant": "caption",
+                                  "type": "typography"
+                                },
+                                {
+                                  "content": "@entity.organizerId",
+                                  "variant": "body",
+                                  "type": "typography"
+                                }
+                              ],
+                              "type": "stack",
+                              "gap": "md"
+                            },
+                            {
+                              "gap": "md",
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "children": [
+                                {
+                                  "color": "muted",
+                                  "variant": "caption",
+                                  "content": "Recurrence",
+                                  "type": "typography"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "@entity.recurrenceRule",
+                                  "variant": "body"
+                                }
+                              ]
+                            }
+                          ],
+                          "type": "stack",
+                          "gap": "sm"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "simple-grid",
+                          "cols": 4.0,
+                          "children": [
+                            {
+                              "icon": "calendar",
+                              "type": "stat-display",
+                              "value": "@entity.startsAt",
+                              "label": "Starts"
+                            },
+                            {
+                              "type": "stat-display",
+                              "label": "Ends",
+                              "icon": "calendar-check",
+                              "value": "@entity.endsAt"
+                            },
+                            {
+                              "icon": "users",
+                              "label": "Capacity",
+                              "type": "stat-display",
+                              "value": "@entity.capacity"
+                            },
+                            {
+                              "type": "stat-display",
+                              "label": "Created",
+                              "icon": "clock",
+                              "value": "@entity.createdAt"
+                            }
+                          ]
+                        },
+                        {
+                          "align": "center",
+                          "gap": "sm",
+                          "type": "stack",
+                          "children": [
+                            {
+                              "variant": "primary",
+                              "actionPayload": {
+                                "eventId": "@entity.id",
+                                "id": "@entity.id"
+                              },
+                              "label": "Publish",
+                              "action": "PUBLISH",
+                              "type": "button"
+                            },
+                            {
+                              "label": "Update",
+                              "action": "UPDATE",
+                              "variant": "secondary",
+                              "actionPayload": {
+                                "eventId": "@entity.id",
+                                "id": "@entity.id"
+                              },
+                              "type": "button"
+                            },
+                            {
+                              "label": "Cancel",
+                              "variant": "danger",
+                              "action": "CANCEL",
+                              "type": "button",
+                              "actionPayload": {
+                                "id": "@entity.id",
+                                "eventId": "@entity.id"
+                              }
+                            }
+                          ],
+                          "direction": "horizontal"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]
@@ -1060,8 +744,13 @@
               {
                 "from": "browsing",
                 "to": "loading",
-                "event": "EventCreated",
+                "event": "CANCEL",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.eventId"
+                  ],
                   [
                     "fetch",
                     "EventRecord",
@@ -1071,13 +760,35 @@
                         "success": "EventLoaded"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "type": "stack",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "content": "Cancelling event…",
+                          "type": "typography",
+                          "variant": "caption"
+                        }
+                      ]
+                    }
                   ]
                 ]
               },
               {
-                "from": "browsing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "EventUpdated",
+                "event": "CLOSE_VIEW",
                 "effects": [
                   [
                     "fetch",
@@ -1088,31 +799,85 @@
                         "success": "EventLoaded"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Loading events…",
+                          "color": "muted",
+                          "variant": "caption"
+                        }
+                      ],
+                      "align": "center",
+                      "className": "py-12",
+                      "type": "stack",
+                      "gap": "md",
+                      "direction": "vertical"
+                    }
                   ]
                 ]
               },
               {
-                "from": "browsing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "EventPublished",
+                "event": "PUBLISH",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.eventId"
+                  ],
                   [
                     "fetch",
                     "EventRecord",
                     {
                       "emit": {
-                        "failure": "EventLoadFailed",
-                        "success": "EventLoaded"
+                        "success": "EventLoaded",
+                        "failure": "EventLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Publishing event…"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "type": "stack",
+                      "align": "center"
+                    }
                   ]
                 ]
               },
               {
-                "from": "browsing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "EventCancelled",
+                "event": "UPDATE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.eventId"
+                  ],
                   [
                     "fetch",
                     "EventRecord",
@@ -1122,38 +887,71 @@
                         "failure": "EventLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "color": "muted",
+                          "content": "Updating event…",
+                          "type": "typography"
+                        }
+                      ],
+                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "gap": "md"
+                    }
                   ]
                 ]
               },
               {
-                "from": "editing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "EventUpdated",
+                "event": "CANCEL",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.eventId"
+                  ],
                   [
                     "fetch",
                     "EventRecord",
                     {
                       "emit": {
-                        "failure": "EventLoadFailed",
-                        "success": "EventLoaded"
+                        "success": "EventLoaded",
+                        "failure": "EventLoadFailed"
                       }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "editing",
-                "to": "error",
-                "event": "EventLoadFailed",
-                "effects": [
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "@payload.error",
-                      "variant": "error",
-                      "type": "alert"
+                      "gap": "md",
+                      "align": "center",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Cancelling event…"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1177,8 +975,8 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "spinner",
-                      "size": "sm"
+                      "size": "sm",
+                      "type": "spinner"
                     }
                   ]
                 ]
@@ -1207,4 +1005,4 @@
       ]
     }
   ]
-}
+}