@almadar/std 5.0.0 → 5.2.0

package/behaviors/exports/organisms/std-hr-portal.orb

@@ -1,6 +1,7 @@
 {
-  "name": "HRPortal",
+  "name": "std-hr-portal",
   "version": "1.0.0",
+  "description": "HR portal organism. Composes molecules via compose: - stdList(Employee): CRUD list of employees - stdWizard(Onboarding): multi-step onboarding wizard - stdList(TimeOff): CRUD list of time-off requests - stdDisplay(OrgChart): read-only org chart dashboard",
   "orbitals": [
     {
       "name": "EmployeeOrbital",
@@ -48,11 +49,15 @@
           "listens": [
             {
               "event": "EMPLOYEE_CREATED",
-              "triggers": "EMPLOYEE_CREATED"
+              "triggers": "INIT"
             },
             {
               "event": "EMPLOYEE_UPDATED",
-              "triggers": "EMPLOYEE_UPDATED"
+              "triggers": "INIT"
+            },
+            {
+              "event": "EMPLOYEE_DELETED",
+              "triggers": "INIT"
             }
           ],
           "stateMachine": {
@@ -60,9 +65,6 @@
               {
                 "name": "browsing",
                 "isInitial": true
-              },
-              {
-                "name": "deleting"
               }
             ],
             "events": [
@@ -118,40 +120,6 @@
                     "type": "object"
                   }
                 ]
-              },
-              {
-                "key": "EMPLOYEE_CREATED",
-                "name": "EMPLOYEE_CREATED",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "EMPLOYEE_UPDATED",
-                "name": "EMPLOYEE_UPDATED",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "CONFIRM_DELETE",
-                "name": "Confirm Delete"
-              },
-              {
-                "key": "CANCEL",
-                "name": "Cancel"
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
               }
             ],
             "transitions": [
@@ -303,22 +271,76 @@
                     }
                   ]
                 ]
