@almadar/std 14.25.0 → 14.27.0

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

@@ -1,7 +1,7 @@
 {
   "name": "std-timesheet",
   "version": "1.0.0",
-  "description": "std-timesheet — weekly timesheet primitive holding total/billable hours for one employee and tracking approval status.",
+  "description": "std-timesheet — weekly timesheet primitive holding total/billable hours for one employee. Lists timesheets in `browsing`; opens detail in `viewing_single` with Submit / Approve / Reject / Revise / Delete actions.",
   "orbitals": [
     {
       "name": "TimesheetOrbital",
@@ -91,7 +91,7 @@
           "linkedEntity": "Timesheet",
           "emits": [
             {
-              "event": "VIEW",
+              "event": "OPEN_TIMESHEET",
               "payloadSchema": [
                 {
                   "name": "id",
@@ -99,48 +99,66 @@
                   "required": true
                 },
                 {
-                  "name": "source",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "EDIT",
-              "payloadSchema": [
+                  "name": "row.id",
+                  "type": "string",
+                  "required": true
+                },
                 {
-                  "name": "id",
+                  "name": "row.employeeId",
                   "type": "string",
                   "required": true
                 },
                 {
-                  "name": "source",
+                  "name": "row.employeeName",
                   "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "CREATE",
-              "payloadSchema": [
+                },
                 {
-                  "name": "source",
-                  "type": "string"
-                }
-              ]
-            },
-            {
-              "event": "REQUEST_DELETE",
-              "payloadSchema": [
+                  "name": "row.periodStart",
+                  "type": "string",
+                  "required": true
+                },
                 {
-                  "name": "id",
+                  "name": "row.periodEnd",
                   "type": "string",
                   "required": true
                 },
                 {
-                  "name": "source",
+                  "name": "row.totalHours",
+                  "type": "number"
+                },
+                {
+                  "name": "row.billableHours",
+                  "type": "number"
+                },
+                {
+                  "name": "row.status",
+                  "type": "string"
+                },
+                {
+                  "name": "row.submittedAt",
+                  "type": "string"
+                },
+                {
+                  "name": "row.approvedBy",
+                  "type": "string"
+                },
+                {
+                  "name": "row.approvedAt",
+                  "type": "string"
+                },
+                {
+                  "name": "row.notes",
+                  "type": "string"
+                },
+                {
+                  "name": "row.pendingId",
                   "type": "string"
                 }
               ]
             },
+            {
+              "event": "CLOSE_VIEW"
+            },
             {
               "event": "SUBMIT",
               "payloadSchema": [
@@ -405,6 +423,16 @@
                 }
               ]
             },
+            {
+              "event": "REQUEST_DELETE",
+              "payloadSchema": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                }
+              ]
+            },
             {
               "event": "TimesheetLoaded",
               "payloadSchema": [
@@ -439,7 +467,10 @@
                 "isInitial": true
               },
               {
-                "name": "viewing"
+                "name": "browsing"
+              },
+              {
+                "name": "viewing_single"
               },
               {
                 "name": "error"
@@ -479,34 +510,34 @@
                 ]
               },
               {
-                "key": "REFRESH",
-                "name": "Refresh",
+                "key": "OPEN_TIMESHEET",
+                "name": "Open Timesheet",
                 "payloadSchema": [
                   {
-                    "name": "source",
-                    "type": "string"
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "Timesheet"
                   }
                 ]
               },
               {
-                "key": "SEARCH",
-                "name": "Search",
+                "key": "REQUEST_DELETE",
+                "name": "Request Delete",
                 "payloadSchema": [
                   {
-                    "name": "query",
-                    "type": "string"
+                    "name": "id",
+                    "type": "string",
+                    "required": true
                   }
                 ]
               },
               {
-                "key": "FILTER_STATUS",
-                "name": "Filter Status",
-                "payloadSchema": [
-                  {
-                    "name": "status",
-                    "type": "string"
-                  }
-                ]
+                "key": "CLOSE_VIEW",
+                "name": "Close View"
               },
               {
                 "key": "SUBMIT",
@@ -516,6 +547,10 @@
                     "name": "id",
                     "type": "string",
                     "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "Timesheet"
                   }
                 ]
               },
