@almadar/std 14.26.0 → 14.27.0

package/behaviors/registry/app/atoms/std-ticket-tier.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-ticket-tier",
   "version": "1.0.0",
-  "description": "std-ticket-tier — event ticket pricing tiers (VIP, general, early-bird) with quantity tracking. Owns a TicketTier entity (price, quantityTotal, quantitySold, status) and a single manage trait that loads tiers, browses them in a data-grid with Create / Update / Sell / Close actions, and persists each verdict back to the row.",
+  "description": "std-ticket-tier — event ticket pricing tiers (VIP, general, early-bird) with quantity tracking. Lists tiers in `browsing`; opens detail in `viewing_single` with Update / Sell / Close actions.",
   "orbitals": [
     {
       "name": "TicketTierOrbital",
@@ -73,20 +73,10 @@
           "linkedEntity": "TicketTier",
           "emits": [
             {
-              "event": "CREATE",
+              "event": "OPEN_TIER",
               "payloadSchema": [
                 {
-                  "name": "data",
-                  "type": "object",
-                  "required": true
-                }
-              ]
-            },
-            {
-              "event": "UPDATE",
-              "payloadSchema": [
-                {
-                  "name": "tierId",
+                  "name": "id",
                   "type": "string",
                   "required": true
                 },
@@ -135,16 +125,14 @@
                 {
                   "name": "row.status",
                   "type": "string"
-                },
-                {
-                  "name": "data",
-                  "type": "object",
-                  "required": true
                 }
               ]
             },
             {
-              "event": "SELL",
+              "event": "CLOSE_VIEW"
+            },
+            {
+              "event": "UPDATE",
               "payloadSchema": [
                 {
                   "name": "tierId",
@@ -198,14 +186,14 @@
                   "type": "string"
                 },
                 {
-                  "name": "qty",
-                  "type": "number",
+                  "name": "data",
+                  "type": "object",
                   "required": true
                 }
               ]
             },
             {
-              "event": "CLOSE",
+              "event": "SELL",
               "payloadSchema": [
                 {
                   "name": "tierId",
@@ -257,136 +245,22 @@
                 {
                   "name": "row.status",
                   "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "TicketTierLoaded",
-              "payloadSchema": [
-                {
-                  "name": "data",
-                  "type": "[TicketTier]"
-                }
-              ]
-            },
-            {
-              "event": "TicketTierLoadFailed",
-              "payloadSchema": [
-                {
-                  "name": "error",
-                  "type": "string"
-                },
-                {
-                  "name": "code",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "TicketTierCreated",
-              "payloadSchema": [
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.eventId",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.price",
-                  "type": "number",
-                  "required": true
-                },
-                {
-                  "name": "row.currency",
-                  "type": "string"
-                },
-                {
-                  "name": "row.quantityTotal",
-                  "type": "number",
-                  "required": true
                 },
                 {
-                  "name": "row.quantitySold",
+                  "name": "qty",
                   "type": "number",
                   "required": true
-                },
-                {
-                  "name": "row.availableFrom",
-                  "type": "string"
-                },
-                {
-                  "name": "row.availableUntil",
-                  "type": "string"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
                 }
               ]
             },
             {
-              "event": "TicketTierUpdated",
+              "event": "CLOSE",
               "payloadSchema": [
                 {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.eventId",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
+                  "name": "tierId",
                   "type": "string",
                   "required": true
                 },
-                {
-                  "name": "row.price",
-                  "type": "number",
-                  "required": true
-                },
-                {
-                  "name": "row.currency",
-                  "type": "string"
-                },
-                {
-                  "name": "row.quantityTotal",
-                  "type": "number",
-                  "required": true
-                },
-                {
-                  "name": "row.quantitySold",
-                  "type": "number",
-                  "required": true
-                },
-                {
-                  "name": "row.availableFrom",
-                  "type": "string"
-                },
-                {
-                  "name": "row.availableUntil",
-                  "type": "string"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "TicketTierSold",
-              "payloadSchema": [
                 {
                   "name": "row.id",
                   "type": "string",
@@ -436,58 +310,16 @@
               ]
             },
             {
-              "event": "TicketTierClosed",
+              "event": "TicketTierLoaded",
               "payloadSchema": [
                 {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.eventId",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.name",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.price",
-                  "type": "number",
-                  "required": true
-                },
-                {
-                  "name": "row.currency",
-                  "type": "string"
-                },
-                {
-                  "name": "row.quantityTotal",
-                  "type": "number",
-                  "required": true
-                },
-                {
-                  "name": "row.quantitySold",
-                  "type": "number",
-                  "required": true
-                },
-                {
-                  "name": "row.availableFrom",
-                  "type": "string"
-                },
-                {
-                  "name": "row.availableUntil",
-                  "type": "string"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
+                  "name": "data",
+                  "type": "[TicketTier]"
                 }
               ]
             },
             {
-              "event": "TicketTierWriteFailed",
+              "event": "TicketTierLoadFailed",
               "payloadSchema": [
                 {
                   "name": "error",
@@ -509,6 +341,9 @@
               {
                 "name": "browsing"
               },
+              {
+                "name": "viewing_single"
+              },
               {
                 "name": "error"
               }
@@ -543,13 +378,17 @@
                 ]
               },
               {
-                "key": "CREATE",
-                "name": "Create",
+                "key": "OPEN_TIER",
+                "name": "Open Tier",
                 "payloadSchema": [
                   {
-                    "name": "data",
-                    "type": "object",
+                    "name": "id",
+                    "type": "string",
                     "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "TicketTier"
                   }
                 ]
               },
@@ -609,58 +448,8 @@
                 ]
               },
               {
-                "key": "TicketTierCreated",
-                "name": "TicketTier created",
-                "payloadSchema": [
-                  {
-                    "name": "row",
-                    "type": "TicketTier"
-                  }
-                ]
-              },
-              {
-                "key": "TicketTierUpdated",
-                "name": "TicketTier updated",
-                "payloadSchema": [
-                  {
-                    "name": "row",
-                    "type": "TicketTier"
-                  }
-                ]
-              },
-              {
-                "key": "TicketTierSold",
-                "name": "TicketTier sold",
-                "payloadSchema": [
-                  {
-                    "name": "row",
-                    "type": "TicketTier"
-                  }
-                ]
-              },
-              {
-                "key": "TicketTierClosed",
-                "name": "TicketTier closed",
-                "payloadSchema": [
-                  {
-                    "name": "row",
-                    "type": "TicketTier"
-                  }
-                ]
-              },
-              {
-                "key": "TicketTierWriteFailed",
-                "name": "TicketTier write failed",
-                "payloadSchema": [
-                  {
-                    "name": "error",
-                    "type": "string"
-                  },
-                  {
-                    "name": "code",
-                    "type": "string"
-                  }
-                ]
+                "key": "CLOSE_VIEW",
+                "name": "Close View"
               }
             ],
             "transitions": [
@@ -683,22 +472,22 @@
                     "render-ui",
                     "main",
                     {
-                      "direction": "vertical",
-                      "gap": "md",
-                      "type": "stack",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
                           "variant": "caption",
-                          "type": "typography",
-                          "content": "Loading ticket tiers…"
+                          "color": "muted",
+                          "content": "Loading ticket tiers…",
+                          "type": "typography"
                         }
                       ],
-                      "align": "center",
-                      "className": "py-12"
+                      "className": "py-12",
+                      "gap": "md",
+                      "type": "stack",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -712,19 +501,18 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "gap": "md",
                       "children": [
                         {
+                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "ticket"
+                              "name": "ticket",
+                              "type": "icon"
                             },
                             {
                               "type": "typography",
-                              "variant": "h3",
-                              "content": "@config.title"
+                              "content": "@config.title",
+                              "variant": "h3"
                             }
                           ],
                           "type": "stack",
@@ -732,51 +520,59 @@
                           "direction": "horizontal"
                         },
                         {
-                          "type": "divider"
-                        },
-                        {
-                          "entity": "@payload.data",
-                          "cols": 1.0,
-                          "itemActions": [
+                          "type": "simple-grid",
+                          "cols": 4.0,
+                          "children": [
                             {
-                              "label": "Update",
-                              "variant": "secondary",
-                              "icon": "edit",
-                              "event": "UPDATE"
+                              "label": "Total tiers",
+                              "type": "stat-display",
+                              "value": "@payload.data.length",
+                              "icon": "ticket"
                             },
                             {
-                              "icon": "shopping-cart",
-                              "variant": "primary",
-                              "label": "Sell",
-                              "event": "SELL"
+                              "label": "Gross sales",
+                              "value": "$184,200",
+                              "icon": "dollar-sign",
+                              "type": "stat-display"
                             },
                             {
-                              "variant": "danger",
-                              "event": "CLOSE",
-                              "label": "Close",
-                              "icon": "x"
+                              "label": "Sold seats",
+                              "icon": "users",
+                              "type": "stat-display",
+                              "value": "2,840"
+                            },
+                            {
+                              "label": "Sell-through",
+                              "icon": "trending-up",
+                              "value": "73%",
+                              "type": "stat-display"
                             }
-                          ],
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
                           "fields": [
                             {
+                              "label": "Tier",
                               "variant": "badge",
-                              "name": "name",
-                              "label": "Tier"
+                              "name": "name"
                             },
                             {
-                              "name": "price",
                               "label": "Price",
+                              "name": "price",
                               "variant": "caption"
                             },
                             {
-                              "variant": "badge",
                               "name": "currency",
+                              "variant": "badge",
                               "label": "Currency"
                             },
                             {
                               "variant": "caption",
-                              "label": "Total",
-                              "name": "quantityTotal"
+                              "name": "quantityTotal",
+                              "label": "Total"
                             },
                             {
                               "name": "quantitySold",
@@ -784,22 +580,33 @@
                               "variant": "caption"
                             },
                             {
-                              "label": "Status",
                               "variant": "badge",
-                              "name": "status"
+                              "name": "status",
+                              "label": "Status"
                             }
                           ],
                           "type": "data-grid",
-                          "gap": "sm"
-                        },
-                        {
-                          "label": "New Tier",
-                          "action": "CREATE",
-                          "icon": "plus",
-                          "type": "button",
-                          "variant": "primary"
+                          "gap": "sm",
+                          "itemActions": [
+                            {
+                              "label": "Open",
+                              "event": "OPEN_TIER",
+                              "icon": "arrow-right",
+                              "variant": "primary"
+                            },
+                            {
+                              "variant": "danger",
+                              "label": "Close",
+                              "event": "CLOSE",
+                              "icon": "x"
+                            }
+                          ],
+                          "cols": 1.0,
+                          "entity": "@payload.data"
                         }
                       ],
+                      "gap": "md",
+                      "type": "stack",
                       "direction": "vertical"
                     }
                   ]
@@ -814,41 +621,22 @@
                     "render-ui",
                     "main",
                     {
-                      "message": "@payload.error",
+                      "variant": "error",
                       "type": "alert",
-                      "variant": "error"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "loading",
-                "event": "CREATE",
-                "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "TicketTier",
-                    "@payload.data",
-                    {
-                      "emit": {
-                        "success": "TicketTierCreated",
-                        "failure": "TicketTierWriteFailed"
-                      }
+                      "message": "@payload.error"
                     }
                   ]
                 ]
               },
               {
                 "from": "browsing",
-                "to": "loading",
-                "event": "UPDATE",
+                "to": "viewing_single",
+                "event": "OPEN_TIER",
                 "effects": [
                   [
                     "set",
                     "@entity.id",
-                    "@payload.tierId"
+                    "@payload.row.id"
                   ],
                   [
                     "set",
@@ -896,15 +684,179 @@
                     "@payload.row.status"
                   ],
                   [
-                    "persist",
-                    "update",
-                    "TicketTier",
-                    "@entity",
+                    "render-ui",
+                    "main",
                     {
-                      "emit": {
-                        "success": "TicketTierUpdated",
-                        "failure": "TicketTierWriteFailed"
-                      }
+                      "children": [
+                        {
+                          "gap": "sm",
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Back",
+                              "action": "CLOSE_VIEW",
+                              "variant": "ghost"
+                            },
+                            {
+                              "type": "icon",
+                              "name": "ticket"
+                            },
+                            {
+                              "content": "@entity.name",
+                              "variant": "h3",
+                              "type": "typography"
+                            },
+                            {
+                              "type": "badge",
+                              "label": "@entity.status",
+                              "variant": "primary"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Event",
+                                  "type": "typography"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": "@entity.eventId"
+                                }
+                              ],
+                              "direction": "horizontal"
+                            },
+                            {
+                              "direction": "horizontal",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "type": "typography",
+                                  "content": "Available from",
+                                  "color": "muted"
+                                },
+                                {
+                                  "content": "@entity.availableFrom",
+                                  "type": "typography",
+                                  "variant": "body"
+                                }
+                              ],
+                              "type": "stack",
+                              "gap": "md"
+                            },
+                            {
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "content": "Available until",
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted"
+                                },
+                                {
+                                  "variant": "body",
+                                  "type": "typography",
+                                  "content": "@entity.availableUntil"
+                                }
+                              ],
+                              "gap": "md",
+                              "direction": "horizontal"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "type": "stack"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "simple-grid",
+                          "cols": 4.0,
+                          "children": [
+                            {
+                              "icon": "dollar-sign",
+                              "label": "Price",
+                              "value": "@entity.price",
+                              "type": "stat-display"
+                            },
+                            {
+                              "type": "stat-display",
+                              "value": "@entity.currency",
+                              "icon": "globe",
+                              "label": "Currency"
+                            },
+                            {
+                              "icon": "users",
+                              "type": "stat-display",
+                              "label": "Total seats",
+                              "value": "@entity.quantityTotal"
+                            },
+                            {
+                              "icon": "check-circle",
+                              "type": "stat-display",
+                              "label": "Sold",
+                              "value": "@entity.quantitySold"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "button",
+                              "variant": "primary",
+                              "actionPayload": {
+                                "row": "@entity",
+                                "tierId": "@entity.id",
+                                "data": {}
+                              },
+                              "action": "UPDATE",
+                              "label": "Update"
+                            },
+                            {
+                              "label": "Sell",
+                              "variant": "secondary",
+                              "actionPayload": {
+                                "row": "@entity",
+                                "tierId": "@entity.id",
+                                "qty": 1.0
+                              },
+                              "type": "button",
+                              "action": "SELL"
+                            },
+                            {
+                              "action": "CLOSE",
+                              "label": "Close",
+                              "actionPayload": {
+                                "row": "@entity",
+                                "tierId": "@entity.id"
+                              },
+                              "variant": "danger",
+                              "type": "button"
+                            }
+                          ],
+                          "direction": "horizontal"
+                        }
+                      ],
+                      "type": "stack",
+                      "gap": "md",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -912,7 +864,7 @@
               {
                 "from": "browsing",
                 "to": "loading",
-                "event": "SELL",
+                "event": "UPDATE",
                 "effects": [
                   [
                     "set",
@@ -920,89 +872,43 @@
                     "@payload.tierId"
                   ],
                   [
-                    "set",
-                    "@entity.eventId",
-                    "@payload.row.eventId"
-                  ],
-                  [
-                    "set",
-                    "@entity.name",
-                    "@payload.row.name"
-                  ],
-                  [
-                    "set",
-                    "@entity.price",
-                    "@payload.row.price"
-                  ],
-                  [
-                    "set",
-                    "@entity.currency",
-                    "@payload.row.currency"
-                  ],
-                  [
-                    "set",
-                    "@entity.quantityTotal",
-                    "@payload.row.quantityTotal"
-                  ],
-                  [
-                    "set",
-                    "@entity.quantitySold",
-                    [
-                      "+",
-                      "@payload.row.quantitySold",
-                      "@payload.qty"
-                    ]
-                  ],
-                  [
-                    "set",
-                    "@entity.availableFrom",
-                    "@payload.row.availableFrom"
-                  ],
-                  [
-                    "set",
-                    "@entity.availableUntil",
-                    "@payload.row.availableUntil"
-                  ],
-                  [
-                    "set",
-                    "@entity.status",
-                    [
-                      "if",
-                      [
-                        ">=",
-                        [
-                          "+",
-                          "@payload.row.quantitySold",
-                          "@payload.qty"
-                        ],
-                        [
-                          "+",
-                          "@payload.row.quantityTotal",
-                          0.0
-                        ]
-                      ],
-                      "sold-out",
-                      "available"
-                    ]
-                  ],
-                  [
-                    "persist",
-                    "update",
+                    "fetch",
                     "TicketTier",
-                    "@entity",
                     {
                       "emit": {
-                        "success": "TicketTierSold",
-                        "failure": "TicketTierWriteFailed"
+                        "success": "TicketTierLoaded",
+                        "failure": "TicketTierLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "color": "muted",
+                          "content": "Updating tier…"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "align": "center",
+                      "className": "py-12",
+                      "gap": "md"
+                    }
                   ]
                 ]
               },
               {
                 "from": "browsing",
                 "to": "loading",
-                "event": "CLOSE",
+                "event": "SELL",
                 "effects": [
                   [
                     "set",
@@ -1010,69 +916,49 @@
                     "@payload.tierId"
                   ],
                   [
-                    "set",
-                    "@entity.eventId",
-                    "@payload.row.eventId"
-                  ],
-                  [
-                    "set",
-                    "@entity.name",
-                    "@payload.row.name"
-                  ],
-                  [
-                    "set",
-                    "@entity.price",
-                    "@payload.row.price"
-                  ],
-                  [
-                    "set",
-                    "@entity.currency",
-                    "@payload.row.currency"
-                  ],
-                  [
-                    "set",
-                    "@entity.quantityTotal",
-                    "@payload.row.quantityTotal"
-                  ],
-                  [
-                    "set",
-                    "@entity.quantitySold",
-                    "@payload.row.quantitySold"
-                  ],
-                  [
-                    "set",
-                    "@entity.availableFrom",
-                    "@payload.row.availableFrom"
-                  ],
-                  [
-                    "set",
-                    "@entity.availableUntil",
-                    "@payload.row.availableUntil"
-                  ],
-                  [
-                    "set",
-                    "@entity.status",
-                    "closed"
-                  ],
-                  [
-                    "persist",
-                    "update",
+                    "fetch",
                     "TicketTier",
-                    "@entity",
                     {
                       "emit": {
-                        "failure": "TicketTierWriteFailed",
-                        "success": "TicketTierClosed"
+                        "failure": "TicketTierLoadFailed",
+                        "success": "TicketTierLoaded"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "content": "Selling tickets…",
+                          "type": "typography",
+                          "variant": "caption"
+                        }
+                      ],
+                      "type": "stack",
+                      "align": "center",
+                      "gap": "md",
+                      "direction": "vertical",
+                      "className": "py-12"
+                    }
                   ]
                 ]
               },
               {
                 "from": "browsing",
                 "to": "loading",
-                "event": "TicketTierCreated",
+                "event": "CLOSE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.tierId"
+                  ],
                   [
                     "fetch",
                     "TicketTier",
@@ -1082,13 +968,35 @@
                         "success": "TicketTierLoaded"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "gap": "md",
+                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "content": "Closing tier…",
+                          "variant": "caption",
+                          "color": "muted"
+                        }
+                      ]
+                    }
                   ]
                 ]
               },
               {
-                "from": "browsing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "TicketTierUpdated",
+                "event": "CLOSE_VIEW",
                 "effects": [
                   [
                     "fetch",
@@ -1099,31 +1007,85 @@
                         "failure": "TicketTierLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "align": "center",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "color": "muted",
+                          "type": "typography",
+                          "content": "Loading ticket tiers…"
+                        }
+                      ]
+                    }
                   ]
                 ]
               },
               {
-                "from": "browsing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "TicketTierSold",
+                "event": "UPDATE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.tierId"
+                  ],
                   [
                     "fetch",
                     "TicketTier",
                     {
                       "emit": {
-                        "failure": "TicketTierLoadFailed",
-                        "success": "TicketTierLoaded"
+                        "success": "TicketTierLoaded",
+                        "failure": "TicketTierLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "align": "center",
+                      "gap": "md",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Updating tier…",
+                          "variant": "caption",
+                          "type": "typography",
+                          "color": "muted"
+                        }
+                      ]
+                    }
                   ]
                 ]
               },
               {
-                "from": "browsing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "TicketTierClosed",
+                "event": "SELL",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.tierId"
+                  ],
                   [
                     "fetch",
                     "TicketTier",
@@ -1133,21 +1095,71 @@
                         "failure": "TicketTierLoadFailed"
                       }
                     }
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Selling tickets…",
+                          "color": "muted",
+                          "type": "typography",
+                          "variant": "caption"
+                        }
+                      ],
+                      "type": "stack",
+                      "align": "center",
+                      "className": "py-12",
+                      "gap": "md",
+                      "direction": "vertical"
+                    }
                   ]
                 ]
               },
               {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "TicketTierWriteFailed",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "CLOSE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.tierId"
+                  ],
+                  [
+                    "fetch",
+                    "TicketTier",
+                    {
+                      "emit": {
+                        "success": "TicketTierLoaded",
+                        "failure": "TicketTierLoadFailed"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "variant": "error",
-                      "message": "@payload.error"
+                      "type": "stack",
+                      "gap": "md",
+                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "content": "Closing tier…",
+                          "color": "muted",
+                          "type": "typography"
+                        }
+                      ]
                     }
                   ]
                 ]