+              }
+            ]
+          },
+          "emits": [
+            {
+              "event": "ONBOARD",
+              "description": "Start onboarding for a new employee",
+              "payload": [
+                {
+                  "name": "id",
+                  "type": "string",
+                  "required": true
+                }
+              ],
+              "scope": "external"
+            }
+          ]
+        },
+        {
+          "name": "EmployeeCreate",
+          "linkedEntity": "Employee",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "SAVE"
+            },
+            {
+              "event": "EMPLOYEE_CREATED"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "closed",
+                "isInitial": true
               },
               {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "EMPLOYEE_CREATED",
-                "effects": [
-                  [
-                    "ref",
-                    "Employee"
-                  ]
-                ]
+                "name": "open"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
               },
               {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "EMPLOYEE_UPDATED",
+                "key": "CREATE",
+                "name": "Open"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              },
+              {
+                "key": "SAVE",
+                "name": "Save",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              }
+            ],
+            "transitions": [
+              {
+                "from": "closed",
+                "to": "closed",
+                "event": "INIT",
                 "effects": [
                   [
                     "ref",
@@ -327,16 +349,13 @@
                 ]
               },
               {
-                "from": "browsing",
-                "to": "deleting",
-                "event": "DELETE",
+                "from": "closed",
+                "to": "open",
+                "event": "CREATE",
                 "effects": [
                   [
                     "fetch",
-                    "Employee",
-                    {
-                      "id": "@payload.id"
-                    }
+                    "Employee"
                   ],
                   [
                     "render-ui",
@@ -353,12 +372,12 @@
                           "children": [
                             {
                               "type": "icon",
-                              "name": "trash-2",
+                              "name": "plus-circle",
                               "size": "md"
                             },
                             {
                               "type": "typography",
-                              "content": "Delete Employee",
+                              "content": "New Employee",
                               "variant": "h3"
                             }
                           ]
@@ -367,34 +386,17 @@
                           "type": "divider"
                         },
                         {
-                          "type": "typography",
-                          "content": "@entity.name",
-                          "variant": "h4"
-                        },
-                        {
-                          "type": "typography",
-                          "content": "This action cannot be undone.",
-                          "variant": "body"
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
-                          "children": [
-                            {
-                              "type": "button",
-                              "label": "Cancel",
-                              "event": "CANCEL",
-                              "variant": "ghost"
-                            },
-                            {
-                              "type": "button",
-                              "label": "Delete",
-                              "event": "CONFIRM_DELETE",
-                              "variant": "danger",
-                              "icon": "trash"
-                            }
+                          "type": "form-section",
+                          "entity": "Employee",
+                          "mode": "create",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
+                          "fields": [
+                            "name",
+                            "email",
+                            "department",
+                            "role",
+                            "startDate"
                           ]
                         }
                       ]
@@ -403,15 +405,32 @@
                 ]
               },
               {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CONFIRM_DELETE",
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "notify",
+                    "Cancelled",
+                    "info"
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
                 "effects": [
                   [
                     "persist",
-                    "delete",
+                    "create",
                     "Employee",
-                    "@entity.id"
+                    "@payload.data"
                   ],
                   [
                     "render-ui",
@@ -419,153 +438,144 @@
                     null
                   ],
                   [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "dashboard-layout",
-                      "appName": "HRPortal",
-                      "navItems": [
-                        {
-                          "label": "Employees",
-                          "href": "/employees",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Onboarding",
-                          "href": "/onboarding",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Time Off",
-                          "href": "/timeoff",
-                          "icon": "calendar"
-                        },
-                        {
-                          "label": "Org Chart",
-                          "href": "/org-chart",
-                          "icon": "layout-list"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "className": "max-w-5xl mx-auto w-full",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "justify": "space-between",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "icon",
-                                      "name": "users",
-                                      "size": "lg"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "content": "Employees",
-                                      "variant": "h2"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Add Employee",
-                                      "event": "CREATE",
-                                      "variant": "primary",
-                                      "icon": "plus"
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "divider"
-                            },
+                    "emit",
+                    "EMPLOYEE_CREATED"
+                  ]
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "EmployeeEdit",
+          "linkedEntity": "Employee",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "SAVE"
+            },
+            {
+              "event": "EMPLOYEE_UPDATED"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "closed",
+                "isInitial": true
+              },
+              {
+                "name": "open"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "EDIT",
+                "name": "Open",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              },
+              {
+                "key": "SAVE",
+                "name": "Save",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              }
+            ],
+            "transitions": [
+              {
+                "from": "closed",
+                "to": "closed",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "ref",
+                    "Employee"
+                  ]
+                ]
+              },
+              {
+                "from": "closed",
+                "to": "open",
+                "event": "EDIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "Employee",
+                    {
+                      "id": "@payload.id"
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "children": [
                             {
-                              "type": "data-list",
-                              "entity": "Employee",
-                              "emptyIcon": "inbox",
-                              "emptyTitle": "No employees yet",
-                              "emptyDescription": "Add employees to your organization.",
-                              "itemActions": [
-                                {
-                                  "label": "View",
-                                  "event": "VIEW",
-                                  "variant": "ghost",
-                                  "size": "sm"
-                                },
-                                {
-                                  "label": "Edit",
-                                  "event": "EDIT",
-                                  "variant": "ghost",
-                                  "size": "sm"
-                                },
-                                {
-                                  "label": "Delete",
-                                  "event": "DELETE",
-                                  "variant": "danger",
-                                  "size": "sm"
-                                }
-                              ],
-                              "columns": [
-                                {
-                                  "name": "name",
-                                  "variant": "h3",
-                                  "icon": "user"
-                                },
-                                {
-                                  "name": "department",
-                                  "variant": "badge"
-                                },
-                                {
-                                  "name": "role",
-                                  "variant": "body"
-                                },
-                                {
-                                  "name": "email",
-                                  "variant": "caption"
-                                },
-                                {
-                                  "name": "startDate",
-                                  "label": "Joined",
-                                  "variant": "caption",
-                                  "format": "date"
-                                }
-                              ],
-                              "variant": "card",
-                              "gap": "sm"
+                              "type": "icon",
+                              "name": "edit",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Edit Employee",
+                              "variant": "h3"
                             }
                           ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "form-section",
+                          "entity": "Employee",
+                          "mode": "edit",
+                          "submitEvent": "SAVE",
+                          "cancelEvent": "CLOSE",
+                          "fields": [
+                            "name",
+                            "email",
+                            "department",
+                            "role",
+                            "startDate"
+                          ],
+                          "entityId": "@entity.id"
                         }
                       ]
                     }
-                  ],
-                  [
-                    "notify",
-                    "Employee deleted successfully"
                   ]
                 ]
               },
               {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CANCEL",
+                "from": "open",
+                "to": "closed",
+                "event": "CLOSE",
                 "effects": [
                   [
                     "render-ui",
@@ -573,327 +583,44 @@
                     null
                   ],
                   [
-                    "fetch",
-                    "Employee"
+                    "notify",
+                    "Cancelled",
+                    "info"
+                  ]
+                ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
+                "effects": [
+                  [
+                    "persist",
+                    "update",
+                    "Employee",
+                    "@payload.data"
                   ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "dashboard-layout",
-                      "appName": "HRPortal",
-                      "navItems": [
-                        {
-                          "label": "Employees",
-                          "href": "/employees",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Onboarding",
-                          "href": "/onboarding",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Time Off",
-                          "href": "/timeoff",
-                          "icon": "calendar"
-                        },
-                        {
-                          "label": "Org Chart",
-                          "href": "/org-chart",
-                          "icon": "layout-list"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "className": "max-w-5xl mx-auto w-full",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "justify": "space-between",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "icon",
-                                      "name": "users",
-                                      "size": "lg"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "content": "Employees",
-                                      "variant": "h2"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Add Employee",
-                                      "event": "CREATE",
-                                      "variant": "primary",
-                                      "icon": "plus"
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "divider"
-                            },
-                            {
-                              "type": "data-list",
-                              "entity": "Employee",
-                              "emptyIcon": "inbox",
-                              "emptyTitle": "No employees yet",
-                              "emptyDescription": "Add employees to your organization.",
-                              "itemActions": [
-                                {
-                                  "label": "View",
-                                  "event": "VIEW",
-                                  "variant": "ghost",
-                                  "size": "sm"
-                                },
-                                {
-                                  "label": "Edit",
-                                  "event": "EDIT",
-                                  "variant": "ghost",
-                                  "size": "sm"
-                                },
-                                {
-                                  "label": "Delete",
-                                  "event": "DELETE",
-                                  "variant": "danger",
-                                  "size": "sm"
-                                }
-                              ],
-                              "columns": [
-                                {
-                                  "name": "name",
-                                  "variant": "h3",
-                                  "icon": "user"
-                                },
-                                {
-                                  "name": "department",
-                                  "variant": "badge"
-                                },
-                                {
-                                  "name": "role",
-                                  "variant": "body"
-                                },
-                                {
-                                  "name": "email",
-                                  "variant": "caption"
-                                },
-                                {
-                                  "name": "startDate",
-                                  "label": "Joined",
-                                  "variant": "caption",
-                                  "format": "date"
-                                }
-                              ],
-                              "variant": "card",
-                              "gap": "sm"
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CLOSE",
-                "effects": [
                   [
                     "render-ui",
                     "modal",
                     null
                   ],
                   [
-                    "fetch",
-                    "Employee"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "dashboard-layout",
-                      "appName": "HRPortal",
-                      "navItems": [
-                        {
-                          "label": "Employees",
-                          "href": "/employees",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Onboarding",
-                          "href": "/onboarding",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Time Off",
-                          "href": "/timeoff",
-                          "icon": "calendar"
-                        },
-                        {
-                          "label": "Org Chart",
-                          "href": "/org-chart",
-                          "icon": "layout-list"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "className": "max-w-5xl mx-auto w-full",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "justify": "space-between",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "icon",
-                                      "name": "users",
-                                      "size": "lg"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "content": "Employees",
-                                      "variant": "h2"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Add Employee",
-                                      "event": "CREATE",
-                                      "variant": "primary",
-                                      "icon": "plus"
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "divider"
-                            },
-                            {
-                              "type": "data-list",
-                              "entity": "Employee",
-                              "emptyIcon": "inbox",
-                              "emptyTitle": "No employees yet",
-                              "emptyDescription": "Add employees to your organization.",
-                              "itemActions": [
-                                {
-                                  "label": "View",
-                                  "event": "VIEW",
-                                  "variant": "ghost",
-                                  "size": "sm"
-                                },
-                                {
-                                  "label": "Edit",
-                                  "event": "EDIT",
-                                  "variant": "ghost",
-                                  "size": "sm"
-                                },
-                                {
-                                  "label": "Delete",
-                                  "event": "DELETE",
-                                  "variant": "danger",
-                                  "size": "sm"
-                                }
-                              ],
-                              "columns": [
-                                {
-                                  "name": "name",
-                                  "variant": "h3",
-                                  "icon": "user"
-                                },
-                                {
-                                  "name": "department",
-                                  "variant": "badge"
-                                },
-                                {
-                                  "name": "role",
-                                  "variant": "body"
-                                },
-                                {
-                                  "name": "email",
-                                  "variant": "caption"
-                                },
-                                {
-                                  "name": "startDate",
-                                  "label": "Joined",
-                                  "variant": "caption",
-                                  "format": "date"
-                                }
-                              ],
-                              "variant": "card",
-                              "gap": "sm"
-                            }
-                          ]
-                        }
-                      ]
-                    }
+                    "emit",
+                    "EMPLOYEE_UPDATED"
                   ]
                 ]
               }
             ]
-          },
-          "emits": [
-            {
-              "event": "ONBOARD",
-              "description": "Start onboarding for a new employee",
-              "payload": [
-                {
-                  "name": "id",
-                  "type": "string",
-                  "required": true
-                }
-              ],
-              "scope": "external"
-            }
-          ]
+          }
         },
         {
-          "name": "EmployeeCreate",
+          "name": "EmployeeView",
           "linkedEntity": "Employee",
           "category": "interaction",
           "emits": [
             {
-              "event": "EMPLOYEE_CREATED"
+              "event": "SAVE"
             }
           ],
           "stateMachine": {
@@ -912,11 +639,18 @@
                 "name": "Initialize"
               },
               {
-                "key": "CREATE",
-                "name": "Open"
-              },
-              {
-                "key": "CLOSE",
+                "key": "VIEW",
+                "name": "Open",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CLOSE",
                 "name": "Close"
               },
               {
@@ -946,11 +680,14 @@
               {
                 "from": "closed",
                 "to": "open",
-                "event": "CREATE",
+                "event": "VIEW",
                 "effects": [
                   [
                     "fetch",
-                    "Employee"
+                    "Employee",
+                    {
+                      "id": "@payload.id"
+                    }
                   ],
                   [
                     "render-ui",
@@ -964,16 +701,17 @@
                           "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
+                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "plus-circle",
+                              "name": "eye",
                               "size": "md"
                             },
                             {
                               "type": "typography",
-                              "content": "New Employee",
-                              "variant": "h3"
+                              "variant": "h3",
+                              "content": "@entity.name"
                             }
                           ]
                         },
@@ -981,17 +719,112 @@
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
-                          "entity": "Employee",
-                          "mode": "create",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "fields": [
-                            "name",
-                            "email",
-                            "department",
-                            "role",
-                            "startDate"
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Name"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.name"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Email"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.email"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Department"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.department"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Role"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.role"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "content": "Start Date"
+                            },
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": "@entity.startDate"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Edit",
+                              "event": "EDIT",
+                              "variant": "primary",
+                              "icon": "edit"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Close",
+                              "event": "CLOSE",
+                              "variant": "ghost"
+                            }
                           ]
                         }
                       ]
@@ -1021,24 +854,10 @@
                 "to": "closed",
                 "event": "SAVE",
                 "effects": [
-                  [
-                    "persist",
-                    "create",
-                    "Employee",
-                    "@payload.data"
-                  ],
                   [
                     "render-ui",
                     "modal",
                     null
-                  ],
-                  [
-                    "emit",
-                    "EMPLOYEE_CREATED"
-                  ],
-                  [
-                    "notify",
-                    "Employee created successfully"
                   ]
                 ]
               }
