@almadar/std 14.26.0 → 14.27.0

package/behaviors/registry/app/atoms/std-approval-request.orb

@@ -1,7 +1,7 @@
 {
   "name": "std-approval-request",
   "version": "1.0.0",
-  "description": "std-approval-request — Generic approval step primitive for routing a target (timesheet, expense, PTO, etc.) through requestor + approver decisions.",
+  "description": "std-approval-request — generic approval step for routing a target (timesheet, expense, PTO, etc.) through requestor + approver decisions. Lists requests in `browsing`; opens detail in `viewing_single` with Approve / Reject / Request Info / Withdraw actions.",
   "orbitals": [
     {
       "name": "ApprovalRequestOrbital",
@@ -100,58 +100,7 @@
           "linkedEntity": "ApprovalRequest",
           "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": "APPROVE",
+              "event": "OPEN_REQUEST",
               "payloadSchema": [
                 {
                   "name": "id",
@@ -213,64 +162,25 @@
               ]
             },
             {
-              "event": "REJECT",
+              "event": "CLOSE_REQUEST"
+            },
+            {
+              "event": "APPROVE",
               "payloadSchema": [
                 {
                   "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.title",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.targetType",
-                  "type": "string"
-                },
-                {
-                  "name": "row.targetId",
-                  "type": "string",
-                  "required": true
-                },
+                }
+              ]
+            },
+            {
+              "event": "REJECT",
+              "payloadSchema": [
                 {
-                  "name": "row.requestedBy",
+                  "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.requestedAt",
-                  "type": "string"
-                },
-                {
-                  "name": "row.assignedApprover",
-                  "type": "string"
-                },
-                {
-                  "name": "row.approverDecision",
-                  "type": "string"
-                },
-                {
-                  "name": "row.decidedAt",
-                  "type": "string"
-                },
-                {
-                  "name": "row.comment",
-                  "type": "string"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.pendingId",
-                  "type": "string"
                 }
               ]
             },
@@ -281,58 +191,6 @@
                   "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.title",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.targetType",
-                  "type": "string"
-                },
-                {
-                  "name": "row.targetId",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.requestedBy",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.requestedAt",
-                  "type": "string"
-                },
-                {
-                  "name": "row.assignedApprover",
-                  "type": "string"
-                },
-                {
-                  "name": "row.approverDecision",
-                  "type": "string"
-                },
-                {
-                  "name": "row.decidedAt",
-                  "type": "string"
-                },
-                {
-                  "name": "row.comment",
-                  "type": "string"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.pendingId",
-                  "type": "string"
                 }
               ]
             },
@@ -343,58 +201,6 @@
                   "name": "id",
                   "type": "string",
                   "required": true
-                },
-                {
-                  "name": "row.id",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.title",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.targetType",
-                  "type": "string"
-                },
-                {
-                  "name": "row.targetId",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.requestedBy",
-                  "type": "string",
-                  "required": true
-                },
-                {
-                  "name": "row.requestedAt",
-                  "type": "string"
-                },
-                {
-                  "name": "row.assignedApprover",
-                  "type": "string"
-                },
-                {
-                  "name": "row.approverDecision",
-                  "type": "string"
-                },
-                {
-                  "name": "row.decidedAt",
-                  "type": "string"
-                },
-                {
-                  "name": "row.comment",
-                  "type": "string"
-                },
-                {
-                  "name": "row.status",
-                  "type": "string"
-                },
-                {
-                  "name": "row.pendingId",
-                  "type": "string"
                 }
               ]
             },
