@almadar/std 14.26.0 → 14.27.0

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

@@ -1,7 +1,7 @@
 {
   "name": "std-vehicle",
   "version": "1.0.0",
-  "description": "std-vehicle — fleet vehicle primitive tracking make/model/year, VIN, license plate, odometer, status, and assigned driver.",
+  "description": "std-vehicle — fleet vehicle primitive. Lists vehicles in `browsing` with fleet stats + map view; opens vehicle detail in `viewing_single` (VIN, plate, make/model, odometer, status, driver) with Assign Driver / Maintenance / Retire actions.",
   "orbitals": [
     {
       "name": "VehicleOrbital",
@@ -98,58 +98,7 @@
           "linkedEntity": "Vehicle",
           "emits": [
             {
-              "event": "VIEW",
-              "payloadSchema": [
-                {
-                  "name": "id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "source",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "EDIT",
-              "payloadSchema": [
-                {
-                  "name": "id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "source",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "CREATE",
-              "payloadSchema": [
-                {
-                  "name": "source",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "REQUEST_DELETE",
-              "payloadSchema": [
-                {
-                  "name": "id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "source",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "RETIRE",
+              "event": "OPEN_VEHICLE",
               "payloadSchema": [
                 {
                   "name": "id",
@@ -210,124 +159,35 @@
               ]
             },
             {
-              "event": "MARK_MAINTENANCE",
+              "event": "CLOSE_VEHICLE"
+            },
+            {
+              "event": "ASSIGN_DRIVER",
               "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.vin",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.licensePlate",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.make",
-                  "type": "string"
-                },
-                {
-                  "name": "row.model",
-                  "type": "string"
-                },
-                {
-                  "name": "row.year",
-                  "type": "number"
-                },
-                {
-                  "name": "row.vehicleType",
-                  "type": "string"
-                },
-                {
-                  "name": "row.odometer",
-                  "type": "number"
-                },
-                {
-                  "name": "row.fuelType",
-                  "type": "string"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.assignedDriverId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.pendingId",
-                  "type": "string"
                 }
               ]
             },
             {
-              "event": "ASSIGN_DRIVER",
+              "event": "MARK_MAINTENANCE",
               "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.vin",
-                  "type": "string",
-                  "required": true
-                },
+                }
+              ]
+            },
+            {
+              "event": "RETIRE",
+              "payloadSchema": [
                 {
-                  "name": "row.licensePlate",
+                  "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.make",
-                  "type": "string"
-                },
-                {
-                  "name": "row.model",
-                  "type": "string"
-                },
-                {
-                  "name": "row.year",
-                  "type": "number"
-                },
-                {
-                  "name": "row.vehicleType",
-                  "type": "string"
-                },
-                {
-                  "name": "row.odometer",
-                  "type": "number"
-                },
-                {
-                  "name": "row.fuelType",
-                  "type": "string"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.assignedDriverId",
-                  "type": "string"
-                },
-                {
-                  "name": "row.pendingId",
-                  "type": "string"
                 }
               ]
             },
@@ -365,7 +225,10 @@
                 "isInitial": true
               },
               {
-                "name": "viewing"
+                "name": "browsing"
+              },
+              {
+                "name": "viewing_single"
               },
               {
                 "name": "error"
@@ -405,42 +268,17 @@
                 ]
               },
               {
-                "key": "REFRESH",
-                "name": "Refresh",
-                "payloadSchema": [
-                  {
-                    "name": "source",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "SEARCH",
-                "name": "Search",
-                "payloadSchema": [
-                  {
-                    "name": "query",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "FILTER_STATUS",
-                "name": "Filter Status",
+                "key": "OPEN_VEHICLE",
+                "name": "Open Vehicle",
                 "payloadSchema": [
                   {
-                    "name": "status",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "FILTER_TYPE",
-                "name": "Filter Type",
-                "payloadSchema": [
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  },
                   {
-                    "name": "vehicleType",
-                    "type": "string"
+                    "name": "row",
+                    "type": "Vehicle"
                   }
                 ]
               },
@@ -456,15 +294,8 @@
                 ]
               },
               {
-                "key": "MARK_MAINTENANCE",
-                "name": "Mark Maintenance",
-                "payloadSchema": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
+                "key": "CLOSE_VEHICLE",
+                "name": "Close Vehicle"
               },
               {
                 "key": "ASSIGN_DRIVER",
@@ -478,40 +309,8 @@
                 ]
               },
               {
-                "key": "CREATE",
-                "name": "Create",
-                "payloadSchema": [
-                  {
-                    "name": "source",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "VIEW",
-                "name": "View",
-                "payloadSchema": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "EDIT",
-                "name": "Edit",
-                "payloadSchema": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "REQUEST_DELETE",
-                "name": "Request Delete",
+                "key": "MARK_MAINTENANCE",
+                "name": "Mark Maintenance",
                 "payloadSchema": [
                   {
                     "name": "id",
@@ -541,29 +340,29 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "py-12",
-                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "variant": "caption",
-                          "content": "Loading vehicles…",
                           "color": "muted",
+                          "content": "Loading vehicles…",
                           "type": "typography"
                         }
                       ],
                       "type": "stack",
                       "gap": "md",
-                      "direction": "vertical"
+                      "align": "center",
+                      "direction": "vertical",
+                      "className": "py-12"
                     }
                   ]
                 ]
               },
               {
                 "from": "loading",
-                "to": "viewing",
+                "to": "browsing",
                 "event": "VehicleLoaded",
                 "effects": [
                   [
@@ -571,175 +370,85 @@
                     "main",
                     {
                       "type": "stack",
-                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "breadcrumb",
-                          "items": [
-                            {
-                              "href": "/",
-                              "label": "Fleet"
-                            },
+                          "children": [
                             {
-                              "label": "Region"
+                              "type": "icon",
+                              "name": "truck"
                             },
                             {
-                              "label": "Vehicles"
+                              "content": "@config.title",
+                              "variant": "h3",
+                              "type": "typography"
                             }
-                          ]
+                          ],
+                          "align": "center",
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm"
                         },
                         {
-                          "orientation": "horizontal",
-                          "type": "navigation",
-                          "items": [
+                          "type": "simple-grid",
+                          "children": [
+                            {
+                              "type": "stat-display",
+                              "value": "@payload.data.length",
+                              "label": "Total vehicles",
+                              "icon": "truck"
+                            },
                             {
-                              "label": "Vehicles",
-                              "id": "vehicles",
-                              "isActive": true,
-                              "href": "/vehicles"
+                              "value": "18",
+                              "type": "stat-display",
+                              "label": "Active",
+                              "icon": "check-circle"
                             },
                             {
-                              "href": "/drivers",
-                              "id": "drivers",
-                              "label": "Drivers"
+                              "label": "In maintenance",
+                              "value": "3",
+                              "icon": "wrench",
+                              "type": "stat-display"
                             },
                             {
-                              "id": "events",
-                              "label": "Events",
-                              "href": "/telematics-events"
+                              "icon": "gauge",
+                              "value": "62,401 mi",
+                              "label": "Avg odometer",
+                              "type": "stat-display"
                             }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "children": [
-                            {
-                              "type": "icon",
-                              "name": "truck"
-                            },
-                            {
-                              "content": "@config.title",
-                              "variant": "h3",
-                              "type": "typography"
-                            },
-                            {
-                              "type": "button",
-                              "label": "New Vehicle",
-                              "action": "CREATE",
-                              "variant": "primary"
-                            }
-                          ],
-                          "gap": "sm",
-                          "align": "center"
-                        },
-                        {
-                          "type": "divider"
+                          ],
+                          "cols": 4.0
                         },
                         {
+                          "height": "240px",
                           "markers": [],
                           "zoom": 10.0,
-                          "type": "map-view",
-                          "height": "240px"
+                          "type": "map-view"
                         },
                         {
-                          "children": [
-                            {
-                              "type": "mini-map",
-                              "tiles": [],
-                              "units": [],
-                              "mapHeight": 1000.0,
-                              "width": 120.0,
-                              "mapWidth": 1000.0,
-                              "height": 80.0
-                            },
-                            {
-                              "direction": "horizontal",
-                              "children": [
-                                {
-                                  "label": "Depot",
-                                  "type": "waypoint-marker",
-                                  "size": "md",
-                                  "active": true
-                                },
-                                {
-                                  "type": "waypoint-marker",
-                                  "size": "sm",
-                                  "label": "Stop 1"
-                                },
-                                {
-                                  "label": "Stop 2",
-                                  "size": "sm",
-                                  "type": "waypoint-marker"
-                                },
-                                {
-                                  "completed": true,
-                                  "type": "waypoint-marker",
-                                  "size": "md",
-                                  "label": "Destination"
-                                }
-                              ],
-                              "align": "center",
-                              "type": "stack",
-                              "gap": "sm"
-                            }
-                          ],
-                          "align": "center",
-                          "gap": "md",
-                          "direction": "horizontal",
-                          "type": "stack"
-                        },
-                        {
-                          "connectionDensity": 0.5,
-                          "nodes": 6.0,
-                          "radius": 40.0,
-                          "type": "svg-mesh",
-                          "color": "primary",
-                          "cx": 100.0,
-                          "cy": 60.0
+                          "type": "divider"
                         },
                         {
                           "type": "data-grid",
-                          "cols": 1.0,
                           "entity": "@payload.data",
+                          "cols": 1.0,
                           "itemActions": [
                             {
-                              "label": "View",
-                              "variant": "secondary",
-                              "event": "VIEW"
-                            },
-                            {
-                              "variant": "secondary",
-                              "label": "Edit",
-                              "event": "EDIT"
-                            },
-                            {
-                              "event": "ASSIGN_DRIVER",
+                              "event": "OPEN_VEHICLE",
                               "variant": "primary",
-                              "label": "Assign Driver"
-                            },
-                            {
-                              "label": "Maintenance",
-                              "event": "MARK_MAINTENANCE",
-                              "variant": "secondary"
+                              "icon": "arrow-right",
+                              "label": "Open"
                             },
                             {
-                              "variant": "ghost",
                               "label": "Retire",
-                              "event": "RETIRE"
-                            },
-                            {
-                              "variant": "danger",
-                              "label": "Delete",
-                              "event": "REQUEST_DELETE"
+                              "event": "RETIRE",
+                              "variant": "danger"
                             }
                           ],
-                          "gap": "sm",
                           "fields": [
                             {
+                              "name": "licensePlate",
                               "label": "Plate",
-                              "variant": "caption",
-                              "name": "licensePlate"
+                              "variant": "caption"
                             },
                             {
                               "name": "make",
@@ -752,60 +461,31 @@
                               "variant": "caption"
                             },
                             {
-                              "variant": "caption",
+                              "label": "Year",
                               "name": "year",
-                              "label": "Year"
+                              "variant": "caption"
                             },
                             {
-                              "label": "Type",
                               "variant": "badge",
-                              "name": "vehicleType"
+                              "name": "vehicleType",
+                              "label": "Type"
                             },
                             {
-                              "label": "Odometer",
+                              "name": "odometer",
                               "variant": "caption",
-                              "name": "odometer"
+                              "label": "Odometer"
                             },
                             {
-                              "variant": "badge",
                               "label": "Status",
+                              "variant": "badge",
                               "name": "status"
-                            },
-                            {
-                              "name": "assignedDriverId",
-                              "variant": "caption",
-                              "label": "Driver"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "drawer",
-                          "title": "Vehicle Detail",
-                          "width": "md",
-                          "position": "right",
-                          "children": [
-                            {
-                              "gap": "sm",
-                              "type": "stack",
-                              "children": [
-                                {
-                                  "type": "typography",
-                                  "content": "Selected vehicle",
-                                  "variant": "caption"
-                                },
-                                {
-                                  "content": "View detail",
-                                  "type": "typography",
-                                  "variant": "body"
-                                }
-                              ],
-                              "direction": "vertical"
                             }
                           ],
-                          "isOpen": false
+                          "gap": "sm"
                         }
                       ],
-                      "gap": "md"
+                      "gap": "md",
+                      "direction": "vertical"
                     }
                   ]
                 ]
@@ -819,64 +499,268 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
                       "variant": "error",
+                      "type": "alert",
                       "message": "@payload.error"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "loading",
-                "event": "REFRESH",
+                "from": "browsing",
+                "to": "viewing_single",
+                "event": "OPEN_VEHICLE",
                 "effects": [
                   [
-                    "fetch",
-                    "Vehicle",
-                    {
-                      "emit": {
-                        "failure": "VehicleLoadFailed",
-                        "success": "VehicleLoaded"
-                      }
-                    }
+                    "set",
+                    "@entity.id",
+                    "@payload.row.id"
+                  ],
+                  [
+                    "set",
+                    "@entity.vin",
+                    "@payload.row.vin"
+                  ],
+                  [
+                    "set",
+                    "@entity.licensePlate",
+                    "@payload.row.licensePlate"
+                  ],
+                  [
+                    "set",
+                    "@entity.make",
+                    "@payload.row.make"
+                  ],
+                  [
+                    "set",
+                    "@entity.model",
+                    "@payload.row.model"
+                  ],
+                  [
+                    "set",
+                    "@entity.year",
+                    "@payload.row.year"
+                  ],
+                  [
+                    "set",
+                    "@entity.vehicleType",
+                    "@payload.row.vehicleType"
+                  ],
+                  [
+                    "set",
+                    "@entity.odometer",
+                    "@payload.row.odometer"
+                  ],
+                  [
+                    "set",
+                    "@entity.fuelType",
+                    "@payload.row.fuelType"
+                  ],
+                  [
+                    "set",
+                    "@entity.status",
+                    "@payload.row.status"
+                  ],
+                  [
+                    "set",
+                    "@entity.assignedDriverId",
+                    "@payload.row.assignedDriverId"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "className": "py-12",
-                      "gap": "md",
-                      "type": "stack",
                       "direction": "vertical",
-                      "align": "center",
+                      "gap": "md",
                       "children": [
                         {
-                          "type": "spinner"
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "type": "button",
+                              "variant": "ghost",
+                              "label": "Back",
+                              "action": "CLOSE_VEHICLE"
+                            },
+                            {
+                              "type": "icon",
+                              "name": "truck"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "@entity.licensePlate",
+                              "variant": "h3"
+                            },
+                            {
+                              "type": "badge",
+                              "label": "@entity.status",
+                              "variant": "default"
+                            }
+                          ],
+                          "gap": "sm",
+                          "align": "center"
                         },
                         {
-                          "variant": "caption",
-                          "color": "muted",
-                          "type": "typography",
-                          "content": "Refreshing vehicles…"
+                          "type": "divider"
+                        },
+                        {
+                          "children": [
+                            {
+                              "type": "stack",
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "type": "typography",
+                                  "color": "muted",
+                                  "content": "VIN"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "@entity.vin",
+                                  "variant": "body"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "color": "muted",
+                                  "variant": "caption",
+                                  "type": "typography",
+                                  "content": "Make / Model"
+                                },
+                                {
+                                  "content": "@entity.make",
+                                  "variant": "body",
+                                  "type": "typography"
+                                },
+                                {
+                                  "content": "@entity.model",
+                                  "variant": "body",
+                                  "type": "typography"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "content": "Driver",
+                                  "color": "muted",
+                                  "type": "typography"
+                                },
+                                {
+                                  "variant": "body",
+                                  "content": "@entity.assignedDriverId",
+                                  "type": "typography"
+                                }
+                              ],
+                              "gap": "md",
+                              "type": "stack",
+                              "direction": "horizontal"
+                            }
+                          ],
+                          "gap": "sm",
+                          "direction": "vertical",
+                          "type": "stack"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "simple-grid",
+                          "cols": 4.0,
+                          "children": [
+                            {
+                              "icon": "gauge",
+                              "type": "stat-display",
+                              "value": "@entity.odometer",
+                              "label": "Odometer"
+                            },
+                            {
+                              "icon": "calendar",
+                              "label": "Year",
+                              "value": "@entity.year",
+                              "type": "stat-display"
+                            },
+                            {
+                              "icon": "tag",
+                              "type": "stat-display",
+                              "value": "@entity.vehicleType",
+                              "label": "Type"
+                            },
+                            {
+                              "value": "@entity.fuelType",
+                              "icon": "droplet",
+                              "type": "stat-display",
+                              "label": "Fuel"
+                            }
+                          ]
+                        },
+                        {
+                          "align": "center",
+                          "gap": "sm",
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "variant": "primary",
+                              "action": "ASSIGN_DRIVER",
+                              "type": "button",
+                              "label": "Assign Driver",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              }
+                            },
+                            {
+                              "label": "Mark Maintenance",
+                              "action": "MARK_MAINTENANCE",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "type": "button",
+                              "variant": "secondary"
+                            },
+                            {
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "variant": "danger",
+                              "type": "button",
+                              "label": "Retire",
+                              "action": "RETIRE"
+                            }
+                          ]
                         }
-                      ]
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "browsing",
                 "to": "loading",
-                "event": "SEARCH",
+                "event": "RETIRE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "Vehicle",
                     {
                       "emit": {
-                        "failure": "VehicleLoadFailed",
-                        "success": "VehicleLoaded"
+                        "success": "VehicleLoaded",
+                        "failure": "VehicleLoadFailed"
                       }
                     }
                   ],
@@ -884,38 +768,38 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
                       "align": "center",
+                      "gap": "md",
+                      "className": "py-12",
+                      "type": "stack",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
-                          "variant": "caption",
                           "color": "muted",
-                          "content": "Searching vehicles…"
+                          "content": "Retiring vehicle…",
+                          "variant": "caption",
+                          "type": "typography"
                         }
-                      ],
-                      "className": "py-12",
-                      "gap": "md"
+                      ]
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "FILTER_STATUS",
+                "event": "CLOSE_VEHICLE",
                 "effects": [
                   [
                     "fetch",
                     "Vehicle",
                     {
                       "emit": {
-                        "success": "VehicleLoaded",
-                        "failure": "VehicleLoadFailed"
+                        "failure": "VehicleLoadFailed",
+                        "success": "VehicleLoaded"
                       }
                     }
                   ],
@@ -923,31 +807,36 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
-                      "className": "py-12",
                       "gap": "md",
+                      "type": "stack",
+                      "className": "py-12",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
                           "color": "muted",
-                          "content": "Filtering vehicles…",
-                          "variant": "caption",
-                          "type": "typography"
+                          "type": "typography",
+                          "content": "Loading vehicles…",
+                          "variant": "caption"
                         }