@@ -527,6 +562,10 @@
                     "name": "id",
                     "type": "string",
                     "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "Timesheet"
                   }
                 ]
               },
@@ -538,6 +577,10 @@
                     "name": "id",
                     "type": "string",
                     "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "Timesheet"
                   }
                 ]
               },
@@ -549,49 +592,10 @@
                     "name": "id",
                     "type": "string",
                     "required": true
-                  }
-                ]
-              },
-              {
-                "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",
-                "payloadSchema": [
+                  },
                   {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
+                    "name": "row",
+                    "type": "Timesheet"
                   }
                 ]
               }
@@ -607,8 +611,8 @@
                     "Timesheet",
                     {
                       "emit": {
-                        "failure": "TimesheetLoadFailed",
-                        "success": "TimesheetLoaded"
+                        "success": "TimesheetLoaded",
+                        "failure": "TimesheetLoadFailed"
                       }
                     }
                   ],
@@ -616,21 +620,21 @@
                     "render-ui",
                     "main",
                     {
+                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
-                          "content": "Loading timesheets…",
                           "color": "muted",
-                          "variant": "caption"
+                          "type": "typography",
+                          "variant": "caption",
+                          "content": "Loading timesheets…"
                         }
                       ],
                       "align": "center",
                       "type": "stack",
                       "direction": "vertical",
-                      "className": "py-12",
                       "gap": "md"
                     }
                   ]