@@ -428,7 +234,10 @@
                 "isInitial": true
               },
               {
-                "name": "viewing"
+                "name": "browsing"
+              },
+              {
+                "name": "viewing_single"
               },
               {
                 "name": "error"
@@ -464,69 +273,23 @@
                 ]
               },
               {
-                "key": "REFRESH",
-                "name": "Refresh",
-                "payloadSchema": [
-                  {
-                    "name": "source",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "SEARCH",
-                "name": "Search",
-                "payloadSchema": [
-                  {
-                    "name": "query",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "FILTER_STATUS",
-                "name": "Filter Status",
-                "payloadSchema": [
-                  {
-                    "name": "status",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "FILTER_TYPE",
-                "name": "Filter Type",
-                "payloadSchema": [
-                  {
-                    "name": "targetType",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "CREATE",
-                "name": "Create",
-                "payloadSchema": [
-                  {
-                    "name": "source",
-                    "type": "string"
-                  }
-                ]
-              },
-              {
-                "key": "VIEW",
-                "name": "View",
+                "key": "OPEN_REQUEST",
+                "name": "Open Request",
                 "payloadSchema": [
                   {
                     "name": "id",
                     "type": "string",
                     "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "ApprovalRequest"
                   }
                 ]
               },
               {
-                "key": "EDIT",
-                "name": "Edit",
+                "key": "WITHDRAW",
+                "name": "Withdraw",
                 "payloadSchema": [
                   {
                     "name": "id",
@@ -535,6 +298,10 @@
                   }
                 ]
               },
+              {
+                "key": "CLOSE_REQUEST",
+                "name": "Close Request"
+              },
               {
                 "key": "APPROVE",
                 "name": "Approve",
@@ -567,31 +334,9 @@
                     "required": true
                   }
                 ]
-              },
-              {
-                "key": "WITHDRAW",
-                "name": "Withdraw",
-                "payloadSchema": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "REQUEST_DELETE",
-                "name": "Request Delete",
-                "payloadSchema": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
-              }
-            ],
-            "transitions": [
+              }
+            ],
+            "transitions": [
               {
                 "from": "loading",
                 "to": "loading",
@@ -602,8 +347,8 @@
                     "ApprovalRequest",
                     {
                       "emit": {
-                        "failure": "ApprovalRequestLoadFailed",
-                        "success": "ApprovalRequestLoaded"
+                        "success": "ApprovalRequestLoaded",
+                        "failure": "ApprovalRequestLoadFailed"
                       }
                     }
                   ],
@@ -611,41 +356,43 @@
                     "render-ui",
                     "main",
                     {
-                      "className": "py-12",
-                      "gap": "md",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
+                          "variant": "caption",
                           "content": "Loading approval requests…",
-                          "type": "typography",
                           "color": "muted",
-                          "variant": "caption"
+                          "type": "typography"
                         }
                       ],
                       "direction": "vertical",
                       "type": "stack",
-                      "align": "center"
+                      "align": "center",
+                      "className": "py-12",
+                      "gap": "md"
                     }
                   ]
                 ]
               },
               {
                 "from": "loading",
-                "to": "viewing",
+                "to": "browsing",
                 "event": "ApprovalRequestLoaded",
                 "effects": [
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
                       "direction": "vertical",
                       "gap": "md",
+                      "type": "stack",
                       "children": [
                         {
+                          "direction": "horizontal",
                           "type": "stack",
+                          "gap": "sm",
                           "align": "center",
                           "children": [
                             {
@@ -653,204 +400,99 @@
                               "type": "icon"
                             },
                             {
-                              "content": "@config.title",
                               "variant": "h3",
-                              "type": "typography"
-                            },
-                            {
-                              "variant": "primary",
-                              "type": "button",
-                              "label": "New Approval Request",
-                              "action": "CREATE"
-                            }
-                          ],
-                          "direction": "horizontal",
-                          "gap": "sm"
-                        },
-                        {
-                          "currentStep": 1.0,
-                          "type": "wizard-progress",
-                          "steps": [
-                            {
-                              "title": "Submitted",
-                              "id": "submitted"
-                            },
-                            {
-                              "title": "Review",
-                              "id": "review"
-                            },
-                            {
-                              "title": "Decision",
-                              "id": "decision"
-                            },
-                            {
-                              "title": "Closed",
-                              "id": "closed"
+                              "type": "typography",
+                              "content": "@config.title"
                             }
                           ]
                         },
                         {
-                          "type": "stack",
-                          "align": "center",
-                          "direction": "horizontal",
                           "children": [
                             {
-                              "maxTurns": 4.0,
-                              "currentTurn": 2.0,
-                              "phase": "Review",
-                              "type": "turn-indicator",
-                              "activeTeam": "Approver",
-                              "size": "md"
-                            },
-                            {
-                              "type": "trend-indicator",
-                              "value": 12.5,
-                              "direction": "up",
-                              "label": "Approval rate trend",
-                              "size": "md",
-                              "showValue": true
-                            }
-                          ],
-                          "gap": "md"
-                        },
-                        {
-                          "phase": "Review",
-                          "actions": [
-                            {
-                              "label": "Approve",
-                              "event": "APPROVE"
-                            },
-                            {
-                              "label": "Reject",
-                              "event": "REJECT"
-                            }
-                          ],
-                          "currentTurn": 2.0,
-                          "maxTurns": 4.0,
-                          "type": "turn-panel",
-                          "activeTeam": "Approver"
-                        },
-                        {
-                          "type": "timeline",
-                          "title": "Approval Chronology",
-                          "items": [
-                            {
-                              "title": "Submitted",
-                              "id": "submitted",
-                              "description": "Request submitted",
-                              "status": "complete",
-                              "date": "2026-05-08"
+                              "icon": "inbox",
+                              "value": "@payload.data.length",
+                              "type": "stat-display",
+                              "label": "Total requests"
                             },
                             {
-                              "date": "2026-05-09",
-                              "status": "complete",
-                              "title": "Assigned",
-                              "description": "Approver assigned",
-                              "id": "assigned"
+                              "value": "14",
+                              "icon": "clock",
+                              "type": "stat-display",
+                              "label": "Pending"
                             },
                             {
-                              "date": "2026-05-11",
-                              "title": "Review",
-                              "id": "review",
-                              "status": "active",
-                              "description": "Approver reviewing"
+                              "icon": "check-circle",
+                              "type": "stat-display",
+                              "label": "Approved",
+                              "value": "82%"
                             },
                             {
-                              "title": "Decision",
-                              "date": "2026-05-12",
-                              "description": "Pending decision",
-                              "status": "pending",
-                              "id": "decision"
+                              "label": "Avg cycle",
+                              "value": "1.4 days",
+                              "type": "stat-display",
+                              "icon": "timer"
                             }
                           ],
-                          "fields": [
-                            "title",
-                            "date",
-                            "status",
-                            "description"
-                          ]
+                          "type": "simple-grid",
+                          "cols": 4.0
                         },
                         {
                           "type": "divider"
                         },
                         {
                           "cols": 1.0,
-                          "gap": "sm",
-                          "type": "data-grid",
                           "fields": [
                             {
                               "label": "Title",
-                              "variant": "caption",
-                              "name": "title"
+                              "name": "title",
+                              "variant": "caption"
                             },
                             {
-                              "label": "Target",
                               "name": "targetType",
+                              "label": "Target",
                               "variant": "badge"
                             },
                             {
+                              "label": "Requested By",
                               "variant": "caption",
-                              "name": "requestedBy",
-                              "label": "Requested By"
+                              "name": "requestedBy"
                             },
                             {
-                              "variant": "caption",
                               "name": "assignedApprover",
+                              "variant": "caption",
                               "label": "Approver"
                             },
                             {
-                              "label": "Decision",
                               "name": "approverDecision",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "label": "Decision"
                             },
                             {
-                              "name": "status",
+                              "label": "Status",
                               "variant": "badge",
-                              "label": "Status"
+                              "name": "status"
                             },
                             {
-                              "name": "decidedAt",
+                              "label": "Decided",
                               "variant": "caption",
-                              "label": "Decided"
+                              "name": "decidedAt"
                             }
                           ],
+                          "gap": "sm",
                           "itemActions": [
                             {
-                              "variant": "secondary",
-                              "label": "View",
-                              "event": "VIEW"
-                            },
-                            {
-                              "label": "Edit",
-                              "event": "EDIT",
-                              "variant": "secondary"
-                            },
-                            {
-                              "event": "APPROVE",
-                              "label": "Approve",
+                              "label": "Open",
+                              "icon": "arrow-right",
+                              "event": "OPEN_REQUEST",
                               "variant": "primary"
                             },
                             {
-                              "variant": "danger",
-                              "event": "REJECT",
-                              "label": "Reject"
-                            },
-                            {
-                              "label": "Request Info",
-                              "event": "REQUEST_INFO",
-                              "variant": "ghost"
-                            },
-                            {
+                              "event": "WITHDRAW",
                               "label": "Withdraw",
-                              "variant": "ghost",
-                              "event": "WITHDRAW"
-                            },
-                            {
-                              "event": "REQUEST_DELETE",
-                              "label": "Delete",
                               "variant": "danger"
                             }
                           ],
+                          "type": "data-grid",
                           "entity": "@payload.data"
                         }
                       ]
@@ -875,56 +517,280 @@
                 ]
               },
               {
-                "from": "viewing",
-                "to": "loading",
-                "event": "REFRESH",
+                "from": "browsing",
+                "to": "viewing_single",
+                "event": "OPEN_REQUEST",
                 "effects": [
                   [
-                    "fetch",
-                    "ApprovalRequest",
-                    {
-                      "emit": {
-                        "success": "ApprovalRequestLoaded",
-                        "failure": "ApprovalRequestLoadFailed"
-                      }
-                    }
+                    "set",
+                    "@entity.id",
+                    "@payload.row.id"
+                  ],
+                  [
+                    "set",
+                    "@entity.title",
+                    "@payload.row.title"
+                  ],
+                  [
+                    "set",
+                    "@entity.targetType",
+                    "@payload.row.targetType"
+                  ],
+                  [
+                    "set",
+                    "@entity.targetId",
+                    "@payload.row.targetId"
+                  ],
+                  [
+                    "set",
+                    "@entity.requestedBy",
+                    "@payload.row.requestedBy"
+                  ],
+                  [
+                    "set",
+                    "@entity.requestedAt",
+                    "@payload.row.requestedAt"
+                  ],
+                  [
+                    "set",
+                    "@entity.assignedApprover",
+                    "@payload.row.assignedApprover"
+                  ],
+                  [
+                    "set",
+                    "@entity.approverDecision",
+                    "@payload.row.approverDecision"
+                  ],
+                  [
+                    "set",
+                    "@entity.decidedAt",
+                    "@payload.row.decidedAt"
+                  ],
+                  [
+                    "set",
+                    "@entity.comment",
+                    "@payload.row.comment"
+                  ],
+                  [
+                    "set",
+                    "@entity.status",
+                    "@payload.row.status"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
                       "type": "stack",
-                      "className": "py-12",
-                      "direction": "vertical",
-                      "align": "center",
                       "children": [
                         {
-                          "type": "spinner"
+                          "children": [
+                            {
+                              "variant": "ghost",
+                              "type": "button",
+                              "label": "Back",
+                              "action": "CLOSE_REQUEST"
+                            },
+                            {
+                              "name": "check-circle",
+                              "type": "icon"
+                            },
+                            {
+                              "variant": "h3",
+                              "type": "typography",
+                              "content": "@entity.title"
+                            },
+                            {
+                              "type": "badge",
+                              "variant": "default",
+                              "label": "@entity.status"
+                            },
+                            {
+                              "variant": "primary",
+                              "label": "@entity.approverDecision",
+                              "type": "badge"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "type": "stack"
                         },
                         {
-                          "variant": "caption",
-                          "content": "Refreshing approval requests…",
-                          "type": "typography",
-                          "color": "muted"
+                          "type": "divider"
+                        },
+                        {
+                          "gap": "sm",
+                          "direction": "vertical",
+                          "type": "stack",
+                          "children": [
+                            {
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "content": "Target",
+                                  "color": "muted"
+                                },
+                                {
+                                  "content": "@entity.targetType",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "content": "@entity.targetId",
+                                  "type": "typography",
+                                  "variant": "body"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "gap": "md"
+                            },
+                            {
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "variant": "caption",
+                                  "content": "Requested by",
+                                  "color": "muted"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": "@entity.requestedBy"
+                                }
+                              ],
+                              "gap": "md"
+                            },
+                            {
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "type": "typography",
+                                  "color": "muted",
+                                  "content": "Approver"
+                                },
+                                {
+                                  "content": "@entity.assignedApprover",
+                                  "variant": "body",
+                                  "type": "typography"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "color": "muted",
+                                  "type": "typography",
+                                  "content": "Comment"
+                                },
+                                {
+                                  "variant": "body",
+                                  "type": "typography",
+                                  "content": "@entity.comment"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "children": [
+                            {
+                              "icon": "calendar",
+                              "type": "stat-display",
+                              "label": "Requested at",
+                              "value": "@entity.requestedAt"
+                            },
+                            {
+                              "label": "Decided at",
+                              "icon": "calendar-check",
+                              "type": "stat-display",
+                              "value": "@entity.decidedAt"
+                            }
+                          ],
+                          "type": "simple-grid",
+                          "cols": 2.0
+                        },
+                        {
+                          "align": "center",
+                          "type": "stack",
+                          "gap": "sm",
+                          "direction": "horizontal",
+                          "children": [
+                            {
+                              "label": "Approve",
+                              "type": "button",
+                              "action": "APPROVE",
+                              "variant": "primary",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              }
+                            },
+                            {
+                              "type": "button",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "action": "REJECT",
+                              "variant": "danger",
+                              "label": "Reject"
+                            },
+                            {
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "action": "REQUEST_INFO",
+                              "label": "Request Info",
+                              "type": "button",
+                              "variant": "secondary"
+                            },
+                            {
+                              "action": "WITHDRAW",
+                              "type": "button",
+                              "label": "Withdraw",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "variant": "ghost"
+                            }
+                          ]
                         }
-                      ]
+                      ],
+                      "gap": "md",
+                      "direction": "vertical"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "browsing",
                 "to": "loading",
-                "event": "SEARCH",
+                "event": "WITHDRAW",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "ApprovalRequest",
                     {
                       "emit": {
-                        "success": "ApprovalRequestLoaded",
-                        "failure": "ApprovalRequestLoadFailed"
+                        "failure": "ApprovalRequestLoadFailed",
+                        "success": "ApprovalRequestLoaded"
                       }
                     }
                   ],
@@ -932,30 +798,30 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
-                      "gap": "md",
-                      "className": "py-12",
+                      "direction": "vertical",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
                           "color": "muted",
+                          "content": "Withdrawing request…",
                           "variant": "caption",
-                          "content": "Searching approval requests…"
+                          "type": "typography"
                         }
                       ],
