@almadar/std 14.26.0 → 14.28.0

package/dist/behaviors/registry/app/atoms/std-change-order.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-change-order",
   "version": "1.0.0",
-  "description": "std-change-order — construction change-order primitive tracking contract scope/cost/schedule modifications with owner approval.",
+  "description": "std-change-order — construction change-order primitive tracking contract scope/cost/schedule modifications with owner approval. Lists orders in `browsing`; opens detail in `viewing_single` with Approve / Reject / Execute / Delete actions.",
   "orbitals": [
     {
       "name": "ChangeOrderOrbital",
@@ -86,7 +86,7 @@
           "linkedEntity": "ChangeOrder",
           "emits": [
             {
-              "event": "VIEW",
+              "event": "OPEN_CHANGE_ORDER",
               "payloadSchema": [
                 {
                   "name": "id",
@@ -147,7 +147,10 @@
               ]
             },
             {
-              "event": "EDIT",
+              "event": "CLOSE_VIEW"
+            },
+            {
+              "event": "REQUEST_DELETE",
               "payloadSchema": [
                 {
                   "name": "id",
@@ -208,73 +211,42 @@
               ]
             },
             {
-              "event": "CREATE",
+              "event": "SUBMIT_FOR_APPROVAL",
               "payloadSchema": [
                 {
-                  "name": "source",
+                  "name": "id",
                   "type": "string",
                   "required": true
                 }
               ]
             },
             {
-              "event": "REQUEST_DELETE",
+              "event": "APPROVE",
               "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
+                }
+              ]
+            },
+            {
+              "event": "REJECT",
+              "payloadSchema": [
                 {
-                  "name": "row.coNumber",
+                  "name": "id",
                   "type": "string",
                   "required": true
-                },
+                }
+              ]
+            },
+            {
+              "event": "EXECUTE",
+              "payloadSchema": [
                 {
-                  "name": "row.description",
+                  "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.reason",
-                  "type": "string"
-                },
-                {
-                  "name": "row.costImpact",
-                  "type": "number"
-                },
-                {
-                  "name": "row.scheduleImpactDays",
-                  "type": "number"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.requestedBy",
-                  "type": "string"
-                },
-                {
-                  "name": "row.approvedBy",
-                  "type": "string"
-                },
-                {
-                  "name": "row.requestedAt",
-                  "type": "string"
-                },
-                {
-                  "name": "row.approvedAt",
-                  "type": "string"
-                },
-                {
-                  "name": "row.pendingId",
-                  "type": "string"
                 }
               ]
             },
@@ -312,7 +284,10 @@
                 "isInitial": true
               },
               {
-                "name": "viewing"
+                "name": "browsing"
+              },
+              {
+                "name": "viewing_single"
               },
               {
                 "name": "error"
@@ -352,41 +327,23 @@
                 ]
               },
               {
-                "key": "SUBMIT_FOR_APPROVAL",
-                "name": "Submit For Approval",
-                "payloadSchema": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "APPROVE",
-                "name": "Approve",
+                "key": "OPEN_CHANGE_ORDER",
+                "name": "Open Change Order",
                 "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
                     "required": true
-                  }
-                ]
-              },
-              {
-                "key": "REJECT",
-                "name": "Reject",
-                "payloadSchema": [
+                  },
                   {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
+                    "name": "row",
+                    "type": "ChangeOrder"
                   }
                 ]
               },
               {
-                "key": "EXECUTE",
-                "name": "Execute",
+                "key": "REQUEST_DELETE",
+                "name": "Request Delete",
                 "payloadSchema": [
                   {
                     "name": "id",
@@ -396,45 +353,23 @@
                 ]
               },
               {
-                "key": "CREATE",
-                "name": "Create",
-                "payloadSchema": [
-                  {
-                    "name": "source",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "REFRESH",
-                "name": "Refresh"
-              },
-              {
-                "key": "SEARCH",
-                "name": "Search",
-                "payloadSchema": [
-                  {
-                    "name": "query",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
+                "key": "CLOSE_VIEW",
+                "name": "Close View"
               },
               {
-                "key": "FILTER_STATUS",
-                "name": "Filter Status",
+                "key": "SUBMIT_FOR_APPROVAL",
+                "name": "Submit For Approval",
                 "payloadSchema": [
                   {
-                    "name": "status",
+                    "name": "id",
                     "type": "string",
                     "required": true
                   }
                 ]
               },
               {
-                "key": "VIEW",
-                "name": "View",
+                "key": "APPROVE",
+                "name": "Approve",
                 "payloadSchema": [
                   {
                     "name": "id",
@@ -444,8 +379,8 @@
                 ]
               },
               {
-                "key": "EDIT",
-                "name": "Edit",
+                "key": "REJECT",
+                "name": "Reject",
                 "payloadSchema": [
                   {
                     "name": "id",
@@ -455,8 +390,8 @@
                 ]
               },
               {
-                "key": "REQUEST_DELETE",
-                "name": "Request Delete",
+                "key": "EXECUTE",
+                "name": "Execute",
                 "payloadSchema": [
                   {
                     "name": "id",
@@ -477,8 +412,8 @@
                     "ChangeOrder",
                     {
                       "emit": {
-                        "success": "ChangeOrderLoaded",
-                        "failure": "ChangeOrderLoadFailed"
+                        "failure": "ChangeOrderLoadFailed",
+                        "success": "ChangeOrderLoaded"
                       }
                     }
                   ],
@@ -487,135 +422,95 @@
                     "main",
                     {
                       "type": "stack",
+                      "gap": "md",
+                      "className": "py-12",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "color": "muted",
+                          "content": "Loading change orders…",
                           "type": "typography",
                           "variant": "caption",
-                          "content": "Loading change orders…"
+                          "color": "muted"
                         }
                       ],
-                      "className": "py-12",
-                      "gap": "md",
-                      "align": "center",
-                      "direction": "vertical"
+                      "align": "center"
                     }
                   ]
                 ]
               },
               {
                 "from": "loading",
-                "to": "viewing",
+                "to": "browsing",
                 "event": "ChangeOrderLoaded",
                 "effects": [
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
                           "direction": "horizontal",
-                          "justify": "between",
                           "children": [
                             {
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "file-text"
-                                },
-                                {
-                                  "content": "@config.title",
-                                  "variant": "h3",
-                                  "type": "typography"
-                                }
-                              ],
-                              "align": "center",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "type": "stack"
+                              "name": "file-text",
+                              "type": "icon"
                             },
                             {
-                              "actionPayload": {
-                                "source": "header"
-                              },
-                              "variant": "primary",
-                              "label": "New Change Order",
-                              "action": "CREATE",
-                              "type": "button"
+                              "content": "@config.title",
+                              "type": "typography",
+                              "variant": "h3"
                             }
                           ],
+                          "gap": "sm",
                           "align": "center",
-                          "type": "stack",
-                          "gap": "sm"
+                          "type": "stack"
                         },
                         {
-                          "type": "wizard-progress",
-                          "currentStep": 1.0,
-                          "steps": [
+                          "children": [
                             {
-                              "id": "draft",
-                              "title": "Draft"
+                              "icon": "file-text",
+                              "type": "stat-display",
+                              "label": "Total orders",
+                              "value": "@payload.data.length"
                             },
                             {
-                              "title": "Pending Approval",
-                              "id": "pending-approval"
+                              "type": "stat-display",
+                              "value": "11",
+                              "label": "Pending approval",
+                              "icon": "clock"
                             },
                             {
-                              "title": "Approved",
-                              "id": "approved"
+                              "value": "$184,500",
+                              "label": "Cost impact",
+                              "icon": "dollar-sign",
+                              "type": "stat-display"
                             },
                             {
-                              "title": "Executed",
-                              "id": "executed"
+                              "value": "47",
+                              "icon": "calendar",
+                              "label": "Days added",
+                              "type": "stat-display"
                             }
-                          ]
+                          ],
+                          "cols": 4.0,
+                          "type": "simple-grid"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "gap": "sm",
                           "cols": 1.0,
-                          "itemActions": [
-                            {
-                              "variant": "ghost",
-                              "event": "VIEW",
-                              "label": "View"
-                            },
-                            {
-                              "event": "EDIT",
-                              "variant": "secondary",
-                              "label": "Edit"
-                            },
-                            {
-                              "variant": "primary",
-                              "label": "Submit",
-                              "event": "SUBMIT_FOR_APPROVAL"
-                            },
-                            {
-                              "variant": "primary",
-                              "event": "APPROVE",
-                              "label": "Approve"
-                            },
-                            {
-                              "variant": "danger",
-                              "event": "REJECT",
-                              "label": "Reject"
-                            },
-                            {
-                              "label": "Delete",
-                              "event": "REQUEST_DELETE",
-                              "variant": "ghost"
-                            }
-                          ],
+                          "entity": "@payload.data",
                           "fields": [
                             {
-                              "name": "coNumber",
                               "label": "CO #",
+                              "name": "coNumber",
                               "variant": "caption"
                             },
                             {
@@ -625,27 +520,38 @@
                             },
                             {
                               "name": "costImpact",
-                              "variant": "caption",
-                              "label": "Cost Impact"
+                              "label": "Cost Impact",
+                              "variant": "caption"
                             },
                             {
-                              "label": "Days",
                               "variant": "caption",
-                              "name": "scheduleImpactDays"
+                              "name": "scheduleImpactDays",
+                              "label": "Days"
                             },
                             {
+                              "label": "Status",
                               "name": "status",
-                              "variant": "badge",
-                              "label": "Status"
+                              "variant": "badge"
                             },
                             {
-                              "name": "requestedBy",
                               "variant": "caption",
+                              "name": "requestedBy",
                               "label": "Requested By"
                             }
                           ],
-                          "gap": "sm",
-                          "entity": "@payload.data",
+                          "itemActions": [
+                            {
+                              "event": "OPEN_CHANGE_ORDER",
+                              "icon": "arrow-right",
+                              "label": "Open",
+                              "variant": "primary"
+                            },
+                            {
+                              "label": "Delete",
+                              "event": "REQUEST_DELETE",
+                              "variant": "danger"
+                            }
+                          ],
                           "type": "data-grid"
                         }
                       ],
@@ -663,117 +569,330 @@
                     "render-ui",
                     "main",
                     {
+                      "message": "@payload.error",
                       "type": "alert",
-                      "variant": "error",
-                      "message": "@payload.error"
+                      "variant": "error"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "SUBMIT_FOR_APPROVAL",
+                "from": "browsing",
+                "to": "viewing_single",
+                "event": "OPEN_CHANGE_ORDER",
                 "effects": [
                   [
                     "set",
                     "@entity.id",
-                    "@payload.id"
+                    "@payload.row.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "alert",
-                      "message": "Change order submitted for approval",
-                      "variant": "info"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "APPROVE",
-                "effects": [
+                    "set",
+                    "@entity.coNumber",
+                    "@payload.row.coNumber"
+                  ],
                   [
                     "set",
-                    "@entity.id",
-                    "@payload.id"
+                    "@entity.description",
+                    "@payload.row.description"
                   ],
                   [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "alert",
-                      "message": "Change order approved",
-                      "variant": "success"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "REJECT",
-                "effects": [
+                    "set",
+                    "@entity.reason",
+                    "@payload.row.reason"
+                  ],
                   [
                     "set",
-                    "@entity.id",
-                    "@payload.id"
+                    "@entity.costImpact",
+                    "@payload.row.costImpact"
                   ],
                   [
-                    "render-ui",
-                    "main",
-                    {
-                      "variant": "error",
-                      "message": "Change order rejected",
-                      "type": "alert"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "EXECUTE",
-                "effects": [
+                    "set",
+                    "@entity.scheduleImpactDays",
+                    "@payload.row.scheduleImpactDays"
+                  ],
                   [
                     "set",
-                    "@entity.id",
-                    "@payload.id"
+                    "@entity.status",
+                    "@payload.row.status"
+                  ],
+                  [
+                    "set",
+                    "@entity.requestedBy",
+                    "@payload.row.requestedBy"
+                  ],
+                  [
+                    "set",
+                    "@entity.approvedBy",
+                    "@payload.row.approvedBy"
+                  ],
+                  [
+                    "set",
+                    "@entity.requestedAt",
+                    "@payload.row.requestedAt"
+                  ],
+                  [
+                    "set",
+                    "@entity.approvedAt",
+                    "@payload.row.approvedAt"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "variant": "success",
-                      "message": "Change order executed"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "CREATE",
-                "effects": [
-                  [
+                      "direction": "vertical",
+                      "type": "stack",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "variant": "ghost",
+                              "type": "button",
+                              "action": "CLOSE_VIEW",
+                              "label": "Back"
+                            },
+                            {
+                              "name": "file-text",
+                              "type": "icon"
+                            },
+                            {
+                              "variant": "h3",
+                              "type": "typography",
+                              "content": "@entity.coNumber"
+                            },
+                            {
+                              "label": "@entity.status",
+                              "variant": "primary",
+                              "type": "badge"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "direction": "vertical",
+                          "type": "stack",
+                          "gap": "sm",
+                          "children": [
+                            {
+                              "children": [
+                                {
+                                  "content": "Description",
+                                  "color": "muted",
+                                  "type": "typography",
+                                  "variant": "caption"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": "@entity.description"
+                                }
+                              ],
+                              "gap": "md",
+                              "type": "stack",
+                              "direction": "horizontal"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "content": "Reason"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": "@entity.reason"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "gap": "md"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "color": "muted",
+                                  "variant": "caption",
+                                  "content": "Requested by"
+                                },
+                                {
+                                  "variant": "body",
+                                  "content": "@entity.requestedBy",
+                                  "type": "typography"
+                                }
+                              ],
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "md"
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "color": "muted",
+                                  "content": "Approved by",
+                                  "variant": "caption"
+                                },
+                                {
+                                  "content": "@entity.approvedBy",
+                                  "type": "typography",
+                                  "variant": "body"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "simple-grid",
+                          "cols": 4.0,
+                          "children": [
+                            {
+                              "type": "stat-display",
+                              "icon": "dollar-sign",
+                              "value": "@entity.costImpact",
+                              "label": "Cost impact"
+                            },
+                            {
+                              "type": "stat-display",
+                              "label": "Schedule days",
+                              "icon": "calendar",
+                              "value": "@entity.scheduleImpactDays"
+                            },
+                            {
+                              "type": "stat-display",
+                              "icon": "clock",
+                              "label": "Requested",
+                              "value": "@entity.requestedAt"
+                            },
+                            {
+                              "type": "stat-display",
+                              "value": "@entity.approvedAt",
+                              "label": "Approved",
+                              "icon": "check-circle"
+                            }
+                          ]
+                        },
+                        {
+                          "children": [
+                            {
+                              "type": "button",
+                              "action": "SUBMIT_FOR_APPROVAL",
+                              "label": "Submit",
+                              "variant": "primary",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              }
+                            },
+                            {
+                              "label": "Approve",
+                              "action": "APPROVE",
+                              "type": "button",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "variant": "primary"
+                            },
+                            {
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "label": "Reject",
+                              "variant": "danger",
+                              "action": "REJECT",
+                              "type": "button"
+                            },
+                            {
+                              "type": "button",
+                              "variant": "primary",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "action": "EXECUTE",
+                              "label": "Execute"
+                            },
+                            {
+                              "action": "REQUEST_DELETE",
+                              "label": "Delete",
+                              "type": "button",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "variant": "danger"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "browsing",
+                "to": "loading",
+                "event": "REQUEST_DELETE",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "ChangeOrder",
+                    {
+                      "emit": {
+                        "success": "ChangeOrderLoaded",
+                        "failure": "ChangeOrderLoadFailed"
+                      }
+                    }
+                  ],
+                  [
                     "render-ui",
                     "main",
                     {
-                      "variant": "info",
-                      "message": "Creating new change order",
-                      "type": "alert"
+                      "align": "center",
+                      "gap": "md",
+                      "type": "stack",
+                      "direction": "vertical",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "variant": "caption",
+                          "content": "Deleting change order…",
+                          "type": "typography"
+                        }
+                      ]
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "REFRESH",
+                "event": "CLOSE_VIEW",
                 "effects": [
                   [
                     "fetch",
@@ -789,89 +908,205 @@
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "gap": "md",
+                      "className": "py-12",
+                      "align": "center",
+                      "type": "stack",
+                      "direction": "vertical",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "type": "typography",
+                          "color": "muted",
+                          "content": "Loading change orders…"
+                        }
+                      ]
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "SEARCH",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "SUBMIT_FOR_APPROVAL",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "ChangeOrder",
+                    {
+                      "emit": {
+                        "failure": "ChangeOrderLoadFailed",
+                        "success": "ChangeOrderLoaded"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "message": "Searching change orders",
-                      "variant": "info"
+                      "direction": "vertical",
+                      "type": "stack",
+                      "gap": "md",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Submitting for approval…",
+                          "color": "muted",
+                          "type": "typography",
+                          "variant": "caption"
+                        }
+                      ],
+                      "align": "center"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "FILTER_STATUS",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "APPROVE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "ChangeOrder",
+                    {
+                      "emit": {
+                        "success": "ChangeOrderLoaded",
+                        "failure": "ChangeOrderLoadFailed"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "variant": "info",
-                      "message": "Filtering by status"
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "color": "muted",
+                          "type": "typography",
+                          "content": "Approving change order…"
+                        }
+                      ],
+                      "align": "center",
+                      "direction": "vertical",
+                      "className": "py-12",
+                      "gap": "md"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "VIEW",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "REJECT",
                 "effects": [
                   [
                     "set",
                     "@entity.id",
                     "@payload.id"
                   ],
+                  [
+                    "fetch",
+                    "ChangeOrder",
+                    {
+                      "emit": {
+                        "failure": "ChangeOrderLoadFailed",
+                        "success": "ChangeOrderLoaded"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "Viewing change order",
-                      "type": "alert",
-                      "variant": "info"
+                      "direction": "vertical",
+                      "gap": "md",
+                      "align": "center",
+                      "className": "py-12",
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Rejecting change order…",
+                          "type": "typography",
+                          "variant": "caption",
+                          "color": "muted"
+                        }
+                      ]
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "EDIT",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "EXECUTE",
                 "effects": [
                   [
                     "set",
                     "@entity.id",
                     "@payload.id"
                   ],
+                  [
+                    "fetch",
+                    "ChangeOrder",
+                    {
+                      "emit": {
+                        "success": "ChangeOrderLoaded",
+                        "failure": "ChangeOrderLoadFailed"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "Editing change order",
-                      "variant": "info",
-                      "type": "alert"
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "content": "Executing change order…",
+                          "color": "muted",
+                          "variant": "caption",
+                          "type": "typography"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "align": "center",
+                      "gap": "md",
+                      "className": "py-12"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
+                "from": "viewing_single",
+                "to": "loading",
                 "event": "REQUEST_DELETE",
                 "effects": [
                   [
@@ -879,13 +1114,36 @@
                     "@entity.id",
                     "@payload.id"
                   ],
+                  [
+                    "fetch",
+                    "ChangeOrder",
+                    {
+                      "emit": {
+                        "failure": "ChangeOrderLoadFailed",
+                        "success": "ChangeOrderLoaded"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "message": "Delete requested",
-                      "variant": "warning"
+                      "direction": "vertical",
+                      "align": "center",
+                      "className": "py-12",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Deleting change order…",
+                          "color": "muted"
+                        }
+                      ],
+                      "type": "stack"
                     }
                   ]
                 ]
@@ -909,8 +1167,8 @@
                     "render-ui",
                     "main",
                     {
-                      "size": "sm",
-                      "type": "spinner"
+                      "type": "spinner",
+                      "size": "sm"
                     }
                   ]
                 ]