@@ -638,7 +642,7 @@
               },
               {
                 "from": "loading",
-                "to": "viewing",
+                "to": "browsing",
                 "event": "TimesheetLoaded",
                 "effects": [
                   [
@@ -647,135 +651,90 @@
                     {
                       "children": [
                         {
-                          "direction": "horizontal",
-                          "align": "center",
                           "type": "stack",
+                          "align": "center",
                           "gap": "sm",
+                          "direction": "horizontal",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "clock"
+                              "name": "clock",
+                              "type": "icon"
                             },
                             {
+                              "type": "typography",
                               "content": "@config.title",
-                              "variant": "h3",
-                              "type": "typography"
-                            },
-                            {
-                              "type": "button",
-                              "variant": "primary",
-                              "action": "CREATE",
-                              "label": "New Timesheet"
+                              "variant": "h3"
                             }
                           ]
                         },
                         {
-                          "count": 7.0,
-                          "currentIndex": 3.0,
-                          "size": "md",
-                          "type": "progress-dots"
-                        },
-                        {
-                          "gap": "sm",
-                          "align": "center",
-                          "type": "stack",
-                          "direction": "horizontal",
+                          "cols": 4.0,
                           "children": [
                             {
-                              "date": "2026-05-11",
-                              "isToday": true,
-                              "type": "day-cell"
+                              "type": "stat-display",
+                              "icon": "clock",
+                              "value": "@payload.data.length",
+                              "label": "Total timesheets"
                             },
                             {
-                              "isOccupied": true,
-                              "type": "time-slot-cell",
-                              "time": "09:00"
+                              "label": "Pending approval",
+                              "type": "stat-display",
+                              "value": "14",
+                              "icon": "hourglass"
                             },
                             {
-                              "type": "time-slot-cell",
-                              "time": "10:00",
-                              "isOccupied": false
+                              "icon": "dollar-sign",
+                              "value": "1,240",
+                              "type": "stat-display",
+                              "label": "Billable hours wk"
+                            },
+                            {
+                              "icon": "check-circle",
+                              "value": "38",
+                              "type": "stat-display",
+                              "label": "Approved this wk"
                             }
-                          ]
-                        },
-                        {
-                          "timeSlots": [
-                            "09:00",
-                            "10:00",
-                            "11:00",
-                            "12:00",
-                            "13:00",
-                            "14:00",
-                            "15:00",
-                            "16:00",
-                            "17:00"
                           ],
-                          "type": "calendar-grid"
+                          "type": "simple-grid"
                         },
                         {
                           "type": "divider"
                         },
                         {
-                          "cols": 1.0,
-                          "gap": "sm",
                           "itemActions": [
                             {
-                              "variant": "ghost",
-                              "event": "VIEW",
-                              "label": "View"
-                            },
-                            {
-                              "variant": "secondary",
-                              "label": "Edit",
-                              "event": "EDIT"
-                            },
-                            {
-                              "label": "Submit",
+                              "icon": "arrow-right",
                               "variant": "primary",
-                              "event": "SUBMIT"
-                            },
-                            {
-                              "label": "Approve",
-                              "event": "APPROVE",
-                              "variant": "primary"
-                            },
-                            {
-                              "variant": "danger",
-                              "event": "REJECT",
-                              "label": "Reject"
+                              "label": "Open",
+                              "event": "OPEN_TIMESHEET"
                             },
                             {
-                              "event": "REQUEST_REVISION",
-                              "label": "Revise",
-                              "variant": "secondary"
-                            },
-                            {
-                              "variant": "danger",
+                              "event": "REQUEST_DELETE",
                               "label": "Delete",
-                              "event": "REQUEST_DELETE"
+                              "variant": "danger"
                             }
                           ],
                           "type": "data-grid",
                           "fields": [
                             {
-                              "variant": "caption",
                               "name": "employeeName",
-                              "label": "Employee"
+                              "label": "Employee",
+                              "variant": "caption"
                             },
                             {
+                              "name": "periodStart",
                               "label": "Period Start",
-                              "variant": "caption",
-                              "name": "periodStart"
+                              "variant": "caption"
                             },
                             {
-                              "label": "Period End",
                               "name": "periodEnd",
-                              "variant": "caption"
+                              "variant": "caption",
+                              "label": "Period End"
                             },
                             {
-                              "label": "Total Hours",
+                              "variant": "caption",
                               "name": "totalHours",
-                              "variant": "caption"
+                              "label": "Total Hours"
                             },
                             {
                               "variant": "caption",
@@ -784,20 +743,22 @@
                             },
                             {
                               "label": "Status",
-                              "name": "status",
-                              "variant": "badge"
+                              "variant": "badge",
+                              "name": "status"
                             },
                             {
-                              "variant": "caption",
+                              "name": "approvedBy",
                               "label": "Approved By",
-                              "name": "approvedBy"
+                              "variant": "caption"
                             }
                           ],
-                          "entity": "@payload.data"
+                          "entity": "@payload.data",
+                          "gap": "sm",
+                          "cols": 1.0
                         }
                       ],
-                      "type": "stack",
                       "direction": "vertical",
+                      "type": "stack",
                       "gap": "md"
                     }
                   ]
@@ -812,46 +773,267 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
                       "variant": "error",