+                      "className": "py-12",
                       "align": "center",
-                      "direction": "vertical"
+                      "gap": "md",
+                      "type": "stack"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "FILTER_STATUS",
+                "event": "CLOSE_REQUEST",
                 "effects": [
                   [
                     "fetch",
@@ -971,31 +837,36 @@
                     "render-ui",
                     "main",
                     {
-                      "align": "center",
+                      "type": "stack",
                       "className": "py-12",
-                      "gap": "md",
+                      "direction": "vertical",
+                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Filtering approval requests…",
-                          "variant": "caption",
+                          "content": "Loading approval requests…",
                           "type": "typography",
-                          "color": "muted"
+                          "color": "muted",
+                          "variant": "caption"
                         }
                       ],
-                      "type": "stack",
-                      "direction": "vertical"
+                      "gap": "md"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "FILTER_TYPE",
+                "event": "APPROVE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "ApprovalRequest",
@@ -1010,67 +881,30 @@
                     "render-ui",
                     "main",
                     {
-                      "align": "center",
-                      "direction": "vertical",
-                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "content": "Filtering approval requests…",
                           "type": "typography",
-                          "color": "muted",
-                          "variant": "caption"
+                          "content": "Recording approval…",
+                          "variant": "caption",
+                          "color": "muted"
                         }
                       ],