-                      ],
-                      "align": "center"
+                      ]
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "FILTER_TYPE",
+                "event": "ASSIGN_DRIVER",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "Vehicle",
@@ -967,45 +856,24 @@
                           "type": "spinner"
                         },
                         {
+                          "content": "Assigning driver…",
                           "type": "typography",
                           "color": "muted",
-                          "content": "Filtering vehicles…",
                           "variant": "caption"
                         }
                       ],
+                      "type": "stack",
                       "gap": "md",
                       "direction": "vertical",
-                      "className": "py-12",
                       "align": "center",
-                      "type": "stack"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "RETIRE",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "alert",
-                      "message": "Vehicle retired",
-                      "variant": "info"
+                      "className": "py-12"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
+                "from": "viewing_single",
+                "to": "loading",
                 "event": "MARK_MAINTENANCE",
                 "effects": [
                   [
@@ -1014,78 +882,43 @@
                     "@payload.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
-                    {
-                      "variant": "warning",
-                      "type": "alert",
-                      "message": "Vehicle marked for maintenance"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "ASSIGN_DRIVER",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "alert",
-                      "message": "Driver assigned",
-                      "variant": "success"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "CREATE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "main",
+                    "fetch",
+                    "Vehicle",
                     {
-                      "variant": "info",
-                      "message": "Creating new vehicle",
-                      "type": "alert"
+                      "emit": {
+                        "failure": "VehicleLoadFailed",
+                        "success": "VehicleLoaded"
+                      }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "VIEW",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "Viewing vehicle",
-                      "type": "alert",
-                      "variant": "info"
+                      "direction": "vertical",
+                      "align": "center",
+                      "type": "stack",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "type": "typography",
+                          "content": "Updating vehicle…",
+                          "color": "muted"
+                        }
+                      ],
+                      "gap": "md"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "EDIT",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "RETIRE",
                 "effects": [
                   [
                     "set",
@@ -1093,33 +926,35 @@
                     "@payload.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
+                    "fetch",
+                    "Vehicle",
                     {
-                      "variant": "info",
-                      "message": "Editing vehicle",
-                      "type": "alert"
+                      "emit": {
+                        "success": "VehicleLoaded",
+                        "failure": "VehicleLoadFailed"
+                      }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "REQUEST_DELETE",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "message": "Delete requested",
-                      "variant": "warning"
+                      "className": "py-12",
+                      "gap": "md",
+                      "align": "center",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "type": "typography",
+                          "color": "muted",
+                          "content": "Retiring vehicle…"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -1143,8 +978,8 @@
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "type": "spinner",
+                      "size": "sm"
                     }
                   ]
                 ]