@@ -1046,22 +865,25 @@
           }
         },
         {
-          "name": "EmployeeEdit",
+          "name": "EmployeeDelete",
           "linkedEntity": "Employee",
           "category": "interaction",
           "emits": [
             {
-              "event": "EMPLOYEE_UPDATED"
+              "event": "CONFIRM_DELETE"
+            },
+            {
+              "event": "EMPLOYEE_DELETED"
             }
           ],
           "stateMachine": {
             "states": [
               {
-                "name": "closed",
+                "name": "idle",
                 "isInitial": true
               },
               {
-                "name": "open"
+                "name": "confirming"
               }
             ],
             "events": [
@@ -1070,8 +892,8 @@
                 "name": "Initialize"
               },
               {
-                "key": "EDIT",
-                "name": "Open",
+                "key": "DELETE",
+                "name": "Request Confirmation",
                 "payload": [
                   {
                     "name": "id",
@@ -1081,25 +903,22 @@
                 ]
               },
               {
-                "key": "CLOSE",
-                "name": "Close"
+                "key": "CONFIRM_DELETE",
+                "name": "Confirm"
               },
               {
-                "key": "SAVE",
-                "name": "Save",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
+                "key": "CANCEL",
+                "name": "Cancel"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
               }
             ],
             "transitions": [
               {
-                "from": "closed",
-                "to": "closed",
+                "from": "idle",
+                "to": "idle",
                 "event": "INIT",
                 "effects": [
                   [
@@ -1109,10 +928,15 @@
                 ]
               },
               {
-                "from": "closed",
-                "to": "open",
-                "event": "EDIT",
+                "from": "idle",
+                "to": "confirming",
+                "event": "DELETE",
                 "effects": [
+                  [
+                    "set",
+                    "@entity.pendingId",
+                    "@payload.id"
+                  ],
                   [
                     "fetch",
                     "Employee",
@@ -1132,15 +956,16 @@
                           "type": "stack",
                           "direction": "horizontal",
                           "gap": "sm",
+                          "align": "center",
                           "children": [
                             {
                               "type": "icon",
-                              "name": "edit",
+                              "name": "alert-triangle",
                               "size": "md"
                             },
                             {
                               "type": "typography",
-                              "content": "Edit Employee",
+                              "content": "Delete Employee",
                               "variant": "h3"
                             }
                           ]
@@ -1149,19 +974,30 @@
                           "type": "divider"
                         },
                         {
-                          "type": "form-section",
-                          "entity": "Employee",
-                          "mode": "edit",
-                          "submitEvent": "SAVE",
-                          "cancelEvent": "CLOSE",
-                          "fields": [
-                            "name",
-                            "email",
-                            "department",
-                            "role",
-                            "startDate"
-                          ],
-                          "entityId": "@entity.id"
+                          "type": "alert",
+                          "variant": "danger",
+                          "message": "This action cannot be undone."
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Cancel",
+                              "event": "CANCEL",
+                              "variant": "ghost"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Delete",
+                              "event": "CONFIRM_DELETE",
+                              "variant": "danger",
+                              "icon": "check"
+                            }
+                          ]
                         }
                       ]
                     }
@@ -1169,92 +1005,41 @@
                 ]
               },
               {
-                "from": "open",
-                "to": "closed",
-                "event": "CLOSE",
+                "from": "confirming",
+                "to": "idle",
+                "event": "CONFIRM_DELETE",
                 "effects": [
+                  [
+                    "persist",
+                    "delete",
+                    "Employee",
+                    "@entity.pendingId"
+                  ],
                   [
                     "render-ui",
                     "modal",
                     null
                   ],
                   [
-                    "notify",
-                    "Cancelled",
-                    "info"
+                    "ref",
+                    "Employee"
+                  ],
+                  [
+                    "emit",
+                    "EMPLOYEE_DELETED"
                   ]
                 ]
               },
               {
-                "from": "open",
-                "to": "closed",
-                "event": "SAVE",
+                "from": "confirming",
+                "to": "idle",
+                "event": "CANCEL",
                 "effects": [
-                  [
-                    "persist",
-                    "update",
-                    "Employee",
-                    "@payload.data"
-                  ],
                   [
                     "render-ui",
                     "modal",
                     null
                   ],
-                  [
-                    "emit",
-                    "EMPLOYEE_UPDATED"
-                  ],
-                  [
-                    "notify",
-                    "Employee updated successfully"
-                  ]
-                ]
-              }
-            ]
-          }
-        },
-        {
-          "name": "EmployeeView",
-          "linkedEntity": "Employee",
-          "category": "interaction",
-          "stateMachine": {
-            "states": [
-              {
-                "name": "closed",
-                "isInitial": true
-              },
-              {
-                "name": "open"
-              }
-            ],
-            "events": [
-              {
-                "key": "INIT",
-                "name": "Initialize"
-              },
-              {
-                "key": "VIEW",
-                "name": "Open",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
-              }
-            ],
-            "transitions": [
-              {
-                "from": "closed",
-                "to": "closed",
-                "event": "INIT",
-                "effects": [
                   [
                     "ref",
                     "Employee"
@@ -1262,163 +1047,8 @@
                 ]
               },
               {
-                "from": "closed",
-                "to": "open",
-                "event": "VIEW",
-                "effects": [
-                  [
-                    "fetch",
-                    "Employee",
-                    {
-                      "id": "@payload.id"
-                    }
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md",
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "align": "center",
-                          "children": [
-                            {
-                              "type": "icon",
-                              "name": "eye",
-                              "size": "md"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "h3",
-                              "content": "@entity.name"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Name"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.name"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Email"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.email"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Department"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.department"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Role"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.role"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "md",
-                          "children": [
-                            {
-                              "type": "typography",
-                              "variant": "caption",
-                              "content": "Start Date"
-                            },
-                            {
-                              "type": "typography",
-                              "variant": "body",
-                              "content": "@entity.startDate"
-                            }
-                          ]
-                        },
-                        {
-                          "type": "divider"
-                        },
-                        {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
-                          "children": [
-                            {
-                              "type": "button",
-                              "label": "Edit",
-                              "event": "EDIT",
-                              "variant": "primary",
-                              "icon": "edit"
-                            },
-                            {
-                              "type": "button",
-                              "label": "Close",
-                              "event": "CLOSE",
-                              "variant": "ghost"
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "open",
-                "to": "closed",
+                "from": "confirming",
+                "to": "idle",
                 "event": "CLOSE",
                 "effects": [
                   [
@@ -1427,9 +1057,8 @@
                     null
                   ],
                   [
-                    "notify",
-                    "Cancelled",
-                    "info"
+                    "ref",
+                    "Employee"
                   ]
                 ]
               }
@@ -1454,6 +1083,9 @@
             },
             {
               "ref": "EmployeeView"
+            },
+            {
+              "ref": "EmployeeDelete"
             }
           ]
         }
@@ -1482,658 +1114,86 @@
           },
           {
             "name": "manager",
-            "type": "string",
-            "default": ""
-          },
-          {
-            "name": "equipmentReady",
-            "type": "boolean",
-            "default": false
-          },
-          {
-            "name": "accessGranted",
-            "type": "boolean",
-            "default": false
-          }
-        ]
-      },
-      "traits": [
-        {
-          "name": "OnboardingWizard",
-          "linkedEntity": "Onboarding",
-          "category": "interaction",
-          "stateMachine": {
-            "states": [
-              {
-                "name": "step1",
-                "isInitial": true
-              },
-              {
-                "name": "step2"
-              },
-              {
-                "name": "step3"
-              },
-              {
-                "name": "review"
-              },
-              {
-                "name": "complete"
-              }
-            ],
-            "events": [
-              {
-                "key": "INIT",
-                "name": "Initialize"
-              },
-              {
-                "key": "NEXT",
-                "name": "Next Step",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "PREV",
-                "name": "Previous Step"
-              },
-              {
-                "key": "COMPLETE",
-                "name": "Complete Wizard",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "RESTART",
-                "name": "Restart Wizard"
-              }
-            ],
-            "transitions": [
-              {
-                "from": "step1",
-                "to": "step1",
-                "event": "INIT",
-                "effects": [
-                  [
-                    "fetch",
-                    "Onboarding"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "dashboard-layout",
-                      "appName": "HRPortal",
-                      "navItems": [
-                        {
-                          "label": "Employees",
-                          "href": "/employees",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Onboarding",
-                          "href": "/onboarding",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Time Off",
-                          "href": "/timeoff",
-                          "icon": "calendar"
-                        },
-                        {
-                          "label": "Org Chart",
-                          "href": "/org-chart",
-                          "icon": "layout-list"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "type": "container",
-                          "maxWidth": "lg",
-                          "padding": "lg",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "lg",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "icon",
-                                      "name": "clipboard-check",
-                                      "size": "lg"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "content": "Employee Onboarding",
-                                      "variant": "h2"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "progress-dots",
-                                  "count": 3,
-                                  "currentIndex": 0
-                                },
-                                {
-                                  "type": "wizard-progress",
-                                  "steps": [
-                                    "Employee Details",
-                                    "Manager Assignment",
-                                    "Setup Checklist"
-                                  ],
-                                  "currentStep": 0
-                                },
-                                {
-                                  "type": "divider"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "Employee Details",
-                                  "variant": "h3"
-                                },
-                                {
-                                  "type": "form-section",
-                                  "entity": "Onboarding",
-                                  "mode": "create",
-                                  "submitEvent": "NEXT",
-                                  "cancelEvent": "INIT",
-                                  "fields": [
-                                    "employeeName",
-                                    "department"
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "justify": "end",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Next",
-                                      "event": "NEXT",
-                                      "variant": "primary",
-                                      "icon": "arrow-right"
-                                    }
-                                  ]
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "step1",
-                "to": "step2",
-                "event": "NEXT",
-                "effects": [
-                  [
-                    "fetch",
-                    "Onboarding"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "dashboard-layout",
-                      "appName": "HRPortal",
-                      "navItems": [
-                        {
-                          "label": "Employees",
-                          "href": "/employees",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Onboarding",
-                          "href": "/onboarding",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Time Off",
-                          "href": "/timeoff",
-                          "icon": "calendar"
-                        },
-                        {
-                          "label": "Org Chart",
-                          "href": "/org-chart",
-                          "icon": "layout-list"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "type": "container",
-                          "maxWidth": "lg",
-                          "padding": "lg",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "lg",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "icon",
-                                      "name": "clipboard-check",
-                                      "size": "lg"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "content": "Employee Onboarding",
-                                      "variant": "h2"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "progress-dots",
-                                  "count": 3,
-                                  "currentIndex": 1
-                                },
-                                {
-                                  "type": "wizard-progress",
-                                  "steps": [
-                                    "Employee Details",
-                                    "Manager Assignment",
-                                    "Setup Checklist"
-                                  ],
-                                  "currentStep": 1
-                                },
-                                {
-                                  "type": "divider"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "Manager Assignment",
-                                  "variant": "h3"
-                                },
-                                {
-                                  "type": "form-section",
-                                  "entity": "Onboarding",
-                                  "mode": "create",
-                                  "submitEvent": "NEXT",
-                                  "cancelEvent": "PREV",
-                                  "fields": [
-                                    "manager"
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "justify": "end",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Back",
-                                      "event": "PREV",
-                                      "variant": "ghost",
-                                      "icon": "arrow-left"
-                                    },
-                                    {
-                                      "type": "button",
-                                      "label": "Next",
-                                      "event": "NEXT",
-                                      "variant": "primary",
-                                      "icon": "arrow-right"
-                                    }
-                                  ]
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "step2",
-                "to": "step3",
-                "event": "NEXT",
-                "effects": [
-                  [
-                    "fetch",
-                    "Onboarding"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "dashboard-layout",
-                      "appName": "HRPortal",
-                      "navItems": [
-                        {
-                          "label": "Employees",
-                          "href": "/employees",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Onboarding",
-                          "href": "/onboarding",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Time Off",
-                          "href": "/timeoff",
-                          "icon": "calendar"
-                        },
-                        {
-                          "label": "Org Chart",
-                          "href": "/org-chart",
-                          "icon": "layout-list"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "type": "container",
-                          "maxWidth": "lg",
-                          "padding": "lg",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "lg",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "align": "center",
-                                  "children": [
-                                    {
-                                      "type": "icon",
-                                      "name": "clipboard-check",
-                                      "size": "lg"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "content": "Employee Onboarding",
-                                      "variant": "h2"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "progress-dots",
-                                  "count": 3,
-                                  "currentIndex": 2
-                                },
-                                {
-                                  "type": "wizard-progress",
-                                  "steps": [
-                                    "Employee Details",
-                                    "Manager Assignment",
-                                    "Setup Checklist"
-                                  ],
-                                  "currentStep": 2
-                                },
-                                {
-                                  "type": "divider"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "Setup Checklist",
-                                  "variant": "h3"
-                                },
-                                {
-                                  "type": "repeatable-form-section",
-                                  "entity": "Onboarding",
-                                  "mode": "create",
-                                  "submitEvent": "NEXT",
-                                  "cancelEvent": "PREV",
-                                  "fields": [
-                                    "equipmentReady",
-                                    "accessGranted"
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "justify": "end",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Back",
-                                      "event": "PREV",
-                                      "variant": "ghost",
-                                      "icon": "arrow-left"
-                                    },
-                                    {
-                                      "type": "button",
-                                      "label": "Next",
-                                      "event": "NEXT",
-                                      "variant": "primary",
-                                      "icon": "arrow-right"
-                                    }
-                                  ]
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "step3",
-                "to": "review",
-                "event": "NEXT",
-                "effects": [
-                  [
-                    "fetch",
-                    "Onboarding"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "dashboard-layout",
-                      "appName": "HRPortal",
-                      "navItems": [
-                        {
-                          "label": "Employees",
-                          "href": "/employees",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Onboarding",
-                          "href": "/onboarding",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Time Off",
-                          "href": "/timeoff",
-                          "icon": "calendar"
-                        },
-                        {
-                          "label": "Org Chart",
-                          "href": "/org-chart",
-                          "icon": "layout-list"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "children": [
-                            {
-                              "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "sm",
-                              "align": "center",
-                              "children": [
-                                {
-                                  "type": "icon",
-                                  "name": "clipboard-check",
-                                  "size": "lg"
-                                },
-                                {
-                                  "type": "typography",
-                                  "content": "Employee Onboarding",
-                                  "variant": "h2"
-                                }
-                              ]
-                            },
-                            {
-                              "type": "badge",
-                              "label": "Review"
-                            },
-                            {
-                              "type": "wizard-progress",
-                              "steps": [
-                                "Employee Details",
-                                "Manager Assignment",
-                                "Setup Checklist"
-                              ],
-                              "currentStep": 3
-                            },
-                            {
-                              "type": "divider"
-                            },
-                            {
-                              "type": "stack",
-                              "direction": "vertical",
-                              "gap": "sm",
-                              "entity": "Onboarding",
-                              "children": [
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "Employee Name"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.employeeName"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "Department"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.department"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "Manager"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.manager"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "Equipment Ready"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.equipmentReady"
-                                    }
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "md",
-                                  "justify": "space-between",
-                                  "children": [
-                                    {
-                                      "type": "typography",
-                                      "variant": "caption",
-                                      "content": "Access Granted"
-                                    },
-                                    {
-                                      "type": "typography",
-                                      "variant": "body",
-                                      "content": "@entity.accessGranted"
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "wizard-navigation",
-                              "currentStep": 3,
-                              "totalSteps": 4,
-                              "showBack": true,
-                              "showComplete": true,
-                              "showNext": false
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "equipmentReady",
+            "type": "boolean",
+            "default": false
+          },
+          {
+            "name": "accessGranted",
+            "type": "boolean",
+            "default": false
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "OnboardingWizard",
+          "linkedEntity": "Onboarding",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "step1",
+                "isInitial": true
+              },
+              {
+                "name": "step2"
+              },
+              {
+                "name": "step3"
+              },
+              {
+                "name": "review"
+              },
+              {
+                "name": "complete"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "NEXT",
+                "name": "Next Step",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
                 ]
               },
               {
-                "from": "step2",
+                "key": "PREV",
+                "name": "Previous Step"
+              },
+              {
+                "key": "COMPLETE",
+                "name": "Complete Wizard",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "RESTART",
+                "name": "Restart Wizard"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "step1",
                 "to": "step1",
-                "event": "PREV",
+                "event": "INIT",
                 "effects": [
                   [
                     "fetch",
@@ -2254,9 +1314,9 @@
                 ]
               },
               {
-                "from": "step3",
+                "from": "step1",
                 "to": "step2",
-                "event": "PREV",
+                "event": "NEXT",
                 "effects": [
                   [
                     "fetch",
@@ -2383,9 +1443,9 @@
                 ]
               },
               {
-                "from": "review",
+                "from": "step2",
                 "to": "step3",
-                "event": "PREV",
+                "event": "NEXT",
                 "effects": [
                   [
                     "fetch",
@@ -2513,20 +1573,13 @@
                 ]
               },
               {
-                "from": "review",
-                "to": "complete",
-                "event": "COMPLETE",
+                "from": "step3",
+                "to": "review",
+                "event": "NEXT",
                 "effects": [
                   [
-                    "persist",
-                    "create",
-                    "Onboarding",
-                    "@payload.data"
-                  ],
-                  [
-                    "notify",
-                    "success",
-                    "Onboarding created successfully"
+                    "fetch",
+                    "Onboarding"
                   ],
                   [
                     "render-ui",
@@ -2561,152 +1614,146 @@
                           "type": "stack",
                           "direction": "vertical",
                           "gap": "lg",
-                          "align": "center",
                           "children": [
                             {
-                              "type": "icon",
-                              "name": "check-circle",
-                              "size": "lg"
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "clipboard-check",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Employee Onboarding",
+                                  "variant": "h2"
+                                }
+                              ]
                             },
                             {
-                              "type": "typography",
-                              "content": "Onboarding Complete!",
-                              "variant": "h2"
+                              "type": "badge",
+                              "label": "Review"
                             },
                             {
-                              "type": "typography",
-                              "content": "The new employee has been fully onboarded.",
-                              "variant": "body"
+                              "type": "wizard-progress",
+                              "steps": [
+                                "Employee Details",
+                                "Manager Assignment",
+                                "Setup Checklist"
+                              ],
+                              "currentStep": 3
                             },
                             {
-                              "type": "button",
-                              "label": "Start New",
-                              "event": "RESTART",
-                              "variant": "primary",
-                              "icon": "refresh-cw"
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "from": "complete",
-                "to": "step1",
-                "event": "RESTART",
-                "effects": [
-                  [
-                    "fetch",
-                    "Onboarding"
-                  ],
-                  [
-                    "render-ui",
-                    "main",
-                    {
-                      "type": "dashboard-layout",
-                      "appName": "HRPortal",
-                      "navItems": [
-                        {
-                          "label": "Employees",
-                          "href": "/employees",
-                          "icon": "users"
-                        },
-                        {
-                          "label": "Onboarding",
-                          "href": "/onboarding",
-                          "icon": "layout-list"
-                        },
-                        {
-                          "label": "Time Off",
-                          "href": "/timeoff",
-                          "icon": "calendar"
-                        },
-                        {
-                          "label": "Org Chart",
-                          "href": "/org-chart",
-                          "icon": "layout-list"
-                        }
-                      ],
-                      "children": [
-                        {
-                          "type": "container",
-                          "maxWidth": "lg",
-                          "padding": "lg",
-                          "children": [
+                              "type": "divider"
+                            },
                             {
                               "type": "stack",
                               "direction": "vertical",
-                              "gap": "lg",
+                              "gap": "sm",
+                              "entity": "Onboarding",
                               "children": [
                                 {
                                   "type": "stack",
                                   "direction": "horizontal",
-                                  "gap": "sm",
-                                  "align": "center",
+                                  "gap": "md",
+                                  "justify": "space-between",
                                   "children": [
                                     {
-                                      "type": "icon",
-                                      "name": "clipboard-check",
-                                      "size": "lg"
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "Employee Name"
                                     },
                                     {
                                       "type": "typography",
-                                      "content": "Employee Onboarding",
-                                      "variant": "h2"
+                                      "variant": "body",
+                                      "content": "@entity.employeeName"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "progress-dots",
-                                  "count": 3,
-                                  "currentIndex": 0
-                                },
-                                {
-                                  "type": "wizard-progress",
-                                  "steps": [
-                                    "Employee Details",
-                                    "Manager Assignment",
-                                    "Setup Checklist"
-                                  ],
-                                  "currentStep": 0
-                                },
-                                {
-                                  "type": "divider"
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "Department"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@entity.department"
+                                    }
+                                  ]
                                 },
                                 {
-                                  "type": "typography",
-                                  "content": "Employee Details",
-                                  "variant": "h3"
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "Manager"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@entity.manager"
+                                    }
+                                  ]
                                 },
                                 {
-                                  "type": "form-section",
-                                  "entity": "Onboarding",
-                                  "mode": "create",
-                                  "submitEvent": "NEXT",
-                                  "cancelEvent": "INIT",
-                                  "fields": [
-                                    "employeeName",
-                                    "department"
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "space-between",
+                                  "children": [
+                                    {
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "Equipment Ready"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@entity.equipmentReady"
+                                    }
                                   ]
                                 },
                                 {
                                   "type": "stack",
                                   "direction": "horizontal",
-                                  "gap": "sm",
-                                  "justify": "end",
+                                  "gap": "md",
+                                  "justify": "space-between",
                                   "children": [
                                     {
-                                      "type": "button",
-                                      "label": "Next",
-                                      "event": "NEXT",
-                                      "variant": "primary",
-                                      "icon": "arrow-right"
+                                      "type": "typography",
+                                      "variant": "caption",
+                                      "content": "Access Granted"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "variant": "body",
+                                      "content": "@entity.accessGranted"
                                     }
                                   ]
                                 }
                               ]
+                            },
+                            {
+                              "type": "wizard-navigation",
+                              "currentStep": 3,
+                              "totalSteps": 4,
+                              "showBack": true,
+                              "showComplete": true,
+                              "showNext": false
                             }
                           ]
                         }
@@ -2716,9 +1763,9 @@
                 ]
               },
               {
-                "from": "complete",
+                "from": "step2",
                 "to": "step1",
-                "event": "INIT",
+                "event": "PREV",
                 "effects": [
                   [
                     "fetch",
@@ -2805,234 +1852,47 @@
                                 },
                                 {
                                   "type": "form-section",
-                                  "entity": "Onboarding",
-                                  "mode": "create",
-                                  "submitEvent": "NEXT",
-                                  "cancelEvent": "INIT",
-                                  "fields": [
-                                    "employeeName",
-                                    "department"
-                                  ]
-                                },
-                                {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "justify": "end",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Next",
-                                      "event": "NEXT",
-                                      "variant": "primary",
-                                      "icon": "arrow-right"
-                                    }
-                                  ]
-                                }
-                              ]
-                            }
-                          ]
-                        }
-                      ]
-                    }
-                  ]
-                ]
-              }
-            ]
-          },
-          "listens": [
-            {
-              "event": "ONBOARD",
-              "triggers": "INIT",
-              "scope": "external"
-            }
-          ]
-        }
-      ],
-      "pages": [
-        {
-          "name": "OnboardingPage",
-          "path": "/onboarding",
-          "traits": [
-            {
-              "ref": "OnboardingWizard"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "TimeOffOrbital",
-      "entity": {
-        "name": "TimeOff",
-        "persistence": "runtime",
-        "fields": [
-          {
-            "name": "id",
-            "type": "string",
-            "required": true
-          },
-          {
-            "name": "employeeName",
-            "type": "string",
-            "default": ""
-          },
-          {
-            "name": "leaveType",
-            "type": "string",
-            "default": "vacation",
-            "values": [
-              "vacation",
-              "sick",
-              "personal",
-              "parental"
-            ]
-          },
-          {
-            "name": "startDate",
-            "type": "date",
-            "default": ""
-          },
-          {
-            "name": "endDate",
-            "type": "date",
-            "default": ""
-          },
-          {
-            "name": "status",
-            "type": "string",
-            "default": "pending",
-            "values": [
-              "pending",
-              "approved",
-              "denied"
-            ]
-          }
-        ]
-      },
-      "traits": [
-        {
-          "name": "TimeOffBrowse",
-          "linkedEntity": "TimeOff",
-          "category": "interaction",
-          "listens": [
-            {
-              "event": "TIME_OFF_CREATED",
-              "triggers": "TIME_OFF_CREATED"
-            },
-            {
-              "event": "TIME_OFF_UPDATED",
-              "triggers": "TIME_OFF_UPDATED"
-            }
-          ],
-          "stateMachine": {
-            "states": [
-              {
-                "name": "browsing",
-                "isInitial": true
-              },
-              {
-                "name": "deleting"
-              }
-            ],
-            "events": [
-              {
-                "key": "INIT",
-                "name": "Initialize"
-              },
-              {
-                "key": "CREATE",
-                "name": "CREATE"
-              },
-              {
-                "key": "VIEW",
-                "name": "VIEW",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "object"
-                  }
-                ]
-              },
-              {
-                "key": "EDIT",
-                "name": "EDIT",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "object"
-                  }
-                ]
-              },
-              {
-                "key": "DELETE",
-                "name": "DELETE",
-                "payload": [
-                  {
-                    "name": "id",
-                    "type": "string",
-                    "required": true
-                  },
-                  {
-                    "name": "row",
-                    "type": "object"
-                  }
-                ]
-              },
-              {
-                "key": "TIME_OFF_CREATED",
-                "name": "TIME_OFF_CREATED",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
-                ]
-              },
-              {
-                "key": "TIME_OFF_UPDATED",
-                "name": "TIME_OFF_UPDATED",
-                "payload": [
-                  {
-                    "name": "data",
-                    "type": "object",
-                    "required": true
-                  }
+                                  "entity": "Onboarding",
+                                  "mode": "create",
+                                  "submitEvent": "NEXT",
+                                  "cancelEvent": "INIT",
+                                  "fields": [
+                                    "employeeName",
+                                    "department"
+                                  ]
+                                },
+                                {
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "sm",
+                                  "justify": "end",
+                                  "children": [
+                                    {
+                                      "type": "button",
+                                      "label": "Next",
+                                      "event": "NEXT",
+                                      "variant": "primary",
+                                      "icon": "arrow-right"
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
                 ]
               },
               {
-                "key": "CONFIRM_DELETE",
-                "name": "Confirm Delete"
-              },
-              {
-                "key": "CANCEL",
-                "name": "Cancel"
-              },
-              {
-                "key": "CLOSE",
-                "name": "Close"
-              }
-            ],
-            "transitions": [
-              {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "INIT",
+                "from": "step3",
+                "to": "step2",
+                "event": "PREV",
                 "effects": [
                   [
-                    "ref",
-                    "TimeOff"
+                    "fetch",
+                    "Onboarding"
                   ],
                   [
                     "render-ui",
@@ -3064,17 +1924,14 @@
                       ],
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "className": "max-w-5xl mx-auto w-full",
+                          "type": "container",
+                          "maxWidth": "lg",
+                          "padding": "lg",
                           "children": [
                             {
                               "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "justify": "space-between",
-                              "align": "center",
+                              "direction": "vertical",
+                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "stack",
@@ -3084,92 +1941,201 @@
                                   "children": [
                                     {
                                       "type": "icon",
-                                      "name": "calendar",
+                                      "name": "clipboard-check",
                                       "size": "lg"
                                     },
                                     {
                                       "type": "typography",
-                                      "content": "Time Off Requests",
+                                      "content": "Employee Onboarding",
                                       "variant": "h2"
                                     }
                                   ]
                                 },
+                                {
+                                  "type": "progress-dots",
+                                  "count": 3,
+                                  "currentIndex": 1
+                                },
+                                {
+                                  "type": "wizard-progress",
+                                  "steps": [
+                                    "Employee Details",
+                                    "Manager Assignment",
+                                    "Setup Checklist"
+                                  ],
+                                  "currentStep": 1
+                                },
+                                {
+                                  "type": "divider"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Manager Assignment",
+                                  "variant": "h3"
+                                },
+                                {
+                                  "type": "form-section",
+                                  "entity": "Onboarding",
+                                  "mode": "create",
+                                  "submitEvent": "NEXT",
+                                  "cancelEvent": "PREV",
+                                  "fields": [
+                                    "manager"
+                                  ]
+                                },
                                 {
                                   "type": "stack",
                                   "direction": "horizontal",
                                   "gap": "sm",
+                                  "justify": "end",
                                   "children": [
                                     {
                                       "type": "button",
-                                      "label": "Request Time Off",
-                                      "event": "CREATE",
+                                      "label": "Back",
+                                      "event": "PREV",
+                                      "variant": "ghost",
+                                      "icon": "arrow-left"
+                                    },
+                                    {
+                                      "type": "button",
+                                      "label": "Next",
+                                      "event": "NEXT",
                                       "variant": "primary",
-                                      "icon": "plus"
+                                      "icon": "arrow-right"
                                     }
                                   ]
                                 }
                               ]
-                            },
-                            {
-                              "type": "divider"
-                            },
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "review",
+                "to": "step3",
+                "event": "PREV",
+                "effects": [
+                  [
+                    "fetch",
+                    "Onboarding"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "dashboard-layout",
+                      "appName": "HRPortal",
+                      "navItems": [
+                        {
+                          "label": "Employees",
+                          "href": "/employees",
+                          "icon": "users"
+                        },
+                        {
+                          "label": "Onboarding",
+                          "href": "/onboarding",
+                          "icon": "layout-list"
+                        },
+                        {
+                          "label": "Time Off",
+                          "href": "/timeoff",
+                          "icon": "calendar"
+                        },
+                        {
+                          "label": "Org Chart",
+                          "href": "/org-chart",
+                          "icon": "layout-list"
+                        }
+                      ],
+                      "children": [
+                        {
+                          "type": "container",
+                          "maxWidth": "lg",
+                          "padding": "lg",
+                          "children": [
                             {
-                              "type": "data-list",
-                              "entity": "TimeOff",
-                              "emptyIcon": "inbox",
-                              "emptyTitle": "No time-off requests",
-                              "emptyDescription": "Submit a request when you need time off.",
-                              "itemActions": [
+                              "type": "stack",
+                              "direction": "vertical",
+                              "gap": "lg",
+                              "children": [
                                 {
-                                  "label": "View",
-                                  "event": "VIEW",
-                                  "variant": "ghost",
-                                  "size": "sm"
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "sm",
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "type": "icon",
+                                      "name": "clipboard-check",
+                                      "size": "lg"
+                                    },
+                                    {
+                                      "type": "typography",
+                                      "content": "Employee Onboarding",
+                                      "variant": "h2"
+                                    }
+                                  ]
                                 },
                                 {
-                                  "label": "Edit",
-                                  "event": "EDIT",
-                                  "variant": "ghost",
-                                  "size": "sm"
+                                  "type": "progress-dots",
+                                  "count": 3,
+                                  "currentIndex": 2
                                 },
                                 {
-                                  "label": "Delete",
-                                  "event": "DELETE",
-                                  "variant": "danger",
-                                  "size": "sm"
-                                }
-                              ],
-                              "columns": [
-                                {
-                                  "name": "employeeName",
-                                  "label": "Employee",
-                                  "variant": "h3",
-                                  "icon": "calendar"
+                                  "type": "wizard-progress",
+                                  "steps": [
+                                    "Employee Details",
+                                    "Manager Assignment",
+                                    "Setup Checklist"
+                                  ],
+                                  "currentStep": 2
                                 },
                                 {
-                                  "name": "leaveType",
-                                  "label": "Type",
-                                  "variant": "badge"
+                                  "type": "divider"
                                 },
                                 {
-                                  "name": "status",
-                                  "variant": "badge"
+                                  "type": "typography",
+                                  "content": "Setup Checklist",
+                                  "variant": "h3"
                                 },
                                 {
-                                  "name": "startDate",
-                                  "label": "From",
-                                  "variant": "body",
-                                  "format": "date"
+                                  "type": "repeatable-form-section",
+                                  "entity": "Onboarding",
+                                  "mode": "create",
+                                  "submitEvent": "NEXT",
+                                  "cancelEvent": "PREV",
+                                  "fields": [
+                                    "equipmentReady",
+                                    "accessGranted"
+                                  ]
                                 },
                                 {
-                                  "name": "endDate",
-                                  "label": "To",
-                                  "variant": "body",
-                                  "format": "date"
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "sm",
+                                  "justify": "end",
+                                  "children": [
+                                    {
+                                      "type": "button",
+                                      "label": "Back",
+                                      "event": "PREV",
+                                      "variant": "ghost",
+                                      "icon": "arrow-left"
+                                    },
+                                    {
+                                      "type": "button",
+                                      "label": "Next",
+                                      "event": "NEXT",
+                                      "variant": "primary",
+                                      "icon": "arrow-right"
+                                    }
+                                  ]
                                 }
-                              ],
-                              "variant": "card",
-                              "gap": "sm"
+                              ]
                             }
                           ]
                         }
@@ -3179,95 +2145,77 @@
                 ]
               },
               {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "TIME_OFF_CREATED",
-                "effects": [
-                  [
-                    "ref",
-                    "TimeOff"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "browsing",
-                "event": "TIME_OFF_UPDATED",
+                "from": "review",
+                "to": "complete",
+                "event": "COMPLETE",
                 "effects": [
                   [
-                    "ref",
-                    "TimeOff"
-                  ]
-                ]
-              },
-              {
-                "from": "browsing",
-                "to": "deleting",
-                "event": "DELETE",
-                "effects": [
+                    "persist",
+                    "create",
+                    "Onboarding",
+                    "@payload.data"
+                  ],
                   [
-                    "fetch",
-                    "TimeOff",
-                    {
-                      "id": "@payload.id"
-                    }
+                    "notify",
+                    "success",
+                    "Onboarding created successfully"
                   ],
                   [
                     "render-ui",
-                    "modal",
+                    "main",
                     {
-                      "type": "stack",
-                      "direction": "vertical",
-                      "gap": "md",
-                      "children": [
+                      "type": "dashboard-layout",
+                      "appName": "HRPortal",
+                      "navItems": [
                         {
-                          "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "children": [
-                            {
-                              "type": "icon",
-                              "name": "trash-2",
-                              "size": "md"
-                            },
-                            {
-                              "type": "typography",
-                              "content": "Delete TimeOff",
-                              "variant": "h3"
-                            }
-                          ]
+                          "label": "Employees",
+                          "href": "/employees",
+                          "icon": "users"
                         },
                         {
-                          "type": "divider"
+                          "label": "Onboarding",
+                          "href": "/onboarding",
+                          "icon": "layout-list"
                         },
                         {
-                          "type": "typography",
-                          "content": "@entity.employeeName",
-                          "variant": "h4"
+                          "label": "Time Off",
+                          "href": "/timeoff",
+                          "icon": "calendar"
                         },
                         {
-                          "type": "typography",
-                          "content": "This action cannot be undone.",
-                          "variant": "body"
-                        },
+                          "label": "Org Chart",
+                          "href": "/org-chart",
+                          "icon": "layout-list"
+                        }
+                      ],
+                      "children": [
                         {
                           "type": "stack",
-                          "direction": "horizontal",
-                          "gap": "sm",
-                          "justify": "end",
+                          "direction": "vertical",
+                          "gap": "lg",
+                          "align": "center",
                           "children": [
                             {
-                              "type": "button",
-                              "label": "Cancel",
-                              "event": "CANCEL",
-                              "variant": "ghost"
+                              "type": "icon",
+                              "name": "check-circle",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Onboarding Complete!",
+                              "variant": "h2"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "The new employee has been fully onboarded.",
+                              "variant": "body"
                             },
                             {
                               "type": "button",
-                              "label": "Delete",
-                              "event": "CONFIRM_DELETE",
-                              "variant": "danger",
-                              "icon": "trash"
+                              "label": "Start New",
+                              "event": "RESTART",
+                              "variant": "primary",
+                              "icon": "refresh-cw"
                             }
                           ]
                         }
@@ -3277,20 +2225,13 @@
                 ]
               },
               {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CONFIRM_DELETE",
+                "from": "complete",
+                "to": "step1",
+                "event": "RESTART",
                 "effects": [
                   [
-                    "persist",
-                    "delete",
-                    "TimeOff",
-                    "@entity.id"
-                  ],
-                  [
-                    "render-ui",
-                    "modal",
-                    null
+                    "fetch",
+                    "Onboarding"
                   ],
                   [
                     "render-ui",
@@ -3322,17 +2263,14 @@
                       ],
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "className": "max-w-5xl mx-auto w-full",
+                          "type": "container",
+                          "maxWidth": "lg",
+                          "padding": "lg",
                           "children": [
                             {
                               "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "justify": "space-between",
-                              "align": "center",
+                              "direction": "vertical",
+                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "stack",
@@ -3342,117 +2280,81 @@
                                   "children": [
                                     {
                                       "type": "icon",
-                                      "name": "calendar",
+                                      "name": "clipboard-check",
                                       "size": "lg"
                                     },
                                     {
                                       "type": "typography",
-                                      "content": "Time Off Requests",
+                                      "content": "Employee Onboarding",
                                       "variant": "h2"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Request Time Off",
-                                      "event": "CREATE",
-                                      "variant": "primary",
-                                      "icon": "plus"
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "divider"
-                            },
-                            {
-                              "type": "data-list",
-                              "entity": "TimeOff",
-                              "emptyIcon": "inbox",
-                              "emptyTitle": "No time-off requests",
-                              "emptyDescription": "Submit a request when you need time off.",
-                              "itemActions": [
-                                {
-                                  "label": "View",
-                                  "event": "VIEW",
-                                  "variant": "ghost",
-                                  "size": "sm"
-                                },
-                                {
-                                  "label": "Edit",
-                                  "event": "EDIT",
-                                  "variant": "ghost",
-                                  "size": "sm"
+                                  "type": "progress-dots",
+                                  "count": 3,
+                                  "currentIndex": 0
                                 },
                                 {
-                                  "label": "Delete",
-                                  "event": "DELETE",
-                                  "variant": "danger",
-                                  "size": "sm"
-                                }
-                              ],
-                              "columns": [
-                                {
-                                  "name": "employeeName",
-                                  "label": "Employee",
-                                  "variant": "h3",
-                                  "icon": "calendar"
+                                  "type": "wizard-progress",
+                                  "steps": [
+                                    "Employee Details",
+                                    "Manager Assignment",
+                                    "Setup Checklist"
+                                  ],
+                                  "currentStep": 0
                                 },
                                 {
-                                  "name": "leaveType",
-                                  "label": "Type",
-                                  "variant": "badge"
+                                  "type": "divider"
                                 },
                                 {
-                                  "name": "status",
-                                  "variant": "badge"
+                                  "type": "typography",
+                                  "content": "Employee Details",
+                                  "variant": "h3"
                                 },
                                 {
-                                  "name": "startDate",
-                                  "label": "From",
-                                  "variant": "body",
-                                  "format": "date"
+                                  "type": "form-section",
+                                  "entity": "Onboarding",
+                                  "mode": "create",
+                                  "submitEvent": "NEXT",
+                                  "cancelEvent": "INIT",
+                                  "fields": [
+                                    "employeeName",
+                                    "department"
+                                  ]
                                 },
                                 {
-                                  "name": "endDate",
-                                  "label": "To",
-                                  "variant": "body",
-                                  "format": "date"
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "sm",
+                                  "justify": "end",
+                                  "children": [
+                                    {
+                                      "type": "button",
+                                      "label": "Next",
+                                      "event": "NEXT",
+                                      "variant": "primary",
+                                      "icon": "arrow-right"
+                                    }
+                                  ]
                                 }
-                              ],
-                              "variant": "card",
-                              "gap": "sm"
+                              ]
                             }
                           ]
                         }
                       ]
                     }
-                  ],
-                  [
-                    "notify",
-                    "TimeOff deleted successfully"
                   ]
                 ]
               },
               {
-                "from": "deleting",
-                "to": "browsing",
-                "event": "CANCEL",
+                "from": "complete",
+                "to": "step1",
+                "event": "INIT",
                 "effects": [
-                  [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
                   [
                     "fetch",
-                    "TimeOff"
+                    "Onboarding"
                   ],
                   [
                     "render-ui",
@@ -3484,17 +2386,14 @@
                       ],
                       "children": [
                         {
-                          "type": "stack",
-                          "direction": "vertical",
-                          "gap": "lg",
-                          "className": "max-w-5xl mx-auto w-full",
+                          "type": "container",
+                          "maxWidth": "lg",
+                          "padding": "lg",
                           "children": [
                             {
                               "type": "stack",
-                              "direction": "horizontal",
-                              "gap": "md",
-                              "justify": "space-between",
-                              "align": "center",
+                              "direction": "vertical",
+                              "gap": "lg",
                               "children": [
                                 {
                                   "type": "stack",
@@ -3504,92 +2403,65 @@
                                   "children": [
                                     {
                                       "type": "icon",
-                                      "name": "calendar",
+                                      "name": "clipboard-check",
                                       "size": "lg"
                                     },
                                     {
                                       "type": "typography",
-                                      "content": "Time Off Requests",
+                                      "content": "Employee Onboarding",
                                       "variant": "h2"
                                     }
                                   ]
                                 },
                                 {
-                                  "type": "stack",
-                                  "direction": "horizontal",
-                                  "gap": "sm",
-                                  "children": [
-                                    {
-                                      "type": "button",
-                                      "label": "Request Time Off",
-                                      "event": "CREATE",
-                                      "variant": "primary",
-                                      "icon": "plus"
-                                    }
-                                  ]
-                                }
-                              ]
-                            },
-                            {
-                              "type": "divider"
-                            },
-                            {
-                              "type": "data-list",
-                              "entity": "TimeOff",
-                              "emptyIcon": "inbox",
-                              "emptyTitle": "No time-off requests",
-                              "emptyDescription": "Submit a request when you need time off.",
-                              "itemActions": [
-                                {
-                                  "label": "View",
-                                  "event": "VIEW",
-                                  "variant": "ghost",
-                                  "size": "sm"
-                                },
-                                {
-                                  "label": "Edit",
-                                  "event": "EDIT",
-                                  "variant": "ghost",
-                                  "size": "sm"
+                                  "type": "progress-dots",
+                                  "count": 3,
+                                  "currentIndex": 0
                                 },
                                 {
-                                  "label": "Delete",
-                                  "event": "DELETE",
-                                  "variant": "danger",
-                                  "size": "sm"
-                                }
-                              ],
-                              "columns": [
-                                {
-                                  "name": "employeeName",
-                                  "label": "Employee",
-                                  "variant": "h3",
-                                  "icon": "calendar"
+                                  "type": "wizard-progress",
+                                  "steps": [
+                                    "Employee Details",
+                                    "Manager Assignment",
+                                    "Setup Checklist"
+                                  ],
+                                  "currentStep": 0
                                 },
                                 {
-                                  "name": "leaveType",
-                                  "label": "Type",
-                                  "variant": "badge"
+                                  "type": "divider"
                                 },
                                 {
-                                  "name": "status",
-                                  "variant": "badge"
+                                  "type": "typography",
+                                  "content": "Employee Details",
+                                  "variant": "h3"
                                 },
                                 {
-                                  "name": "startDate",
-                                  "label": "From",
-                                  "variant": "body",
-                                  "format": "date"
+                                  "type": "form-section",
+                                  "entity": "Onboarding",
+                                  "mode": "create",
+                                  "submitEvent": "NEXT",
+                                  "cancelEvent": "INIT",
+                                  "fields": [
+                                    "employeeName",
+                                    "department"
+                                  ]
                                 },
                                 {
-                                  "name": "endDate",
-                                  "label": "To",
-                                  "variant": "body",
-                                  "format": "date"
+                                  "type": "stack",
+                                  "direction": "horizontal",
+                                  "gap": "sm",
+                                  "justify": "end",
+                                  "children": [
+                                    {
+                                      "type": "button",
+                                      "label": "Next",
+                                      "event": "NEXT",
+                                      "variant": "primary",
+                                      "icon": "arrow-right"
+                                    }
+                                  ]
                                 }
-                              ],
-                              "variant": "card",
-                              "gap": "sm"
+                              ]
                             }
                           ]
                         }
@@ -3597,19 +2469,168 @@
                     }
                   ]
                 ]
+              }
+            ]
+          },
+          "listens": [
+            {
+              "event": "ONBOARD",
+              "triggers": "INIT",
+              "scope": "external"
+            }
+          ]
+        }
+      ],
+      "pages": [
+        {
+          "name": "OnboardingPage",
+          "path": "/onboarding",
+          "traits": [
+            {
+              "ref": "OnboardingWizard"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "TimeOffOrbital",
+      "entity": {
+        "name": "TimeOff",
+        "persistence": "runtime",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "employeeName",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "leaveType",
+            "type": "string",
+            "default": "vacation",
+            "values": [
+              "vacation",
+              "sick",
+              "personal",
+              "parental"
+            ]
+          },
+          {
+            "name": "startDate",
+            "type": "date",
+            "default": ""
+          },
+          {
+            "name": "endDate",
+            "type": "date",
+            "default": ""
+          },
+          {
+            "name": "status",
+            "type": "string",
+            "default": "pending",
+            "values": [
+              "pending",
+              "approved",
+              "denied"
+            ]
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "TimeOffBrowse",
+          "linkedEntity": "TimeOff",
+          "category": "interaction",
+          "listens": [
+            {
+              "event": "TIME_OFF_CREATED",
+              "triggers": "INIT"
+            },
+            {
+              "event": "TIME_OFF_UPDATED",
+              "triggers": "INIT"
+            },
+            {
+              "event": "TIME_OFF_DELETED",
+              "triggers": "INIT"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "browsing",
+                "isInitial": true
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "CREATE",
+                "name": "CREATE"
+              },
+              {
+                "key": "VIEW",
+                "name": "VIEW",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "object"
+                  }
+                ]
+              },
+              {
+                "key": "EDIT",
+                "name": "EDIT",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "object"
+                  }
+                ]
               },
               {
-                "from": "deleting",
+                "key": "DELETE",
+                "name": "DELETE",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  },
+                  {
+                    "name": "row",
+                    "type": "object"
+                  }
+                ]
+              }
+            ],
+            "transitions": [
+              {
+                "from": "browsing",
                 "to": "browsing",
-                "event": "CLOSE",
+                "event": "INIT",
                 "effects": [
                   [
-                    "render-ui",
-                    "modal",
-                    null
-                  ],
-                  [
-                    "fetch",
+                    "ref",
                     "TimeOff"
                   ],
                   [
@@ -3778,6 +2799,9 @@
           "linkedEntity": "TimeOff",
           "category": "interaction",
           "emits": [
+            {
+              "event": "SAVE"
+            },
             {
               "event": "TIME_OFF_CREATED"
             }
@@ -3921,10 +2945,6 @@
                   [
                     "emit",
                     "TIME_OFF_CREATED"
-                  ],
-                  [
-                    "notify",
-                    "TimeOff created successfully"
                   ]
                 ]
               }
@@ -3936,6 +2956,9 @@
           "linkedEntity": "TimeOff",
           "category": "interaction",
           "emits": [
+            {
+              "event": "SAVE"
+            },
             {
               "event": "TIME_OFF_UPDATED"
             }
@@ -4090,10 +3113,6 @@
                   [
                     "emit",
                     "TIME_OFF_UPDATED"
-                  ],
-                  [
-                    "notify",
-                    "TimeOff updated successfully"
                   ]
                 ]
               }
@@ -4104,6 +3123,11 @@
           "name": "TimeOffView",
           "linkedEntity": "TimeOff",
           "category": "interaction",
+          "emits": [
+            {
+              "event": "SAVE"
+            }
+          ],
           "stateMachine": {
             "states": [
               {
@@ -4133,6 +3157,17 @@
               {
                 "key": "CLOSE",
                 "name": "Close"
+              },
+              {
+                "key": "SAVE",
+                "name": "Save",
+                "payload": [
+                  {
+                    "name": "data",
+                    "type": "object",
+                    "required": true
+                  }
+                ]
               }
             ],
             "transitions": [
@@ -4318,6 +3353,219 @@
                     "info"
                   ]
                 ]
+              },
+              {
+                "from": "open",
+                "to": "closed",
+                "event": "SAVE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ]
+                ]
+              }
+            ]
+          }
+        },
+        {
+          "name": "TimeOffDelete",
+          "linkedEntity": "TimeOff",
+          "category": "interaction",
+          "emits": [
+            {
+              "event": "CONFIRM_DELETE"
+            },
+            {
+              "event": "TIME_OFF_DELETED"
+            }
+          ],
+          "stateMachine": {
+            "states": [
+              {
+                "name": "idle",
+                "isInitial": true
+              },
+              {
+                "name": "confirming"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "DELETE",
+                "name": "Request Confirmation",
+                "payload": [
+                  {
+                    "name": "id",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "CONFIRM_DELETE",
+                "name": "Confirm"
+              },
+              {
+                "key": "CANCEL",
+                "name": "Cancel"
+              },
+              {
+                "key": "CLOSE",
+                "name": "Close"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "ref",
+                    "TimeOff"
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "confirming",
+                "event": "DELETE",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.pendingId",
+                    "@payload.id"
+                  ],
+                  [
+                    "fetch",
+                    "TimeOff",
+                    {
+                      "id": "@payload.id"
+                    }
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "md",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "alert-triangle",
+                              "size": "md"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Delete TimeOff",
+                              "variant": "h3"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "alert",
+                          "variant": "danger",
+                          "message": "This action cannot be undone."
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "end",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Cancel",
+                              "event": "CANCEL",
+                              "variant": "ghost"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Delete",
+                              "event": "CONFIRM_DELETE",
+                              "variant": "danger",
+                              "icon": "check"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CONFIRM_DELETE",
+                "effects": [
+                  [
+                    "persist",
+                    "delete",
+                    "TimeOff",
+                    "@entity.pendingId"
+                  ],
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "ref",
+                    "TimeOff"
+                  ],
+                  [
+                    "emit",
+                    "TIME_OFF_DELETED"
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CANCEL",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "ref",
+                    "TimeOff"
+                  ]
+                ]
+              },
+              {
+                "from": "confirming",
+                "to": "idle",
+                "event": "CLOSE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "modal",
+                    null
+                  ],
+                  [
+                    "ref",
+                    "TimeOff"
+                  ]
+                ]
               }
             ]
           }
@@ -4339,6 +3587,9 @@
             },
             {
               "ref": "TimeOffView"
+            },
+            {
+              "ref": "TimeOffDelete"
             }
           ]
         }
@@ -5947,6 +5198,5 @@
         }
       ]
     }
-  ],
-  "description": "HR portal organism. Composes molecules via compose: - stdList(Employee): CRUD list of employees - stdWizard(Onboarding): multi-step onboarding wizard - stdList(TimeOff): CRUD list of time-off requests - stdDisplay(OrgChart): read-only org chart dashboard Pages: /employees (initial), /onboarding, /timeoff, /org-chart Connections: ONBOARD (employees->onboarding), APPROVE_LEAVE (timeoff->orgchart)"
-}
+  ]
+}