+                      "type": "stack",
                       "gap": "md",
-                      "type": "stack"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "CREATE",
-                "effects": [
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "variant": "info",
-                      "type": "alert",
-                      "message": "Creating new approval request"
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "VIEW",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "alert",
-                      "variant": "info",
-                      "message": "Viewing approval request"
+                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "EDIT",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "REJECT",
                 "effects": [
                   [
                     "set",
@@ -1078,41 +912,43 @@
                     "@payload.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
+                    "fetch",
+                    "ApprovalRequest",
                     {
-                      "variant": "info",
-                      "type": "alert",
-                      "message": "Editing approval request"
+                      "emit": {
+                        "failure": "ApprovalRequestLoadFailed",
+                        "success": "ApprovalRequestLoaded"
+                      }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "APPROVE",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "variant": "success",
-                      "message": "Approval recorded",
-                      "type": "alert"
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "content": "Recording rejection…",
+                          "color": "muted",
+                          "type": "typography"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "type": "stack",
+                      "align": "center"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "REJECT",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "REQUEST_INFO",
                 "effects": [
                   [
                     "set",
@@ -1120,40 +956,42 @@
                     "@payload.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
+                    "fetch",
+                    "ApprovalRequest",
                     {
-                      "type": "alert",
-                      "variant": "warning",
-                      "message": "Rejection recorded"
+                      "emit": {
+                        "success": "ApprovalRequestLoaded",
+                        "failure": "ApprovalRequestLoadFailed"
+                      }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "REQUEST_INFO",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "More information requested",
-                      "type": "alert",
-                      "variant": "info"
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "content": "Requesting more info…",
+                          "type": "typography",
+                          "color": "muted"
+                        }
+                      ],
+                      "className": "py-12",
+                      "gap": "md",
+                      "type": "stack",
+                      "align": "center",
+                      "direction": "vertical"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
+                "from": "viewing_single",
+                "to": "loading",
                 "event": "WITHDRAW",
                 "effects": [
                   [
@@ -1162,33 +1000,35 @@
                     "@payload.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
+                    "fetch",
+                    "ApprovalRequest",
                     {
-                      "type": "alert",
-                      "variant": "info",
-                      "message": "Request withdrawn"
+                      "emit": {
+                        "failure": "ApprovalRequestLoadFailed",
+                        "success": "ApprovalRequestLoaded"
+                      }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "REQUEST_DELETE",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "message": "Delete requested",
-                      "variant": "warning"
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "content": "Withdrawing request…",
+                          "type": "typography",
+                          "variant": "caption"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "className": "py-12",
+                      "type": "stack",
+                      "gap": "md",
+                      "align": "center"
                     }
                   ]
                 ]