-                      "message": "@payload.error"
+                      "message": "@payload.error",
+                      "type": "alert"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "loading",
-                "event": "REFRESH",
+                "from": "browsing",
+                "to": "viewing_single",
+                "event": "OPEN_TIMESHEET",
                 "effects": [
                   [
-                    "fetch",
-                    "Timesheet",
-                    {
-                      "emit": {
-                        "failure": "TimesheetLoadFailed",
-                        "success": "TimesheetLoaded"
-                      }
-                    }
+                    "set",
+                    "@entity.id",
+                    "@payload.row.id"
+                  ],
+                  [
+                    "set",
+                    "@entity.employeeId",
+                    "@payload.row.employeeId"
+                  ],
+                  [
+                    "set",
+                    "@entity.employeeName",
+                    "@payload.row.employeeName"
+                  ],
+                  [
+                    "set",
+                    "@entity.periodStart",
+                    "@payload.row.periodStart"
+                  ],
+                  [
+                    "set",
+                    "@entity.periodEnd",
+                    "@payload.row.periodEnd"
+                  ],
+                  [
+                    "set",
+                    "@entity.totalHours",
+                    "@payload.row.totalHours"
+                  ],
+                  [
+                    "set",
+                    "@entity.billableHours",
+                    "@payload.row.billableHours"
+                  ],
+                  [
+                    "set",
+                    "@entity.status",
+                    "@payload.row.status"
+                  ],
+                  [
+                    "set",
+                    "@entity.submittedAt",
+                    "@payload.row.submittedAt"
+                  ],
+                  [
+                    "set",
+                    "@entity.approvedBy",
+                    "@payload.row.approvedBy"
+                  ],
+                  [
+                    "set",
+                    "@entity.approvedAt",
+                    "@payload.row.approvedAt"
+                  ],
+                  [
+                    "set",
+                    "@entity.notes",
+                    "@payload.row.notes"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
                       "direction": "vertical",
-                      "align": "center",
-                      "gap": "md",
                       "type": "stack",
-                      "className": "py-12",
+                      "gap": "md",
                       "children": [
                         {
-                          "type": "spinner"
+                          "children": [
+                            {
+                              "label": "Back",
+                              "variant": "ghost",
+                              "action": "CLOSE_VIEW",
+                              "type": "button"
+                            },
+                            {
+                              "type": "icon",
+                              "name": "clock"
+                            },
+                            {
+                              "variant": "h3",
+                              "type": "typography",
+                              "content": "@entity.employeeName"
+                            },
+                            {
+                              "type": "badge",
+                              "label": "@entity.status",
+                              "variant": "primary"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "type": "stack",
+                          "gap": "sm",
+                          "align": "center"
                         },
                         {
-                          "variant": "caption",
-                          "color": "muted",
-                          "type": "typography",
-                          "content": "Refreshing timesheets…"
+                          "type": "divider"
+                        },
+                        {
+                          "type": "stack",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "type": "typography",
+                                  "content": "Employee ID",
+                                  "color": "muted",
+                                  "variant": "caption"
+                                },
+                                {
+                                  "content": "@entity.employeeId",
+                                  "variant": "body",
+                                  "type": "typography"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md"
+                            },
+                            {
+                              "gap": "md",
+                              "direction": "horizontal",
+                              "type": "stack",
+                              "children": [
+                                {
+                                  "variant": "caption",
+                                  "content": "Approved by",
+                                  "color": "muted",
+                                  "type": "typography"
+                                },
+                                {
+                                  "content": "@entity.approvedBy",
+                                  "type": "typography",
+                                  "variant": "body"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "children": [
+                                {
+                                  "color": "muted",
+                                  "type": "typography",
+                                  "content": "Notes",
+                                  "variant": "caption"
+                                },
+                                {
+                                  "type": "typography",
+                                  "variant": "body",
+                                  "content": "@entity.notes"
+                                }
+                              ]
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "sm"
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "simple-grid",
+                          "children": [
+                            {
+                              "value": "@entity.totalHours",
+                              "type": "stat-display",
+                              "label": "Total hours",
+                              "icon": "clock"
+                            },
+                            {
+                              "label": "Billable",
+                              "value": "@entity.billableHours",
+                              "icon": "dollar-sign",
+                              "type": "stat-display"
+                            },
+                            {
+                              "label": "Period start",
+                              "value": "@entity.periodStart",
+                              "type": "stat-display",
+                              "icon": "calendar"
+                            },
+                            {
+                              "type": "stat-display",
+                              "icon": "calendar-check",
+                              "value": "@entity.periodEnd",
+                              "label": "Period end"
+                            }
+                          ],
+                          "cols": 4.0
+                        },
+                        {
+                          "type": "stack",
+                          "children": [
+                            {
+                              "type": "button",
+                              "action": "SUBMIT",
+                              "label": "Submit",
+                              "variant": "primary",
+                              "actionPayload": {
+                                "row": "@entity",
+                                "id": "@entity.id"
+                              }
+                            },
+                            {
+                              "actionPayload": {
+                                "row": "@entity",
+                                "id": "@entity.id"
+                              },
+                              "label": "Approve",
+                              "variant": "primary",
+                              "action": "APPROVE",
+                              "type": "button"
+                            },
+                            {
+                              "actionPayload": {
+                                "row": "@entity",
+                                "id": "@entity.id"
+                              },
+                              "action": "REJECT",
+                              "type": "button",
+                              "label": "Reject",
+                              "variant": "danger"
+                            },
+                            {
+                              "action": "REQUEST_REVISION",
+                              "variant": "secondary",
+                              "label": "Revise",
+                              "type": "button",
+                              "actionPayload": {
+                                "id": "@entity.id",
+                                "row": "@entity"
+                              }
+                            },
+                            {
+                              "type": "button",
+                              "actionPayload": {
+                                "id": "@entity.id"
+                              },
+                              "action": "REQUEST_DELETE",
+                              "label": "Delete",
+                              "variant": "danger"
+                            }
+                          ],
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center"
                         }
                       ]
                     }
@@ -859,10 +1041,15 @@
                 ]
               },
               {
-                "from": "viewing",
+                "from": "browsing",
                 "to": "loading",
-                "event": "SEARCH",
+                "event": "REQUEST_DELETE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.id",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "Timesheet",
@@ -877,30 +1064,30 @@
                     "render-ui",
                     "main",
                     {
-                      "gap": "md",
                       "type": "stack",
-                      "direction": "vertical",
-                      "align": "center",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
-                          "variant": "caption",
+                          "content": "Deleting timesheet…",
                           "color": "muted",
-                          "content": "Searching timesheets…"
+                          "variant": "caption",
+                          "type": "typography"
                         }
                       ],
-                      "className": "py-12"
+                      "align": "center",
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "gap": "md"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
+                "from": "viewing_single",
                 "to": "loading",
-                "event": "FILTER_STATUS",
+                "event": "CLOSE_VIEW",
                 "effects": [
                   [
                     "fetch",
@@ -916,29 +1103,29 @@
                     "render-ui",
                     "main",
                     {
-                      "type": "stack",
+                      "className": "py-12",
                       "children": [
                         {
                           "type": "spinner"
                         },
                         {
-                          "type": "typography",
-                          "variant": "caption",
+                          "content": "Loading timesheets…",
                           "color": "muted",
-                          "content": "Filtering timesheets…"
+                          "type": "typography",
+                          "variant": "caption"
                         }
                       ],
-                      "direction": "vertical",
-                      "align": "center",
+                      "type": "stack",
                       "gap": "md",
-                      "className": "py-12"
+                      "align": "center",
+                      "direction": "vertical"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
+                "from": "viewing_single",
+                "to": "loading",
                 "event": "SUBMIT",
                 "effects": [
                   [
@@ -946,20 +1133,43 @@
                     "@entity.id",
                     "@payload.id"
                   ],
+                  [
+                    "fetch",
+                    "Timesheet",
+                    {
+                      "emit": {
+                        "success": "TimesheetLoaded",
+                        "failure": "TimesheetLoadFailed"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "Timesheet submitted",
-                      "variant": "success",
-                      "type": "alert"
+                      "type": "stack",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "content": "Submitting timesheet…",
+                          "color": "muted",
+                          "type": "typography"
+                        }
+                      ],
+                      "direction": "vertical",
+                      "gap": "md",
+                      "align": "center"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
+                "from": "viewing_single",
+                "to": "loading",
                 "event": "APPROVE",
                 "effects": [
                   [
@@ -968,41 +1178,43 @@
                     "@payload.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
+                    "fetch",
+                    "Timesheet",
                     {
-                      "variant": "success",
-                      "type": "alert",
-                      "message": "Timesheet approved"
+                      "emit": {
+                        "success": "TimesheetLoaded",
+                        "failure": "TimesheetLoadFailed"
+                      }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "REJECT",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "variant": "info",
-                      "message": "Timesheet rejected"
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "variant": "caption",
+                          "content": "Approving timesheet…",
+                          "color": "muted",
+                          "type": "typography"
+                        }
+                      ],
+                      "gap": "md",
+                      "type": "stack",
+                      "direction": "vertical",
+                      "align": "center",
+                      "className": "py-12"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "REQUEST_REVISION",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "REJECT",
                 "effects": [
                   [
                     "set",
@@ -1010,36 +1222,43 @@
                     "@payload.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
+                    "fetch",
+                    "Timesheet",
                     {
-                      "variant": "info",
-                      "type": "alert",
-                      "message": "Revision requested"
+                      "emit": {
+                        "failure": "TimesheetLoadFailed",
+                        "success": "TimesheetLoaded"
+                      }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "CREATE",
-                "effects": [
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "variant": "info",
-                      "message": "Creating new timesheet"
+                      "className": "py-12",
+                      "direction": "vertical",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "color": "muted",
+                          "content": "Rejecting timesheet…"
+                        }
+                      ],
+                      "gap": "md",
+                      "type": "stack",
+                      "align": "center"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "VIEW",
+                "from": "viewing_single",
+                "to": "loading",
+                "event": "REQUEST_REVISION",
                 "effects": [
                   [
                     "set",
@@ -1047,40 +1266,42 @@
                     "@payload.id"
                   ],
                   [
-                    "render-ui",
-                    "main",
+                    "fetch",
+                    "Timesheet",
                     {
-                      "variant": "info",
-                      "message": "Viewing timesheet",
-                      "type": "alert"
+                      "emit": {
+                        "failure": "TimesheetLoadFailed",
+                        "success": "TimesheetLoaded"
+                      }
                     }
-                  ]
-                ]
-              },
-              {
-                "from": "viewing",
-                "to": "viewing",
-                "event": "EDIT",
-                "effects": [
-                  [
-                    "set",
-                    "@entity.id",
-                    "@payload.id"
                   ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "message": "Editing timesheet",
-                      "type": "alert",
-                      "variant": "info"
+                      "type": "stack",
+                      "align": "center",
+                      "direction": "vertical",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "caption",
+                          "color": "muted",
+                          "content": "Requesting revision…"
+                        }
+                      ],
+                      "gap": "md"
                     }
                   ]
                 ]
               },
               {
-                "from": "viewing",
-                "to": "viewing",
+                "from": "viewing_single",
+                "to": "loading",
                 "event": "REQUEST_DELETE",
                 "effects": [
                   [
@@ -1088,13 +1309,36 @@
                     "@entity.id",
                     "@payload.id"
                   ],
+                  [
+                    "fetch",
+                    "Timesheet",
+                    {
+                      "emit": {
+                        "success": "TimesheetLoaded",
+                        "failure": "TimesheetLoadFailed"
+                      }
+                    }
+                  ],
                   [
                     "render-ui",
                     "main",
                     {
-                      "type": "alert",
-                      "variant": "warning",
-                      "message": "Delete requested"
+                      "align": "center",
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "className": "py-12",
+                      "children": [
+                        {
+                          "type": "spinner"
+                        },
+                        {
+                          "color": "muted",
+                          "variant": "caption",
+                          "type": "typography",
+                          "content": "Deleting timesheet…"
+                        }
+                      ]
                     }
                   ]
                 ]
@@ -1148,4 +1392,4 @@
       ]
     }
   ]
-}
+}